Уроки Работа с текстом Максим Енин 22 мая 2018

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

Сложность урока: Средний

В этом уроке я покажу вам, как создать яркий текстовый эффект в виде печенья, используя кисти, стили слоя и корректирующие слои. Начнем!

На создание этого эффекта меня вдохновили многочисленные стили слоя, доступные на сайте GraphicRiver.

Скачать архив с материалами к уроку

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

Шаг 1

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

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

Шаг 2

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

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

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

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

Шаг 1

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

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

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

Шаг 2

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

Цвет: #762b3d

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

Шаг 4

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

Шаг 5

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

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

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

  • Цвет: #f1efde

Шаг 6

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

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

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

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%

Шаг 2

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

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

Шаг 3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1

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

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

Шаг 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 (Затемнение основы)

Шаг 3

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

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

Шаг 4

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

  • Цвет: #f88dc7

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

Шаг 5

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

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

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

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

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

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

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

Не стесняйтесь оставлять комментарии, предложения и делиться результатами.

Автор: Rose

Источник: design.tutsplus.com

19 тыс. 99
Печать Жалоба

Комментарии 99

Спасибо за вкусный и полезный урок)

спасибо за урок! все доступно и понятно!

Потянуло куда-то в стразы, но делать понравилось, спасибо за урок :)

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

Спасибо!

Замечательно получилось!

Спасибо. Делала с удовольствием, легкостью и обильным слюновыделением))

Шриф-то не кириллический. Русскими буковками ничего не напишешь.

Почему не корректно работают ссылки на архивы к урокам ?

Лесовой Антон, К каким именно урокам? К этому уроку ссылка работает. Если где то не работает, то напишите под тем уроком, что ссылка не рабочая.

Сладкоежки, зацените)! Отмучилась, только к концу вечера осилила)
Что касается нижнего комментария, я согласна с вами, что лучше начинать с простого, но блин, тянет к необычному и сложному)) Думаю, многие согласятся)

Еще застряла на 5 пункте Шаг 2. Как убрать желтый цвет??(

Застряла на 2 шагу. Печенье почему то другого цвета. Что не так делаю или упустила что то?

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

Очень интересно. Спасибо)

огромное спасибо^^ подружка довольна)))

спасибо за урок

Еще 29
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее