3.5. Dialog Přechody

Obrázek 15.40. Dialog Přechody

Dialog Přechody

The Gradients dialog offers a gradient palette which is used to select a gradient — a set of colors arranged in a linear scale — for use with the Gradient tool and numerous other operations. It also gives you access to several functions for manipulating gradients. You can select a gradient by clicking on it in the list: it will then be shown in the Brush/Pattern/Gradient area of the Toolbox. A few dozen nice gradients come pre-installed with GIMP. You can create more using the Gradient Editor. General information about gradients and how they are used in GIMP can be found in the Gradients section.

The first five gradients are particular: they reproduce the gradient between Foreground and background colors of toolbox in different ways.

3.5.1. Aktivace dialogu

This dialog is a dockable dialog; see the section 2.3 – „Dokování dialogů“ for help on manipulating it.

You can access it:

  • from the main menu: WindowsDockable DialogsGradients;

  • from the Tab menu in any dockable dialog by clicking on and selecting Add TabGradients,

  • from the Toolbox, by clicking on the current gradient in the Brush/Pattern/Gradient area (if you have checked the Show active brush, pattern and gradient option in the toolbox preferences).

  • From the image by using the Ctrl+G shortcut.

In the Windows menu, there is a list of detached windows which exists only if at least one dialog remains open. In this case, you can raise the Gradients dialog from the main menu: WindowsGradients.

3.5.2. Using the Gradients dialog

Nejjednodušší a nejčastěji používaná operace v tomto dialogu je prosté kliknutí na požadovaný přechod, čímž se stane aktivním přechodem v Gimpu. Aktivní přechod používají se pak používá při všech operacích s přechodem.

Dvojité kliknutí na přechod umožňuje nastavit jeho jméno. Uživatel však může měnit pouze jména přechodů, které sám vytvořil, nikoliv jména standardních přechodů dodávaných s Gimpem. Pokud se pokusíte přejmenovat standardní přechod, změny ve jménu se neuloží. V Gimpu je obecným pravidlem, že nemůžete měnit předinstalované standardní zdroje, tedy stopy, vzorky, přechody atd. Měnit můžete jen ty, které jste si sami vytvořili.

Grid/List modes

V nabídce karty můžete volit mezi režimy Zobrazit jako mřížku a Zobrazit jako seznam. V režimu mřížky jsou přechody zobrazeny v pravidelné mřížce. V tomto režimu ale může být těžké vybrat ten správný, protože okolní přechody ruší. V režimu seznamu, který je výchozí, jsou přechody zobrazeny nad sebou, včetně svých jmen.

In the Tab menu, the option Preview Size allows you to adapt the size of gradient previews to your liking.

Tlačítka v dolní části dialogu umožňují s přechody pracovat různým způsobem:

Upravit přechod

Toto tlačítko aktivuje Editor Přechodů.

Nový přechod

This creates a new gradient, initialized as a simple grayscale, and activates the Gradient Editor so that you can alter it. Gradients that you create are automatically saved in the gradients folder of your personal GIMP directory, from which they are automatically loaded when GIMP starts. (You can change this folder, or add new ones, using the Preferences dialog.)

Duplikovat přechod

Tímto se vytvoří kopie právě vybraného přechodu. tuto kopii můžete upravovat, i když je originál neupravovatelný.

Odstranit přechod

Pokud k tomu máte oprávnění, odstraní (smaže) zvolený přechod. Budete požádáni o potvrzení svého úmyslu.

Obnovit přechody

If you add gradients to your personal gradients folder by some means other than this dialog, this button causes the list to be reloaded, so that the new entries will be available.

Funkce těchto tlačítek jsou přístupné i z kontextové nabídky, kterou lze vyvolat kliknutím pravým tlačítkem myši kamkoliv do seznamu přechodů. Je v něm i jedna další funkce navíc:

Obrázek 15.41. The Gradients Menu

The Gradients Menu

The gradient menu also gives you some additional functions:

Save as POV-Ray…

Tato funkce uloží přechod do souboru ve formátu používaném 3D raytracerem POV-Ray.

Copy Gradient Location

This command allows you to copy the gradient file location to the clipboard. You can then use it in a text editor.

Show in File Manager

Show in File Manager opens the location of the gradient in the default File Manager on your system.

Custom Gradient…

This command creates a sample image filled with the selected gradient. You can select width and height of the image as well as the gradient direction in the dialog window.

Save as CSS

The CSS (Cascading Style Sheets) language is used to format the display of HTML and XML files, for instance background color, background gradient, or font size. The "CSS Save" plug-in is a CSS3 linear gradient generator that allows you to save a CSS3 code snippet, containing the gradient data for a given GIMP gradient. This code snippet is a text file: you can copy-paste it to the stylesheet related to your HTML file, to get a gradient background on opening the HTML file in Firefox, Chrome or Safari web navigators. This CSS3 code snippet can also be used as a gradient in SVG files.

Here is an example of a CSS3 code snippet, using the Blue Green gradient:

A CSS snippet created with Save as CSS. 


background-image: linear-gradient(top, rgb(0,123,255) 0%, rgb(72,226,255) 56%,
     rgb(0,255,161) 100%);
              

3.5.2.1. Tagging

You can use tags to reorganize the gradients display. See 3.7 – „Tagging“.

3.5.3. Editor přechodů

Obrázek 15.42. Editor přechodů

Editor přechodů

Editor přechodů umožňuje úpravu přechodů. Lze jej však používat pouze na přechodech, které jste si sami vytvořili, nikoliv na přechodech dodávaných spolu s Gimpem. Editor přechodů je poměrně složitý nástroj vyžadující trochu úsilí k plnému zvládnutí. Myšlenkou, na které editor přechodů stojí, je skutečnost, že lze každý přechod rozložit na řadu segmentů, které jsou jednoduchými plynulými přechodu mezi dvěma barvami. Editor přechodů umožňuje spojit libovolný počet takových segmentů, přičemž pro každý segment lze zvolit libovolné barvy a různé způsoby přechodu mezi nimi.

3.5.3.1. How to Activate the Gradient Editor

You can activate the Gradient Editor in several ways:

  • by double-clicking on the gradient stripe in the Gradient dialog,

  • from the context menu you get by right clicking on the selected gradient name,

  • by clicking on the Edit gradient button in the Gradient Dialog,

  • from the Gradient Menu you get by clicking on in the Gradient Dialog.

3.5.3.2. Display
Jméno

This is where you can change under what name the gradient shows up in the list of gradients.

Náhled přechodu

Below the name, you see the current result of your work. If you move the mouse pointer on this display, it works somewhat like a color-picker. Information about the pixel under the mouse is shown below the preview and slider area.

Position is a number between 0.000 on the left and 1.000 on the right side of the gradient. Below that the color values in RGB and HSV mode are shown, followed by the Luminance and Opacity values.

If you click-n-drag on display, then only position and RGB data are displayed. But they are passed on to the Foreground color in the Toolbox and to the four first gradients of the list (by pressing the Ctrl key, the Color is sent to the Background color of the Toolbox).

Kontrolní posuvníky

Pod náhledem přechodu je řada trojúhelníčků dvou barev. Segment je místo mezi dvěma sousedními trojúhelníky černé barvy. Uvnitř každého segmentu je bílý trojúhelník, který slouží k nastavení míšení barev v segmentu. Segment můžete vybrat kliknutím kamkoliv mezi dva černé trojúhelníčky, více segmentů můžete vybrat klikáním se zmáčknutou klávesou Shift. Vybraný rozsah sestává vždy ze sousedících segmentů, takže pokud některý mezilehlý segment vynecháte, bude zařazen automaticky. Pokud je zaškrtnuta volba Okamžitá aktualizace, překresluje se náhled okamžitě při pohybu posuvníku, pokud zaškrtnuta není, překreslí se až po uvolnění myši.

