Набор инструментов Градиент (Gradient) в Фотошопе.

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

Работа с градиентами.

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

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

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

Для градиентов всегда общей чертой являлся тип градиента . В понятие «типа градиента», прежде всего, входят несколько основополагающих соглашений. В качестве первого соглашения принято выделять стартовые и конечные точки градиента . Под стартовой точной принято понимать цвет с которого начинается переход, под конечной точкой – цвет к которому происходит переход. Кроме того положение этих цветов на рисунке также играет немаловажную роль, но об этом позже.

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

Далее следует следующий тип перехода – радиальный переход . В данном случае цвета меняются от стартовой точки до конечной, но по всем направлениям. Линия от стартовой до конечной точки является радиусом радиального перехода.

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

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

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

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

Photoshop предоставляет специальный инструмент для работы с градиентами. Он находится на панели инструментов в одной группе с инструментом Paint Bucket. Для того, что бы воспользоваться этим инструментом нужно совершить ряд действий.

Выбрать инструмент Gradient на панели инструментов.
Щёлкнуть мышкой на том месте изображения,где вы хотите поставить стартовую точку вашего градиента.
Не отпуская кнопку мыши, протяните направление градиента.
Там, где будет отпущена кнопка мыши вы установите конечную точку градиента.

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

Данная особенность свойстенна всем типам градиентов и варьируется в зависимости от типа градиента. В случае градиентов у которых переход цвета присходит от центра (радиальный и ромбический) весь рисунок, начиная от конечной точки будет заполнен конечным цветом градиента.

Управление градиентом, как и любым инструментом находится на палитре Options.

Photoshop имеет ряд заготовок градиентных переходов. Заготовка включает в себя понятие заранее созданного набора параметров для градиента, т.е. количества ключевых точек, цвета ключевых точек расстояние между ключевыми точками и многие другие, пока неизвестные нам параметры. Если щёлкнуть на треугольничке выпадающего меню заготовок, то можно узреть весь список заготовок, предоставленных нам создателями Photoshop. Этот список можно редактировать, удаляя и добавляя свои заготовки. Справа находится кнопочка для получения дополнительного меню. Разберём подробнее:

Команда New Gradient вызывает окно редактирования параметров градиента
Команда Rename Gradient даёт новое название старым заготовкам градиентов.
Команда Delite Gradient удаляет заготовку.
Команда Text Only включяет режим палитры, при котором вместо иконок будут только подписи.
Команда Small Tambnails включяет режим палитры, при котором в палитре будет отображено содержимое в виде небольших по размеру иконок.
Команда Large Tambnails включяет режим палитры, при котором в палитре будет отображено содержимое в виде больших по размеру иконок.
Команда Small list включяет режим палитры, при котором в палитре будет отображено содержимое в виде небольших иконок и текстовой информации.
Команда Large list включяет режим палитры, при котором в палитре будет отображено содержимое в виде больших иконок и текстовой информации.
Команда Preset Manager вызывает менеджер (интерфейс) позволяющий загрузить заготовки из файлов, сохранить в виде файлов, перименовать и удалить.
Команда Reset Gradients сбрасывает изменённые настройки заготовок до начальных згначений параметров.
Команда Load Gradients загружает заготовки из файла. Полезно сохранять удачно получившиеся градиенты для дальнейшего использования.
Команда Save Gradients сохраняет настройки градиента в виде заготовки.
Команда Repalce Gradients змещает существующий градиент загружаемым.
Команда Color Harmonis 1 загружает набор градиентов, который создатели Photoshop считают гармоничным по цветовой гамме.
Команда Color Harmonis 2 загружает набор градиентов, который создатели Photoshop считают гармоничным по цветовой гамме. Серия №2.
Команда Metals загружает набор градиентов, иммитирующмх всевозможные металлические блески.
Команда Noise Samples загружает градиенты с некоторым цветовым "шумом".
Команда Pastels загружает градиенты пастельных тонов.
Команда Simple загружает совершенно простые градиенты.
Команда Special Effects загружает нечто визуально приятное.
Команда Spectrums загружает градиенты спектральных цветов.

