Найти тему
Фотошоп | Графика | Дизайн
9 подписчиков

Создаем яркий текст в Фотошоп

5
8 мин
Оглавление

Скачайте исходные материалы и попробуйте повторить урок.

1. Создаем градиентный фон и текстовые слои

ШАГ 1

Создаем новый документ размером 1000 х 800 пикселей, в нижней части панели слоев нажимаем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient (Градиент).

Для градиентной заливки используем цвета *e8d2d6 (слева) и *ddbcc0 (справа), Angle (Угол) устанавливаем на 107 градусов.

-2

ШАГ 2

Шрифтом Sniglet заглавными буквами пишем текст и устанавливаем его размер на 250 пт.

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

Если вы выбрали второй вариант, то каждую букву дополнительно добавляем в отдельную группу (Ctrl+G).

-3

2. Настраиваем и сохраняем кисть

ШАГ 1

Берем Brush Tool (Кисть) и открываем панель Window – Brush (Окно – Кисть). Выбираем жесткую круглую кисть и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)

-4

Shape Dynamics (Динамика формы)

-5

ШАГ 2

В нижнем правом углу панели нажимаем на кнопку Create new brush (Создать новую кисть), в открывшемся диалоговом окне вводим название «Обводка печенья» и нажимаем ОК.

-6

3. Создаем и обводим рабочий контур

ШАГ 1

Кликаем правой кнопкой мышки по текстовому слою и выбираем Create Work Path (Создать рабочий контур).

-7

ШАГ 2

Над текстовым слоем добавляем новый слой, называем его «Обводка», проверяем, что инструмент Brush Tool (B) (Кисть) активен, и жмем клавишу Enter, чтобы выполнить обводку рабочего контура кисточкой.

После этого берем Direct Selection Tool (A) (Частичное выделение) и снова жмем клавишу Enter, чтобы избавиться от рабочего контура.

-8

ШАГ 3

Группируем (Ctrl+G) текстовый слой и обводку и называем получившуюся группу «Текст и обводка».

-9

4. Стилизуем группу с буквой

Дважды кликаем по группе «Текст и обводка», чтобы открыть окно Layer Style (Стиль слоя):

ШАГ 1

Добавляем стиль слоя Bevel and Emboss (Тиснение) со следующими настройками:

  • Size (Размер): 7
  • Ставим галочку напротив Anti-aliased (Сглаживание)
  • Highlight Mode (Режим подсветки):
  • Цвет: *b08965
  • Shadow Mode (Режим тени):
  • Цвет: *d3a35e
  • Opacity (Непрозрачность): 35%
-10

ШАГ 2

Добавляем стиль слоя Contour (Контур) со следующими настройками:

  • Contour (Контур): Half Round
  • Ставим галочку напротив Anti-aliased (Сглаживание)
-11

ШАГ 3

Добавляем стиль слоя Drop Shadow (Тень) со следующими настройками:

Цвет: *762b3d

  • Opacity (Непрозрачность): 38%
  • Distance (Смещение): 3
  • Size (Размер): 5
-12

ШАГ 4

Напротив стиля слоя Drop Shadow (Тень) нажимаем на кнопку с плюсом, чтобы добавить еще одну копию эффекта:

  • Цвет: *7d3848
  • Opacity (Непрозрачность): 50%
  • Distance (Смещение): 15
  • Size (Размер): 25
-13

Получаем основу для будущего печенья.

-14

5. Добавляем текстуру

ШАГ 1

Открываем фото с бисквитным печеньем и с помощью Elliptical Marquee Tool (M) (Овальное выделение) выделяем любое печенье. Выделяем только внутреннюю часть печенья, не задевая края.

Затем переходим Edit – Copy (Редактирование – Скопировать).

-15

ШАГ 2

Возвращаемся к основному рабочему документу и вставляем скопированную текстуру Edit – Paste (Редактирование – Вставить).

Размещаем текстуру в самом верху группы «Текст и обводка». Затем кликаем правой кнопкой мышки по слою с текстурой и выбираем Create Clipping Mask (Создать обтравочную маску) (Ctrl+Alt+G).

Жмем Ctrl+T, чтобы активировать свободную трансформацию, и на свое усмотрение корректируем размер и поворот текстуры на букве.

Закончив, жмем клавишу Enter, чтобы принять изменения.

-16

6. Сжимаем выделение

ШАГ 1

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

-17

ШАГ 2

Переходим Select – Modify – Contract (Выделение – Модификация – Сжать) и в открывшемся окне устанавливаем Contract By (Сжать) на 5.

-18

ШАГ 3

В самом верху группы с буквой добавляем новый слой и называем его «Глазурь 01».

Заливаем выделение белым цветом и жмем сочетание клавиш Ctrl+D, чтобы скрыть выделение.

-19

ШАГ 4

Дублируем слой «Глазурь 01» и называем копию «Глазурь 02». Устанавливаем Fill (Заливка) копии на 0.

-20

ШАГ 5

Группируем (Ctrl+G) оба слоя с глазурью и называем группу «Глазурь».

-21

7. Создаем эффект белой глазури

Дважды кликаем по слою «Глазурь 01» и применяем следующие стили слоя:

ШАГ 1

Добавляем стиль слоя Bevel and Emboss (Тиснение) со следующими настройками:

  • Size (Размер): 9
  • Soften (Смягчение): 9
  • Ставим галочку напротив Anti-aliased (Сглаживание)
  • Highlight Mode (Режим подсветки): Soft Light (Мягкий свет)
  • Цвет: *b08965
  • Shadow Mode (Режим тени):
  • Цвет: *b69c5e
  • Opacity (Непрозрачность): 35%
-22

ШАГ 2

Добавляем стиль слоя Contour (Контур) со следующими настройками:

  • Contour (Контур): Half Round
  • Ставим галочку напротив Anti-aliased (Сглаживание)
-23

ШАГ 3

Добавляем стиль слоя Texture (Текстура) со следующими настройками:

  • Pattern (Узор): Clouds (Облака)
  • Depth (Глубина): 25%
-24

ШАГ 4

Добавляем стиль слоя Inner Shadow (Внутренняя тень) со следующими настройками:

  • Цвет: *d3d1c8
  • Opacity (Непрозрачность): 35%
  • Distance (Смещение): 3
  • Size (Размер): 7
-25

ШАГ 5

Добавляем стиль слоя Color Overlay (Наложение цвета) со следующими настройками:

  • Цвет: *f1efde
-26

ШАГ 6

Добавляем стиль слоя Drop Shadow (Тень) со следующими настройками:

  • Blend Mode (Режим наложения): Linear Burn (Линейный затемнитель)
  • Цвет: *2c1c0b
  • Opacity (Непрозрачность): 15%
  • Distance (Смещение): 3
  • Size (Размер): 3
-27

Получаем аппетитную белую глазурь.

-28

8. Создаем текстуру белой глазури

Дважды кликаем по слою «Глазурь 02» и применяем следующие стили слоя:

ШАГ 1

Добавляем стиль слоя Bevel and Emboss (Тиснение) со следующими настройками:

  • Size (Размер): 7
  • Soften (Смягчение): 7
  • Снимаем галочку с параметра Use Global Light (Глобальное освещение)
  • Angle (Угол): 85
  • Altitude (Высота): 26
  • Ставим галочку напротив Anti-aliased (Сглаживание)
  • Highlight Mode (Режим подсветки): Vivid Light (Яркий свет)
  • Цвет: *ffffff
  • Shadow Mode (Режим тени): Linear Burn (Линейный затемнитель)
  • Цвет: *b1997c
  • Opacity (Непрозрачность): 28%
-29

ШАГ 2

Добавляем стиль слоя Contour (Контур) со следующими настройками:

  • Contour (Контур): Half Round
  • Ставим галочку напротив Anti-aliased (Сглаживание)
-30

ШАГ 3

Добавляем стиль слоя Texture (Текстура) со следующими настройками:

  • Pattern (Узор): Satin (Глянец)
  • Depth (Глубина): 26%
-31

Получаем текстурную глазурь.

-32

9. Добавляем больше букв

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

С помощью свободной трансформации (Ctrl+T) поворачиваем буквы и на свое усмотрение распределяем их по документу.

Вам не нужно каждый раз повторно применять стили слоя к буквам. Вместо этого мы просто кликаем правой кнопкой по стилизованному слою и выбираем Copy Layer Style (Скопировать стиль слоя), затем кликаем правой кнопкой по новому слою и выбираем Paste Layer Style (Вставить стиль слоя).

