22. Градиенты. Градиентная заливка.

Gradient (Градиент) – это инструмент закрашивания, плавно переходящий из одного цвета в другой. Градиент находится на панели инструментов между инструментами «Ластик» и «Размытие».

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

После того как мы отпустим левую клавишу мыши, наш лист зальётся плавным градиентом, который мы настроили.

В разделе «Установки» мы видим большое количество различных квадратиков разного цвета. Эти квадратики и есть градиенты, только маленькие. Выбрав один из них, вы заметите, что большая полоска в разделе «Градиент» поменяла цвет. Загрузить, поменять отображение миниатюры, восстановить градиенты вы можете нажав на маленькую стрелочку в кружочке, вверху справа над окном “Установки”.

Давайте с вами разберём для начала самый простой градиент, состоящий из двух цветов. Например, Чёрно-белый. Выбрав его, большая полоска опять поменяла свой цвет. Теперь она стала слева чёрной, а справа белой. И вы наверняка заметили, что на этой полоске по бокам есть по два флажка. Но эти флажки не обязательно должны по бокам, вы их можете передвигать, передвижение флажка влияет на плавность градиента. Нажав на верхний флажок, вы увидите, что снизу активировалась менюшка, в которой можно устанавливать параметры данного флажка, то есть Opacity (Непрозрачность) и Location (Позицию). Opacity (Непрозрачность) влияет на прозрачность градиента в том или ином участке полоски, в зависимости от того где у вас расположен флажок. Location (Позиция) отвечает за расположение флажка на полоске. А нижний флажок активирует другие параметры градиента на полоске. Такие как Color (Цвет) и Location (Позиция). Здесь всё предельно ясно. Нажав на Color (Цвет) появится палитра цветов, в которой вы сможете выбрать нужный вам цвет для полоски градиента.

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

Если хотим удалить флажок, то встаем на него, оттаскиваем с помощью мышки к кнопке Delete (Удалить).

Продолжаем изучать далее настройки градиента. Справа от полоски мы видим пять типов работы градиента: Linear (Линейный), Radial (Радиальный), Angle (Конусовидный), Reflected (Зеркальный) и Diamond (Ромбовидный) градиенты.

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

«Радиальный градиент» – это особый градиент. Он имеет форму шара, и цвета вашего градиента будут исходить из центра этого шара. Центр это шара будет находиться в точке, которую вы поставили, а полосочку, которую провели при рисовании, будет радиусом в данному шару градиенту.

«Конусовидный градиент» градиент будет иметь форму конуса, вид сверху. Пика его будет первая поставленная точка.

«Зеркальный градиент» это тот же линейный, но он будет отражён. Точкой отражения будет являться в первой точке.

«Ромбовидный градиент» очень красив сам по себе, но достаточно трудно объяснить, как он выглядит. Поэкспериментируйте методом научного тыка. И обязательно посмотрите на картинку.

Далее в настройках мы видим графу Mode (Режим). Эта графа отвечает за режим наложения градиента на данный рисунок. Когда вы нажмете графу Mode (Режим) снизу выдвинется менюшка, в которой будут предоставлены, во всей своей красе, названия всех режимов наложений. Пощелкайте, поэкспериментируйте с каждым из них. Кстати, войдя в графу «Режимы» можно будет их переключать колёсиком мыши. Далее за «Режимом наложения» идёт настройка прозрачности градиента. От этой настройка зависит просвечиваемость вашего градиента. Чем меньше число в графе Opacity (Непрозрачность), тем сильнее видно изображение, на которое вы наносите градиент. Далее мы видим параметр Reverse (Инверсия), где можно поставить галочку. Если мы там поставим галочку, то наш градиент примет своё зеркальное отражение. Советую вам пощёлкать на эту настойку, и посмотреть на полосочку градиента в настройках слева, и вы сразу поймёте суть этой настройки. Левый край этой полосочки соответствует началу градиента, то есть той точки, из которой мы начинаем вести градиент.

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

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

Пример:

В качестве образца берем любую фотографию.

Градиентная заливка-жалюзи.

1. Откройте файл.

2. Выберите инструмент Gradient(Градиент).

3. Установка цвета по умолчанию (основной - черный, фоновый – белый)

4. Параметры градиента Linear (Линейный), Foreground to Background (От основного к фоновому)

5. Щелчок левой кнопкой мыши по выбранному градиенту, откроется Gradient Edit (Редактор)

6. Цветовая полоса отображает цвета переходов (нижние ползунки) и прозрачность (верхние ползунки).

7. Задайте Gradient Type (Тип градиента) Solid (Цвет)

8. Нажмем ALT и тащим левый нижний ползунок вправо – ползунок дублируется. Таким образом, создадим 8 черных ползунков, расположенных произвольно.

9. Нажмем ALT и тащим правый ползунок влево, создадим 7 белых ползунков.

10. Выстроим маркеры так , чтобы черные маркеры чередовались с белыми примерно равномерно.

11. Аналогично проставьте верхние ползунки, отвечающие за прозрачность. Ползунки должны чередоваться с большей и меньшей прозрачностью (Opacity).

12. В поле Name (Имя) задайте имя градиента и нажмите кнопку New.

13. Нажмите кнопку Ok.

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

15. Тащим курсор, начиная за пределами изображения, сверху вниз.

Градиентная заливка – спираль.

1. Создаем новый файл – 300х300 пикселей, RGB, белый.

2. Выберите инструмент Gradient(Градиент).

3. Установка цвета по умолчанию (основной-черный, фоновый – белый)

4. Параметры градиента Linear (Линейный), Foreground to Background (От основного к фоновому)

5. Щелчок левой кнопкой мыши по выбранному градиенту, откроется Gradient Edit (Редактор)

6. Цветовая полоса отображает цвета переходов (нижние ползунки) и прозрачность (верхние ползунки).

7. Задайте Gradient Type (Тип градиента) Solid (Цвет)

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

9. Выберем красно-Оранжевый цвет. Левая часть полосы окрашена выбранным цветом, правая часть перехода к белому.

10. Щелкаем по правому ползунку, затем по образцу с цветом. Выбираем желтый цвет.

11. При нажатой клавише ALT тащим оранжевый ползунок вправо, пока на полосе на появится 4 оранжевых ползунка.

12. Аналогично создаем 4 желтых ползунка.

13. Располагаем ползунки так, чтобы за оранжевым следовал желтый.

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

15. В поле Name (Имя) задайте имя градиента и нажмите кнопку New.

16. Нажмите кнопку Ok.

17. Флажок Transparency (Прозрачность ) на панели свойств должен быть погашен.

18. Проводим по открытому документа сверху вниз.

19. Filter - Distort – Twirl (Фильтр-Деформация – Скручивание), Значение Angle (угол) около 712. Получилась Спираль.