3.5. Градиент

This tool fills the selected area with a gradient from the foreground and background colors by default, but there are many options. To make a gradient, drag the cursor in the direction you want the gradient to go and you release the mouse button when you feel you have the right position and size of your gradient. The softness of the gradient depends on how far you drag the cursor. The shorter the drag distance, the sharper it will be.

In former GIMP versions, you had to use the gradient editor to modify the gradient. With GIMP-2.10, this gradient editor still exists, but you can now edit it more easily directly on canvas.

If you click and drag outside the selection, only a part of the gradient will appear in the selection.

При помощи этого инструмента можно решать поразительно большое количество задач, возможности могут показаться в начале даже обескураживающими. Два наиболее важных параметры инструмента — градиент и форма. Щелчком по кнопке с изображением градиента открывается окно выбора градиента, перечисляющее градиенты, входящие в комплект GIMP; там же перечисляются градиенты, которые вы можете создать сами. Более подробная информация изложена в следующих разделах: Раздел 10, «Градиенты» и Раздел 3.4, «Диалог выбора градиента».

Доступно 11 форм градиентной заливки: линейная, билинейная, радиальная, квадратная, коническая симметричная, коническая асимметричная, очертания (угловая), очертания (сфера), очертание (рябь), спиральная по часовой стрелке и спиральная против часовой стрелке; они описаны ниже. Наиболее интересны формы очертания: при их выборе градиент следует очертанию какой-нибудь фигуры вне зависимости от сложности очертания. В отличие от других форм, градиенты по очертаниям не зависят от длины или направления нарисованного отрезка заливки и всегда будут выглядеть одинаково, как бы вы не рисовали отрезок мышью.

[Подсказка] Подсказка

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

3.5.1. Активация инструмента

Инструмент можно вызвать следующими способами:

  • через меню изображения ИнструментыРисованиеГрадиентная заливка.

  • By clicking the tool icon .

  • By clicking on the G keyboard shortcut.

3.5.2. Параметры

Рисунок 14.67. The Gradient tool dialog

The Gradient tool dialog

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

Режим; Непрозрачность
Обратитесь к обзору рисующих инструментов за описанием параметров, общих для всех инструментов рисования.
Градиент

A variety of gradient patterns can be selected from the drop-down list. The tool causes a shading pattern that transitions from foreground to background color or introduces others colors, in the direction the user determines by drawing a line in the image. For the purposes of drawing the gradient, clicking on the Reverse reverses the gradient direction with the effect, for instance, of swapping the foreground and background colors.

On the right hand, a button to open the Gradient Editor dialog.

Форма

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

Рисунок 14.68. Примеры разных форм градиентной заливки

Примеры разных форм градиентной заливки

Линейная

Примеры разных форм градиентной заливки

Билинейная

Примеры разных форм градиентной заливки

Радиальная


Линейная

Начинается цветом переднего плана в начальной точке нарисованного отрезка и линейно переходит в цвет фона в конечной точке линии.

Билинейная

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

Радиальная

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

Квадратная; Очертания

Рисунок 14.69. Примеры градиента в форме квадрата

Примеры градиента в форме квадрата

Квадрат

Примеры градиента в форме квадрата

Очертания (угловое)

Примеры градиента в форме квадрата

Очертания (сфера)

Примеры градиента в форме квадрата

Очертания (рябь)


Четыре формы, разновидности квадрата: Квадратная, Очертания (угловое), Очертания (сфера), и Очертания (рябь). Все они помещают цвет переднего плана в центр квадрата, середина которого является началом нарисованной линии, и длина полудиагонали которого равна длине нарисованной линии. Эти четыре формы представляют собой разновидности алгоритма вычисления градиента. Поэкспериментируйте с ними, чтобы лучше понять различия.

Коническая (симметричный); Коническая (асимметричный)

Рисунок 14.70. Примеры конического градиента

Примеры конического градиента

Коническая (симметричная)

Примеры конического градиента