Закончив, добавляем все группы с буквами в общую группу «Текст».

-33

10. Создаем кисть в виде посыпки

Активируем инструмент Brush Tool (B) (Кисть) и открываем панель Window – Brush (Окно – Кисть).

Выбираем жесткую круглую кисть и настраиваем ее:

Brush Tip Shape (Форма отпечатка кисти)

-34

Shape Dynamics (Динамика формы)

-35

Scattering (Рассеивание)

-36

11. Стилизуем посыпку

ШАГ 1

Выше группы «Текст» создаем новый слой и добавляем его в группу «Посыпка» (Ctrl+G).

-37

Дважды кликаем по этому слою, чтобы применить стили:

ШАГ 2

Добавляем стиль слоя Bevel and Emboss (Тиснение) со следующими настройками:

  • Size (Размер): 6
  • Снимаем галочку с параметра Use Global Light (Глобальное освещение)
  • Angle (Угол): 98
  • Altitude (Высота): 53
  • Ставим галочку напротив Anti-aliased (Сглаживание)
  • Highlight Mode (Режим подсветки): Vivid Light (Яркий свет)
  • Opacity (Непрозрачность): 5%
  • Shadow Mode (Режим тени): Color Burn (Затемнение основы)
-38

ШАГ 3

Добавляем стиль слоя Contour (Контур) со следующими настройками:

  • Contour (Контур): Rounded Steps
  • Ставим галочку напротив Anti-aliased (Сглаживание)
  • Range (Диапазон): 59%
-39

ШАГ 4

Добавляем стиль слоя Color Overlay (Наложение цвета):

  • Цвет: *f88dc7

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

-40

ШАГ 5

Добавляем стиль слоя Drop Shadow (Тень) со следующими настройками:

  • Цвет: *2a2826
  • Opacity (Непрозрачность): 20%
  • Distance (Смещение): 2
  • Size (Размер): 3
-41

12. Добавляем посыпку

ШАГ 1

Называем стилизованный слой в соответствии с цветом посыпки, который вы выбрали в четвертом шаге выше (в моем случае «Розовый»).

Аккуратно проводим кисточкой по буквам, чтобы добавить посыпку. При необходимости, можете подкорректировать Spacing (Интервал) и Scattering (Рассеивание) кисти, чтобы получить более интересный результат.

-42

ШАГ 2

Создаем несколько новых слоев и каждому даем имя, соответствующее цвету посыпки, которую мы будем добавлять.

Для смены цвета посыпки нам необходимо дважды кликнуть по слою и в меню Color Overlay (Наложение цвета) выбрать новый цвет.

-43

ШАГ 3

Вы можете добавить столько слоев и цветов, сколько считаете нужным. Не бойтесь экспериментировать!

-44

13. Выполняем общую цветокоррекцию

ШАГ 1

Закончив добавлять посыпку, группируем папки «Текст» и «Посыпка» в отдельную группу, которую мы называем «Печенье».

-45

ШАГ 2

Выше создаем корректирующий слой Levels (Уровни) и трансформируем его в обтравочную маску (Ctrl+Alt+G) для группы «Печенье».

Затем устанавливаем Highlights (Свет) на 6, Gamma (Гамма) – на 0,90 и Shadows (Тени) – на 248.

-46

ШАГ 3

Выше добавляем корректирующий слой Vibrance (Сочность) и трансформируем его в обтравочную маску для группы «Печенье». Устанавливаем Vibrance (Сочность) на 20.

-47

ШАГ 4

Добавляем корректирующий слой Brightness/Contrast (Яркость/Контрастность) и трансформируем его в обтравочную маску для группы «Печенье». Устанавливаем Contrast (Контрастность) на 15.

-48

ШАГ 5

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

Переключаем режим смешивания слоя на Linear Burn (Линейный затемнитель) и уменьшаем Opacity (непрозрачность) до 50%.

-49

В начале урока мы создали градиентный фон и текстовые слои.

Затем настроили кисточку, добавили с ее помощью обводку и применили стили слоя, чтобы получить основу для печенья.

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

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

-50

Спасибо за внимание! Подписывайся и не пропускай уроки.