You can move sliders, segments and selections. If you simply click-n-drag a slider, you only move the corresponding transition. By click-n-drag on a segment you can move this segment up to the next triangle. By Shift+click-n-drag on a segment/selection, you can move this segment/selection and compress/dilate next segments.

Rolovací lišta

Pod posuvníky je vodorovná rolovací lišta. Ta je užitečná tehdy, pokud provedete přiblížení tlačítky dole.

Informační oblast

Below, a color swatch shows the color pointed by the mouse cursor. Information about this color and helpful hints or feedback messages may appear here.

Tlačítka

There are three buttons at the bottom of the dialog:

Oddálit

Tímto tlačítkem lze oddálit náhled přechodu. Je užitečné po předchozím přiblížení následujícím tlačítkem.

Přiblížit

Tímto tlačítkem lze přiblížit náhled přechodu. Pomocí rolovací lištu pod náhledem pak můžete náhledem posouvat a detailně prohlížet jeho různé části.

Přiblížit vše

Stisknutím tohoto tlačítka se náhled přiblíží tak, že přesně pasuje do okna.

3.5.3.3. Nabídka Editoru přechodů

Obrázek 15.43. Nabídka editoru přechodů

Nabídka editoru přechodů

Nabídku editoru přechodů můžete vyvolat kliknutím pravého tlačítka myši na náhled přechodu nebo volbou první položky v nabídce karty editoru přechodů. Nabídka umožňuje nastavit levou i pravou barvu pro každý segment a způsob přechodu mezi nimi.

The following commands can be found in the menu:

Editing endpoint's color

Left/Right color type

This submenu allows you to select the endpoint color from the toolbox foreground and background colors. Whenever you change the foreground or background color, this endpoint color may be changed as well. The alternative is to select a Fixed endpoint color.

The following commands can be found in the menu:

Fixed

Fixed

Foreground Color

Foreground Color

Foreground Color (Transparent)

Foreground Color (Transparent)

Background Color

Background Color

Background Color (Transparent)

Background Color (Transparent)

Barva levého [pravého] koncového bodu

Tyto volby umožňují nastavit barvu pro levý či pravý koncový bod segmentu.

[Poznámka] Poznámka

This command is related to the previous one and becomes inactive if you have selected any other value than Fixed for the corresponding Left [Right] Color Type.

Načíst levou [pravou] barvu z

Obrázek 15.44. The Load Color From submenu

The „Load Color From“ submenu

Tato podnabídka obsahuje několik různých možností, jak přiřadit koncovému bodu barvu. V případě levého koncového bodu (pro pravý koncový bod je nabídka obdobná) můžete barvu načíst z:

Pravého koncového bodu levého souseda

Tato volba přiřadí koncovému bodu stejnou barvu, jako má přilehlý koncový bod sousedního segmentu. To je užitečné v případě, kdy mají segmenty na sebe plynule navazovat.

Pravého koncového bodu

Tato volba přiřadí levému koncovému bodu barvu pravého koncového bodu.

Barvy popředí či pozadí

Tyto volby přiřadí koncovému bodu barvu popředí nebo pozadí z panelu nástrojů.

RGBA položky

At the bottom of the menu are 10 memory slots. You can assign colors to them using the Save menu option described below. If you choose one of the slots, the color in it will be assigned to the endpoint.

Uložit levou [pravou] barvu do

These options cause the color of the endpoint in question to be assigned to the memory slot selected from the submenu.

Click and drag colors

You can also click and drag a color from the toolbox FG-BG colors or from a palette

  • to an endpoint (a black triangle), to set left [right] colors,

  • to the gradient display area, to add a new endpoint with this color on both sides.

Blending and coloring functions for segment

Způsob mísení v segmentu (výběru)

Volba z této nabídky určuje způsob mísení barev koncových barev segmentu nebo rozsahu a tedy vzhled přechodu.

