3.5. Диалог выбора градиента
| 3. Диалоги, касающиеся содержимого изображений |

### 3.5. Диалог выбора градиента

Рисунок 15.32. Диалог выбора градиента

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.

Первые пять градиентов особые: они по-разному воспроизводят градиент между цветом переднего плана и цветом фона на панели инструментов.

- Основной в фоновый (резкий переход): только чёрный и белый цвета с резкой границей.

- FG to BG (HSV clock-wise/counter-clockwise Hue): all hues in the color wheel between the Foreground and the background color, clockwise or counter-clockwise.

- Передний план в фон (RGB): градиент по умолчанию, между цветом переднего плана и цветом фона на панели инструментов, в цветовой модели RGB.

- Передний план в прозрачность: использует только один цвет (цвет переднего плана) от полной непрозрачности до полной прозрачности. Полезен при работе со мягко-смешаными коллажами и эффектами тумана.

#### 3.5.1. Вызов диалога

Диалог «Буферы» можно прикрепить на панель. Более подробно об этом написано в разделе Раздел 2.3, «Диалоговые окна и стыкуемые панели».

Его можно открыть следующими способами:

- from the main menu: Windows → Dockable Dialogs → Gradients;

- from the Tab menu in any dockable dialog by clicking the tab menu button and selecting Add Tab → Gradients,

- 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).

- С помощью клавиши быстрого доступа Ctrl+G.

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: Windows → Gradients.

#### 3.5.2. Использование диалога «Градиенты»

Наиболее часто этот диалог нужен для выбора активного градиента, который будет использоваться всеми функциями, работающими с градиентами.

Чтобы изменить название градиента, нужно дважды щёлкнуть его левой клавишей мыши. Обратите внимание на то, что изменять название можно только у тех градиентов, которые вы добавили в список самостоятельно. Попробовав изменить название градиента, входящего в стандартный набор GIMP, вы сможете написать новое название, однако, как только вы закончите свои действия, нажмите клавишу ввода или сделаете активным любое другое окно — и тогда к градиенту вернется его старое название. Кстати, это правило распространятся на все элементы, входящие в стандартный набор GIMP: кисти, шаблоны, градиенты и т.п. Исправлять можно только то, что было создано самостоятельно.

Режимы таблицы и списка

  В меню закладки есть возможность выбрать способ расположения градиентов: В виде таблицы и В виде списка. При выборе режима таблицы градиенты располагаются в виде «клеточек». Такое расположение не очень удобно для просмотра каждого отдельного градиента, потому что довольно сложно определить, где кончается одна клетка и начинается другая. При расположении в виде списка (этот режим используется по умолчанию) каждый градиент занимает целую строку, и кроме внешнего вида здесь содержится его название.

  В меню закладки можно указать размер просмотра градиента, воспользовавшись пунктом Размер пред.просмотра.

The button bar at the bottom offers the following functionality:

Правка градиента

  Эта кнопка вызывает Редактор градиентов .

Новый градиент

  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. Any gradient files (ending with the extension `.ggr`) found in one of these folders, will automatically be loaded when you start GIMP. You can add more directories to the gradient search path, if you want to, in the Gradients tab of the Data Folders section of the Preferences dialog.

Создать копию градиента

  This creates a copy of the currently selected gradient. You will be able to edit the copy as editing the original is not supported.

Удалить градиент

  С помощью этой кнопки можно удалить градиент, если вы имеете для этого права доступа. В процессе удаления от вас потребуется подтверждение действия.

Обновить градиенты

  Если некоторые градиенты были добавлены в персональную папку `gradients` каким-либо другим способом, отличным от добавления с помощью этого диалога, то с помощью этой кнопки список можно перезагрузить, чтобы стали доступны новые элементы.

The functions performed by these buttons can also be accessed from the dialog pop-up menu, activated by right-clicking anywhere in the gradient list, or via Gradient Menu in the Tab menu.

Это меню содержит дополнительные функции:

Save as POV-Ray…

  С помощью этого пункта можно сохранить градиент в формате POV-Ray используемом редакторами трехмерной графики.

Скопировать место градиента

  Эта команда позволяет скопировать место файла в буфер для последущей вставки, например, в текстовый редактор.

Показать в менеджере файлов

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

Custom Gradient…

  Эта команда создаёт предварительное изображение, заполненное выделенным градиентом. Возможно указать ширину и высоту изображения и направления градиента в диалоге.

Save Gradient 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:

  Отрывок кода CSS, созданный с помощью "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. Добавление тегов

Для реорганизации показа градиентов можно использовать теги. Смотрите Раздел 3.7, «Добавление тегов».

#### 3.5.3. Редактор градиентов

Рисунок 15.33. Редактор градиентов