Набор готовых градиентов это здорово, но порою нужно что-то особенное, своё. Для этого существует конструктор градиентов. Вызывается он просто - достаточно щёлкнуть по иконке заготовки на панели Options при выбранном инструменте Gradient. Вашему виду откроется следующее диалоговое окно.

Настроить градиент можно на основании заготовок, для этого они и приведены, но это называется не настройка, а подстройка. Займёмся серьёзным делом. Для этого наберём какое-либо своё имя в поле имени и нажмём кнопку NEW. В результате этого действия возникнет новый градиент, являющийся полной копией старого, но имеющий своё название. Теперь поработаем над цветом. Для начала выделим статовый стопор (ползунок слева внизу), который отвечает за цвет стартовой точки. В нижней части окна станет активным маленькое окошко выбора цвета. У этого окошка есть меню, которое позволяет сделать следующее:

Foregraund Color - Установить в качестве стартового цвета основной цвет (выбирается на панели инструментов). Это означает, что стартовый цвет вашего градиента всегда будет такой же, как и выставленный вами основной цвет.
Background Color - Установить в качестве стартового цвета фоновый цвет (выбирается на панели инструментов). Это означает, что стартовый цвет вашего градиента всегда будет такой же, как и выставленный вами фоновый цвет.
User Color - Вы устанавливаете фиксированный стартовый цвет, который можно выбрать в открывшемся диалоговом окне если щёлкнуть по пиктограмме цвета.

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

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

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

Для промежуточных ключевых точек существует ещё несколько характеристик. Параметр Location (поле этого параметра расположено так же внизу диалогового окна) указывает на расстояние между этой точкой и стартовой точкой градиента. Это расстояние измеряется в процентах, а за 100% процентов принимается расстояние между стартовой и конечной точкой.

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

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

После того, как это у вас получится, сохрание результат и предъявите преподавателю. Это часть вашего домашнего задания.

Есть ещё одно очень полезное свойство у градиента в Photoshop - это локальная, градиентная прозрачность. Название я выдумал жуткое, но на самом деле всё относительно просто. Для проведения эксперемента проведём следующие подготовительные действия. Откройте любой документ (рисунок). Далее создадим новую заготовку градиента нажав кнопочку NEW в редакторе (конструкторе градиентов). У нас будет всего 2 ключевые точки - стартовая и конечная. Задайте обоим точкам одинаковый цвет, к примеру чёрный. Теперь обратите внимание на ползунки над образцом градиента. Это стартовая и конечная точка управления локальной прозрачностью или точнее говоря непрозрачностью. Щёлкните на левом верхнем ползунке (стартовая прозрачность градиента).

В нижней части окна станет доступным поле Opacity. По умолчанию этот параметр равен 100%, т.е. абсолютно непрозрачно. Установите значение opacity для стартовой точки равным 0. Теперь У вас появились шашечки которые свидетельствуют о том, что прозрачность появилась. Если применить полученный градиент в "линейном типе" слева направо, то получится следующая картина:

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

Для получения резких границ можно использовать по две ключевые точки в одном месте (location). Ромбики между ползунками также помогут вам акцентировать прозрачность к началу градиента или к конечной точке. Орла вы сможете взять из папки sample находящейся в папке Adobe. Как только получится, сразу сохраняйте и приносите преподавателю на занятие. Это тоже домашнее задание.

Мы щё не разобрали выпадающее меню Gradient Type. Оно даёт вам возможность выбрать тип перехода. Всего два типа - solid и noise. Состоят в способе фофирования переходных цветов. В случае, если тип solid, то промежуточные пиксели (пиксели находящиеся между статовой точкой и конечной точкой) принимают значение промежуточных цветов (как вы помните пиксел имеет только одно значение - цвет). В случае если тип градиента noise то оттенок цвета получается при перемешивании пикселей начального и конечного цвета в разных пропорциях. Визуально это производит впечатление некоторого "шума".

Теперь, разобрав редактор градиентов вернёмся к палитре Options инструмента Gradient.

Теперь можно переключать тип градиента.

В Photoshop, кроме стандартных типов градиентов, присутствует ещё один тип - отражённый градиент. Он иммитирует блеск на какой либо поверхности.