Lineární

Default option. Color varies linearly from one endpoint of the range to the other.

Curved

Gradient varies more quickly on ends of the range than on its middle.

Sinusoidní

The opposite of the curved type. Gradients varies more quickly on center of the range than on its ends.

Spherical (increasing)

Gradient varies more quickly on the left of the range than on its right.

Spherical (decreasing)

Gradient varies more quickly on the right than on the left.

Step

Gradient changes from left value to right value in one step without intermediate colors.

Způsob vybarvení segmentu (výběru)

Tato volba umožňuje volit mezi výpočtem přechodu v prostoru RGB nebo HSV.

The following commands can be found in the menu:

YUV

YUV

HSV (counter-clockwise hue)

HSV (counter-clockwise hue)

HSV (clockwise hue)

HSV (clockwise hue)

Modifying segments

Překlopit segment (výběr)

Tento příkaz umožňuje zrcadlově překlopit vybraný segment nebo rozsah segmentů.

Replikovat segment (výběr)

Tento příkaz rozdělí vybraný segment nebo jejich rozsah do dvou nebo více částí, z nichž každá je dokonalou stlačenou kopií původního segmentu nebo rozsahu.

Rozdělit segment(y) ve středním bodě

Tento příkaz rozdělí každý segment ve vybraném rozsahu na dva segmenty, vždy v místě bílého trojúhelníku.

Rozdělit segment(y) stejnoměrně

Tento příkaz je podobný předchozímu, ale rozdělí každý segment přesně uprostřed, nikoliv v místě bílého trojúhelníku.

Odstranit segment (výběr)

Tato volba vymaže všechny segmenty ve zvoleném rozsahu. Smazané segmenty jsou nahrazeny jedním černým trojúhelníkem uprostřed a zvětšením sousedních segmentů tak, aby vyplnily uvolněné místo.

Vycentrovat středový bod segmentu (středové body ve výběru)

Tato volba přesune středový bod (bílý trojúhelník) přesně do středu všech segmentů ve zvoleném rozsahu.

Přerozdělit řídící body v segmentu (ve výběru)

Tento příkaz přemístí všechny řídící body (trojúhelníky) ve zvoleném rozsahu tak, aby byly v rovnoměrných vzdálenostech.

Blending colors

These options are available only if more than one segment are selected.

Mísení barev koncových bodů

Tento příkaz je dostupný pouze tehdy, pokud je vybrán rozsah obsahující více než jeden segment. Zprůměruje barvy sousedních koncových bodů uvnitř rozsahu a tím zajistí plynulý přechod segmenty uvnitř rozsahu.

Mísení krytí koncový bodů

Tento příkaz dělá s krytím koncových bodů totéž, co předchozí příkaz s barvou.

Edit Active Gradient

When enabled, the gradient editor will automatically load the currently active gradient. If it is disabled, the gradient editor will not change when the active gradient changes.

[Výstraha] Výstraha

There is no undo available within the Gradient Editor, so be careful!

3.5.3.4. Using example for the Gradient Editor

All these options can seem somewhat boring. Here is an example to clear ideas:

  1. Open the Gradient Dialog. Click the New Gradient . The Gradient Editor is opened and shows a gradient from black to white.

    Obrázek 15.45. New gradient

    New gradient

  2. Right click in this new gradient and click the Split Segment Uniformly. Fix the number of segments you want.

    Obrázek 15.46. Gradient with three segments

    Gradient with three segments

    Every segment is limited with two black triangular sliders. Click a segment to activate it. By pressing the Shift key, you can select several contiguous segments.


  3. In the context menu you get by right-clicking in the gradient, set Left Endpoint Color and Right Endpoint Color for the selected segment or segment group.

    Obrázek 15.47. First segment colored

    First segment colored

    Red has been chosen for left endpoint and yellow for the right endpoint.


  4. Go on the same way for other segments. Then use the Blending functions for segment to achieve various effects.