С помощью этого редактора изменяются цвета градиентов. Обратите внимание на то, что редактировать можно только те градиенты, которые вы создали или записали в каталог градиентов самостоятельно. Базовый набор градиентов изменению не подлежит. Принцип работы редактора градиентов не совсем очевиден, поэтому на освоение этого инструмента может уйти некоторое время. В первую очередь следует запомнить, что любой градиент можно разделить на сегменты, каждый из которых — плавный переход от одного цвета к другому. Таким образом, редактор градиентов это инструмент, с помощью которого можно объединять любое количество сегментов, содержащих какие угодно цвета. Кроме того, этот редактор содержит некоторые дополнительные функции, с помощью которых можно более точно настроить переход из одного цвета в другой.

##### 3.5.3.1. Вызов редактора

Вы можете активировать редактор градиентов несколькими способами:

- двойным щелчком по полоске градиента в диалоге выбора градиентов,

- через контекстное меню, вызываемое с помощью щелчка правой кнопки мыши на выделенном имени градиента,

- 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. Основные элементы окна

Название

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

Область отображения градиента

  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.

  Если вы будете перемещать указатель мыши с нажатой левой кнопкой, будет отображена только позиция и данные в формате RGB. Цвет будет передан на цвет переднего плана в панели инструментов и на первые четыре градиента палитры. Если при этом держать клавишу Ctrl, то цвет будет передан на цвет фона.

Управление сегментами

  Below the gradient display, you see a set of black and white triangles lined up in row which allow you to adjust endpoints and midpoints in the gradient preview. A segment is the space between two consecutive black triangles. Inside each segment is a white triangle, which is used to «warp» the colors in the segment, in the same way that the middle slider in the Levels tool warps the colors there. You can select a segment by clicking between the two black triangles that define it. It turns from white to blue. You can select a range of segments by Shift-clicking on them. The selected range always consists of a set of consecutive segments, so if you skip over any when Shift-clicking, they will be included automatically. If «Instant update» is checked, the display is updated immediately after any slider movement; if it is unchecked, updates only occur when you release the mouse button.

  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.

Полоса прокрутки

  Полоса прокрутки понадобится вам только в том случае, если вы увеличите градиент с помощью соответствующей кнопки в нижней части окна.

Поле обратной связи

  Ниже, образец цвета показывает цвет, на который указывает курсор мыши. Здесь может присутствовать информация об этом цвете, а также полезные советы или сообщения обратной связи.

Кнопки

  The button bar at the bottom offers the following functionality:

  Уменьшение масштаба

    С помощью этой кнопки можно постепенно уменьшить размер отображения градиента по горизонтали до размеров окна редактора.

  Увеличение масштаба

    Нажатие на эту кнопку приводит к увеличению масштаба отображения градиента по горизонтали. Для удобства просмотра градиента в таком режиме воспользуйтесь полосой прокрутки.

  Вернуть к размеру окна

    При нажатии на эту кнопку размер отображения градиента становится равным размеру окна.

##### 3.5.3.3. Меню редактора градиентов

Меню редактора градиентов вызывается либо нажатием правой кнопки мыши на области отображения градиента, либо из меню закладки окна редактора. С помощью этого меню можно указать цвета для крайних правой и левой точки сегмента, отредактировать переход от одного цвета к другому, выбирать цветовую модель и редактировать сегменты. Этот редактор работает только с пользовательскими градиентами или копиями системных градиентов.

В меню расположены следующие команды:

Правка цвета конечных точек

Тип левого/правого цвета

  Это подменю позволяет выбрать цвет конечной точки из цвета фона или переднего плана панели инструментов. При изменении цвета фона или переднего плана этот цвет автоматически изменится. Иначе можно указать фиксированный цвет конечной точки.

  В меню расположены следующие команды:

  Fixed

    Fixed

  Foreground Color

    Foreground Color

  Foreground Color (Transparent)

    Foreground Color (Transparent)

  Background Color

    Background Color

  Background Color (Transparent)

    Background Color (Transparent)

Цвет крайней левой (правой) точки

  С помощью этого пункта меню указываются цвета крайних точек сегмента.

  | Примечание
  Эта команда связана с предыдущей и недоступна пока выбран цвет для соответствующего правого или левого типа цвета, а не значение «фиксированый».

Загрузить цвет крайней левой (правой) точки из

  С помощью этого меню можно указать цвет крайней точки (в нашем примере — левой) несколькими способами:

  Соседней слева к крайней правой точке

    При выборе этого пункта меню цвет крайней левой точки сегмента станет равным цвету соседней слева от крайней правой точки градиента. Таким образом чередование цветов в градиенте будет замкнуто в кольцо.

  Крайней правой точки

    При выборе этого пункта цвет крайней левой точки станет равен цвету правой точки сегмента.

  Цвет переднего плана и цвет фона

    При выборе одного из этих пунктов цвет крайней точки будет равен тому текущему цвету переднего плана или фона, который отображен на индикаторе цвета на панели инструментов GIMP. Заметьте, что изменение цвета фона или переднего плана не влияет на цвет крайней точки.

  Предустановленные цвета в режиме RGBA

    Кроме того, есть возможность выбрать цвет точки из десяти заранее выбранных цветов в режиме RGBA. Заранее выбранные цвета можно редактировать с помощью меню «Сохранить» (смотри ниже). При выборе заранее выбранного цвета, он присваивается цвету крайней левой (правой) точки.