При нанесении градиента на изображение можно изменять прозрачность инструмента. Это то, что я назвал глобальной прозрачностью. действие такое же как и у прозрачности инструмента "Кисть". Опция REVERSE позволяет менять местами стартовую и конечную точку градиента. Опция Transparency включает или выключает прозрачность настроенную в редакторе градиентов. Так же существует понятие режимов наложение - смысл тот же, что и у кистей (см. урок первый).

Просмотров: 96403

Если Вы начали работать в фотошопе (Photoshop), то вам непременно придется научится пользоваться градиентом. итак как же наложить градиент в фотошопе:

1. Использовать градиент можно для любого объекта и слоя. Я покажу как наложить градиент на обычный прямоугольник или сделать градиент текста.

Для наложение градиента на прямоугольник или любой другой слой я буду использовать такую полезную функцию фотошопа "Стиль слоя". Активируем нужный слой и выбираем "Добавить стиль слоя > Наложение градиента "

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

Непрозрачность. Если Вы хотите что бы после наложения градиента оставалось видимой изображение слоя, то эта настройка для Вас
Градиент. Позволяет выбрать цвета градиента. Ниже опишу подробнее эту настройку.
Стиль. Можно выбрать разные стили для наложения поэкспериментируйте и все поймете.
Угол. Позволяет менять направление наложения градиента.
Масштаб. То насколько сильно распространяется градиент по слою. На пальцах тоже не объяснить пробуйте.
Инверсия. Можно поменять местами цвета градиента.

Разберем настройку цветов из пункта 2, которая позволяет сделать градиент в фотошопе .

Тут можно выбрать готовый стиль градиента.
Шкала градиентов для настройки собственного стиля
Маркер непрозрачности. При клике на него активируется пункт 4
Ползунок настройки непрозрачности цвета градиента
Маркер при клике по которому активируется выбор цвета пункт 6
Кликнув по данному полю откроется цветовая палитра

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

Точно таким же способом можно сделать градиент текста :

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

Теперь наложите нужные градиенты через стили как описано выше.

Кликните по нужному маркеру
Измените прозрачность цвета

Градиент – плавный переход между цветами. Градиенты используются повсеместно – от оформления фонов до тонирования различных объектов.

В Фотошопе имеется стандартный набор градиентов. Кроме того, в сети можно скачать огромное количество пользовательских наборов.

Скачать-то, конечно, можно, но что делать, если подходящий градиент так и не был найден? Правильно, создать свой.

Этот урок посвящен созданию градиентов в Фотошопе.

Инструмент для создания градиентов находится на левой панели инструментов.

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

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

Здесь все сделано немного не так, как везде в Фотошопе. Градиент сначала необходимо создать, затем дать ему имя, а только после нажать на кнопку «Новый» .

Приступаем…

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

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

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

Все точки можно перемещать вдоль градиента.

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

Удалить контрольную точку можно, нажав на кнопку «Удалить» .

Итак, давайте окрасим одну из точек в какой-нибудь цвет. Активируем точку, нажимаем на поле с названием «Цвет» и выбираем нужный оттенок.

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

Теперь, когда градиент готов, даем ему название и нажимаем кнопку «Новый» . Наш градиент появится внизу набора.

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

2. Выберите инструмент «Градиент» (1).(Рисунок 2)
Выберите градиентную заливку на панели параметров.
- Щелкните треугольник рядом с образцом градиента(2), чтобы выбрать подготовленный вариант градиентной заливки.(3)
- Выполните щелчок внутри образца градиента(4), чтобы на экране появилось окно «Редактор градиентов»(Рисунок 3).

3.Выберите подготовленный вариант градиентной заливки (1)или создайте новую градиентную заливку(2)(как создать,смотри ниже). Затем нажмите кнопку «ОК»(3).

4. Выберите вариант применяемой градиентной заливки на панели параметров.(Рисунок4)
Линейный градиент (1)
Выполняет затенение от начальной до конечной точки по прямой линии

Радиальный градиент (2)
Выполняет затенение от начальной до конечной точки в виде кругового узора.

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

Зеркальный градиент (4)
Выполняет затенение с использованием симметричных линейных градиентов по обе стороны от начальной точки.

Ромбовидный градиент (5)
Выполняет затенение во все стороны от начальной точки в виде ромбовидного узора. Конечная точка определяет один из углов ромба.

На панели выбора параметров выполните следующие действия.
- Укажите режим наложения(6) и непрозрачность для краски. (7)
- Чтобы сменить порядок цветов в градиентной заливке на противоположный, установите флажок «Инверсия».(8)
- Для создания более гладкого наложения с меньшим количеством полос установите флажок «Дизеринг».(9)
- Чтобы использовать маску прозрачности для градиентной заливки, установите флажок «Прозрачность». (10)

5.Поместите курсор в то место изображения, где необходимо установить начальную точку градиента(1), и перетащите курсор, чтобы определить конечную точку(2). Чтобы ограничить угол наклона линии значением, кратным 45°, удерживайте клавишу «Shift» во время перетаскивания курсора.(Рисунок 5)

7.Создадим новую градиентную заливку:(Рисунок 7)
Чтобы взять за основу нового градиента существующий градиент, выберите градиент в разделе «Наборы» диалогового окна.(1)
- Выберите пункт «Непрерывный» в раскрывающемся меню «Градиент».(2)
- Чтобы определить начальный цвет градиента, щелкните левую контрольную точку цвета (3) .

8.Цвет треугольника над контрольной точкой окрашивается,(1) указывая, что происходит редактирование начального цвета Чтобы выбрать цвет, выполните одно из следующих действий.(Рисунок 8)
- Дважды щелкните контрольную точку цвета(2) или щелкните образец цвета(3) в разделе «Контрольные точки» диалогового окна. Выберите цвет и нажмите кнопку «ОК».
-Выберите параметр во всплывающем меню «Цвет»(4) в разделе «Контрольные точки» диалогового окна.
-Переместите курсор на панель выбора градиента(5) (курсор превращается в пипетку) и щелкните, чтобы произвести выборку цвета, или щелкните в любом месте изображения, чтобы произвести выборку цвета из изображения.
Чтобы определить конечный цвет, щелкните правую контрольную точку цвета (6). После этого выберите цвет.

9. Чтобы откорректировать местоположение начальной(1) или конечной точки(2), выполните одно из следующих действий.(Рисунок 9)
-Перетащите соответствующую контрольную точку цвета влево или вправо в нужное местоположение.
-Щелкните соответствующую контрольную точку цвета и задайте значение для параметра «Позиция»(3) в разделе «Контрольные точки» диалогового окна. При значении 0 % точка помещается в крайний левый конец панели выбора градиента, а при значении 100 % - в крайний правый конец.
Чтобы откорректировать местоположение средней точки(4) (в которой градиент отображает равную смесь начального и конечного цветов), перетащите ромб (4) под панелью выбора градиента влево или вправо или щелкните ромб и задайте значение для параметра «Позиция»(3).

10. Чтобы добавить промежуточные цвета к градиенту, щелкните под панелью выбора градиента(должна появиться рука) для определения еще одной контрольной точки цвета(1). (Рисунок 10)Укажите цвет и откорректируйте местоположение и среднюю точку как для промежуточной точки, так и для начальной или конечной точки.
Для удаления редактируемой контрольной точки цвета нажмите кнопку «Удалить»(2) или перетаскивайте контрольную точку вниз, пока она не исчезнет.(3)
Для управления тем, насколько постепенными должны быть переходы между цветными полосами в градиенте, задайте значение в текстовом поле «Гладкость»(4) или перетащите всплывающий ползунок «Гладкость»(5).
В случае необходимости установите значения прозрачности для градиента(6).
Введите имя для нового градиента(7).
Чтобы сохранить градиент в качестве подготовленного, нажмите кнопку «Новый» (8)после завершения создания градиента.
Примечание. Новые подготовленные градиенты сохраняются в файле настроек и отражаются в наборе под новым именем.. Если этот набор градиентов удален или поврежден или выполняется переустановка градиентов для использования заданной по умолчанию библиотеки, то вновь подготовленные градиенты будут потеряны. Чтобы обеспечить постоянное хранение новых подготовленных градиентов, сохраните их в библиотеке(9).
Если нужно загрузить новый набор градиентов,воспользуйтесь кнопкой «Загрузить»(10)

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