Конический (асимметричный)


Коническая (симметричная) форма даёт ощущение, когда смотришь вниз на вершину конуса, освещённого цветом фона по направлению нарисованной линии.

Коническая (асимметричная) похожа на Коническую (симметричную) кроме того, что конус имеет перепад там, где нарисована линия.

Спираль (по часовой стрелке); Спираль (против часовой стрелки)

Рисунок 14.71. Примеры спирального градиента

Примеры спирального градиента

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

Примеры спирального градиента

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


Очертания спирали дают спираль, чья ширина повтора определяется длиной нарисованной линии.

Повтор
  • None as default.

  • Sawtooth Wave: the Sawtooth pattern is achieved by beginning with the foreground, transitioning to the background, then starting over with the foreground.

  • Triangular Wave: starts with the foreground, transitions to the background, then transitions back to the foreground.

  • Truncate: areas before and after endpoints are truncated.

Размывание

Размывание полностью описано в Глоссарии

Адаптивная интерполяция

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

Смещение

Изменив значение смещения, вы можете увеличить «наклон» градиента. Этот параметр задает расстояние от точки щелчка мышью, с которого начнётся градиент. Для форм очертания смещение не учитывается.

Рисунок 14.72. Пример использования смещения при градиентной заливке

Пример использования смещения при градиентной заливке

Верх, смещение = 0 ; низ, смещение = 50%


Instant mode
[Внимание] Внимание

The option must be activated (with Shift also) before starting drawing gradient.

When this option is checked, gradient tool works as in GIMP-2.8 : the gradient line disappears as soon as you release the mouse button. You can't edit color stops before applying the gradient fill.

Modify active gradient

When this option is checked, gradient tool works as in GIMP-2.8 : the custom gradient is not created automatically and must be created manually. The option can be activated before starting drawing gradient or if the active gradient is not the custom gradient. Allows changing user-writable gradients directly rather than creating copies of them.

3.5.3. Editing Gradient

Important change with GIMP-2.10 in editing gradient:

On-canvas editing

All the old Gradient Editor dialog features are now available directly on canvas. You can create and delete color stops, select and shift them, assign colors to color stops, change blending and coloring for segments between color stops, create color stops from midpoints.

Select a gradient in the gradient dialog. Click and drag on canvas. A line is drawn and the gradient is displayed. You can edit this gradient by moving the mouse pointer on this line. As soon as you try to edit gradient, GIMP-2.10 creates a custom gradient, which is a copy of the selected gradient. It becomes the active gradient and will be preserved across sessions. Here, we use the Abstract3 gradient.

The Abstract3 gradient, with endpoints

At both ends of the line, you can see a Start endpoint and an End endpoint. Click and drag an endpoint (the mouse pointer is accompanied with a moving cross) to move it where you want on your screen. A small window appears showing data about the selected endpoint : the position of the mouse (coordinate origin is the upper left corner of image or selection), the starting (left) and the ending (right) color of the gradient.

End point moved

[Замечание] Замечание

In you only move endpoints, the custom gradient is not created yet.

On the line, you can see several small squares. These are Stops that divide gradient into segments. You can edit segments separately. Click and drag stops to move them (the active endpoint takes a yellow color). As soon as you move a stop, the custom gradient is created. The small data window shows a button that allow you to remove the active stop.

Stop point moved and data window

If you move the mouse pointer on the line, a Midpoint shows up. Then, the small data window has two buttons : to create a new stop at midpoint, and to center midpoint.

Changing color: in stop and end data windows, you have color dwells with a drop-down list. The default option is Fixed; this means that color choice will be independent from foreground and background colors. Click on a color dwell to open a color selector.

Клавиши-модификаторы (по умолчанию)

Клавиша Ctrl используется для рисования прямых линий до ближайших 15°.

Alt or Ctrl+Alt to move the whole line.

The Gradient Editor

The Gradient Editor still exists: Раздел 3.4.3, «Редактор градиентов».