Уроки фотошопа, графика, дизайн
arrow

Градиент в фотошопе

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

Градиент в фотошопе

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

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

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

Инструмент Gradient (Градиент) находится в панели инструментов слева, иконка выглядит так:

Градиент в фотошопе

Нажав на эту иконку вы увидите сверху настройки градиента:

Градиент в фотошопе

Нажав на полоску градиента Градиент в фотошопе вы попадете в Gradient Editor (Редактор градиента). Здесь задаётся количество точек и цвета переходов. Стандартный набор градиентов должен выглядеть примерно таким образом:

Градиент в фотошопе

Если вы нажмёте на стрелку, то откроется список всех установленных в фотошоп градиентов:

Градиент в фотошопе

Чтобы установить новый градиент, нужно положить файл формата .grd в папку фотошопа/Presets/Gradients (Например, C:\Program Files\Adobe\Photoshop CS5\Presets\Gradients). А сейчас я расскажу, как создать свой градиент в фотошопе. В редакторе градиента выберите любой из градиентов (желательно обычный чёрно-белый) и начните редактировать точки:

Градиент в фотошопе

Затем нажмите кнопку New, и ваш градиент будет сохранён. Для того, чтобы сохранить полученный набор в отдельный файл, нажмите кнопку Save. Обратите внимание, что у нижних точек активны параметры цвета и положения, а у верхних непрозрачности (Opacity) и положения. Таким образом, вы можете сделать градиент прозрачным, уменьшив для одной или нескольких точек параметр Opacity. Ну что, с редактором градиента мы разобрались, теперь остановимся на том, как собственно пользоваться градиентом. Допустим вы настроили нужный градиент, и хотите залить им текущий слой. Нет ничего проще. Для этого выберите точку начала градиента (она будет соответствовать положению 0% на полосе градиента) и протяните градиент в другую часть изображения. Обратите внимание, что чем дальше вы растяните градиент, тем шире будут полосы:

Градиент в фотошопе

Градиент в фотошопе

А теперь рассмотрим остальные настройки градиента в фотошопе.

Виды градиента

Всего существует 5 видов градиента в фотошопе.

Градиент в фотошопе

- Линейный (Linear). Градиент строится по прямой линии по заданному направлению:

Градиент в фотошопе

- Радиальный (Radial). Этот тип градиента распределяется равномерно во всех направлениях от заданной точки:

Градиент в фотошопе

- Конус (Angle). Градиент строится по кругу, начиная из заданной точки:

Градиент в фотошопе

- Зеркальный (Reflected). Этот градиент представляет собой 2 линейный градиента, распространяющихся в противоположных направлениях:

Градиент в фотошопе

- Ромб (Diamond). Градиент строится по форме ромба:

Градиент в фотошопе

Режимы наложения градиента

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

Галочка Reverse инвертирует цвета градиента:

Градиент в фотошопе

Transparency позволяет использовать непрозрачный градиент.

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

На этом я прощаюсь с вами до следующего урока photoshop и желаю вам творческих успехов.

P.S. Не забывайте оставлять комментарии :)

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (3)

  1. Ирина:

    Большое спасибо за урок!

  2. Nastya:

    Есть лишь одна проблема! Градиент сохраняется ДО выключения ФШ. Потом он изчезает!

  3. Евгений:

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

Оставить комментарий

Имя: *

Сообщение: