Золотая надпись (стили слоев)

В данном уроке мы рассмотрим один из способов стилизации шрифта с помощью функции настройки слоев.

​

Основные задачи:
- познакомимся с функцией стиль слоя
- изучим его опции и параметры
- научимся делать пользовательские градиентные заливки

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

​

Теперь откроем настройки слоя. Для этого зайдите в верхнее меню программы Layer - Layer Style - Blending Options или же кликните два раза в палитре слоев на текущий слой со шрифтом.

​

Появится окно редактора с многочисленными настройками вашего слоя. Сейчас нам нужна строчка Gradient Overlay, кликаем на нее и затем на градиент в центре окошка.

​

Теперь настроим для нашей надписи градиент следующим образом:

​

Цвета слева направо соответственно: #332b35, #201d22, #473f4a и #6b616f.
Вы можете выбрать любой другой оттенок на свой вкус, если посчитаете нужным.

Теперь кликнем на опцию Stroke и заменим тип контура с Color на Gradient.

​

И снова сделаем градиент, но теперь в следующем виде:

​

Цвета слева направо соответственно: #19171b и #675d6b.

Нажимаем Ок, также в верхней строке Size поставим размер 7 пикселей и позицию Inside.

​

Теперь можем нажать кнопку Ок в окне редактора. Вот что у нас должно получиться в итоге:

​

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

Теперь сделаем настройки для нашего дубликата. Снова зайдем в стиль слоя, но теперь изменим опцию Stroke. Размер выставим 3 пикселя, позиция - Outside, а для градиента обводки будут следующие параметры:

​

Цвета слева направо соответственно: #f4daaa и #38230a.
Вот что получится в итоге:

​

Теперь снова дублируем наш последний рабочий слой и опускаем его вниз. В настройках обводки ставим размер 12 пикселей и настраиваем следующий градиент:

​

Цвета слева направо соответственно: #d2a75e, #3a2408, #deb571 и #fff0da. Старайтесь сделать резкий переход цветов так, чтобы он совпал с переходом на нашем верхнем слое.
Если вы все правильно сделали, получиться нечто похожее на это:

​

Снова дублируем последний слой и опускаем его вниз. теперь в настройках обводки ставим 14 пикселей, а градиент у нас будет следующий:

​

Цвета слева направо соответственно: #764901 и #ffffff.
В конечном счете у нас получится вот такая симпатичная надпись:

​

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

​

Удачи вам и творческих успехов!

© Dara_Savelly
Копирование и публикация
данного материала запрещены!​