Приятного Вам творчества!!

Источник текста: справка программы Фотошоп(версия 5)

(слева) в "одну связку" с ведерком "Заливка" и включается общей с ним быстрой клавишей G. Он тоже заливает рисунок "краской", но не сплошным цветом, а переливами разных цветов и оттенков с заданными переходами от резких границ до плавных, едва заметных "перетеканий" одного цвета в другой или плотной окраски в прозрачный слой.

Панель настроек инструмента

Для ведерка в меню "Редактирование" предусмотрена команда "Выполнить заливку", где можно настроить ее параметры, указав, каким цветом (или узором) залить, как поступать с прозрачными участками и проч. А градиент в "Фотошопе" окрашивает все без разбору, правда, придерживаясь рамок выделенной области, если таковая задана, но больше никаких "условий" ему не ставят.

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

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

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

Кроме вариантов цветовых решений градиента, на панели настроек можно выбрать его форму (линейный, радиальный, конусовидный, зеркальный и ромбовидный).

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

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

Если проводить линию с нажатой клавишей Shift, переход можно сделать строго по вертикали, горизонтали или под углом 45 градусов.

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

Коллекция готовых эффектов представлена десятью группами вариантов, в каждой из которых предлагается от 4 до 16 цветовых решений, так что выбор вполне приличный. Но те, кому этого недостаточно, могут не переживать, так как создать градиент в "Фотошопе" мы можем и сами.

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

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

Строим непрерывный цветопереход

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

Щелчок по контрольной точке цвета/непрозрачности активирует окошки выбора краски/непрозрачности, позиции на шкале (%) и кнопку "Удалить". При этом по обе стороны от нового маркера редактор помещает средние точки (ромбики) цвета/непрозрачности, "молчаливо" занимающие срединное положение между соседними контрольными точками-маркерами, но их тоже можно передвигать. В средних точках цвета градиент в "Фотошопе" отображает равные смеси начального и конечного цветов, ну а средние точки непрозрачности в комментариях вряд ли нуждаются.

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

Движком "Гладкость" регулируется плавность перехода между разноцветными и разнотонными полосками.

"Шумный" цветовой переход

Градиент "Шум", в отличие от эффекта в непрерывном режиме, представляет собой случайное распределение красок в указанном диапазоне цветов. В зависимости от плавности (неровности) он может выглядеть как "нормальный" эффект с плавными переходами (плавность/ roughness до 30-40 %) либо как пестроокрашенный, тонкополосчатый спектр (плавность/ roughness до 90-100 %).

Помимо настройки плавности, при создании перехода можно:

выбрать цветовую модель (RGB, HSB, LAB);
ограничить цвета (для излишне насыщенных красок);
включить прозрачность (для случайных цветов);
выбрать "Другой вариант" (создается эффект с произвольными переходами цветов, но в соответствии с заданными настройками).

Сохраняем созданный цветопереход

Если планируется дальнейшее применение градиента, в "Фотошопе" на этот счет все продумано.

Чтобы новенький эффект попал в один из предустановленных (или собственных) наборов стандартных вариантов, нужно, прежде чем утвердить работу редактора (Ok), придумать ему название и внести в текстовое поле "Имя", а затем нажать кнопку "Новый".

Можно "Сохранить" градиент на своем диске как файл с расширением GRD (Adobe Photoshop Gradient), который по умолчанию угодит в папку Gradients в директории Presets вашей версии программы Adobe Photoshop. Оттуда же извлекаются и загружаются в редактор новые эффекты.

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

Создать (наложить) на рисунок (или чистый холст) градиент в "Фотошопе" можно из панели слоев, нажав на соответствующую кнопку в ее нижней части и выбрав стиль "Наложение градиента".

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

"Безболезненный" градиент на служебном слое

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

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

Как использовать градиент в "Фотошопе"

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