Сохранить цвет крайней левой (правой) точки в

  С помощью этой функции можно сохранить цвет крайней точки в одной из десяти «ячеек памяти» из подменю.

Перетаскивание цветов

  Также цвета можно перетаскивать из области «цвет фона/переднего плана» на панели инструментов или из палитры

  - в крайнюю точку (чёрный треугольник) для настройки левого [правого] цвета,

  - в область показа градиента, для добавления новой крайней точки этого цвета на обеих сторонах.

Функции смешивания и окрашивания для сегмента

Функция смешивания для сегмента

  С помощью этого меню определяется тип перехода из одного цвета в другой, путем назначения специальной функции для крайней и средней точки сегмента.

  Линейная

    Параметр по умолчанию. Цвет изменяется линейно от одной крайней точки к другой.

  Искривленная

    Градиент изменяется более интенсивно в конце диапазона, чем в середине.

  Синусоида

    Противоположность типу «Искривлённая». Градиент изменяется более интенсивно к центру диапазона, чем к его краю.

  Сферическая (увеличивающаяся)

    Градиент изменяется более интенсивно с левой части диапазона, чем с правой.

  Сферическая (уменьшающаяся)

    Градиент изменяется более интенсивно с правой части диапазона, чем с левой.

  Step

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

Тип окрашивания для сегмента

  С помощью этого меню осуществляется дополнительный контоль над переходом от одного цвета к другому: здесь указывается цветовое пространство — RGV или HSV.

  В меню расположены следующие команды:

  RGB

    RGB

  HSV (counter-clockwise hue)

    HSV (counter-clockwise hue)

  HSV (clockwise hue)

    HSV (clockwise hue)

Правка сегментов

Отразить сегмент

  При использовании этого пункта меню выбранный сегмент будет зеркально отражен, все крайние точки и цвета.

Сделать копию сегмента

  При использовании этой функции выбранный сегмент делится на две части, каждая из которых является копией данного выбранного сегмента.

Разделить сегмент по центру

  С помощью этой функции выбранный сегмент разделяется на два отдельных сегмента, ориентируясь на средние точки (т.е. граница между сегментами будет там, где был белый треугольник)

Равномерно разделить сегмент

  Эта функция похожа на предыдущую за исключением того, что она разделяет сегмент не по средней точке, а по крайним, т.е. ширина каждого полученного сегмента будет равна половине ширины исходного.

Удалить сегмент

  С помощью этой функции все выбранные сегменты удаляются, а ширина остальных увеличивается за счет удаленных.

Отцентровать среднюю точку сегмента

  При использовании этой функции белый теругольник выбранного сегмента перемещается в геометрический центр сегмента.

Перераспределить направляющие в сегменте

  При использовании этой функции расстояние между белыми и черными треугольниками выбранных сегментов становится одинаковым.

Смешение цветов

Эти параметры доступны только если выделено не менее двух сегментов.

Смешать цвета крайних точек

  При выборе этого параметра цвета внутренних краевых точек в выделенном районе усредняются. В результате переход между соседними сегментами получается плавным.

Смешать прозрачность крайних точек

  Эта функция выполняет то же действие, что и предыдущая, но не с цветом, а с прозрачностью крайних точек.

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.

| Внимание
Будьте внимательны: в редакторе градиентов невозможно отменять и повторять действия!

##### 3.5.3.4. Пример использования редактора градиента

Все эти настройки утомительны. Вот несколько простых идей:

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

   Рисунок 15.34. Новый градиент

2. Right click in this new gradient and select Split Segment Uniformly. If wanted, adjust the number of segments.

   Рисунок 15.35. Градиент с тремя сегментами

   Каждый сегмент ограничен двумя чёрными треугольными ползунками. Сегмент активируется нажатием мыши. Если держать клавишу Shift, то можно выбрать несколько сегментов.

3. Сегмент активируется нажатием на него. Если нажать и держать клавишу Shift, то можно активировать несколько последовательных сегментов.

   Рисунок 15.36. Первый сегмент с цветом

   Для левой крайней точки был выбран красный цвет, а для правой крайней точки — жёлтый.

4. Проделайте то же самое с другими сегментами. Затем используйте функции цветового перехода сегментов для разных эффектов.

3.4. Диалог текстур |  | 3.6. Диалог выбора палитры

Report a bug in GIMP Report a documentation error