Создаем яркий текст в виде печенья в Фотошоп
Создаем яркий текст в виде печенья в Фотошоп
В этом уроке вы узнаете как создать яркий текстовый эффект в виде печенья, используя кисти, стили слоя и корректирующие слои.Сложность урока: Средний
- #1. Создаем градиентный фон и текстовые слои
- #2. Настраиваем и сохраняем кисть
- #3. Создаем и обводим рабочий контур
- #4. Стилизуем группу с буквой
- #5. Добавляем текстуру
- #6. Сжимаем выделение
- #7. Создаем эффект белой глазури
- #8. Создаем текстуру белой глазури
- #9. Добавляем больше букв
- #10. Создаем кисть в виде посыпки
- #11. Стилизуем посыпку
- #12. Добавляем посыпку
- #13. Выполняем общую цветокоррекцию
- # Комментарии
В этом уроке я покажу вам, как создать яркий текстовый эффект в виде печенья, используя кисти, стили слоя и корректирующие слои. Начнем!
На создание этого эффекта меня вдохновили многочисленные стили слоя, доступные на сайте 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
Комментарии 99
Спасибо за вкусный и полезный урок)
спасибо
спасибо за урок! все доступно и понятно!
Потянуло куда-то в стразы, но делать понравилось, спасибо за урок :)
Помогите, сделал, как в уроке, но контур появился не везде
Спасибо!
классно
Замечательно получилось!
Спасибо. Делала с удовольствием, легкостью и обильным слюновыделением))
Спасибо за урок!))
Спасибо за вкусный урок)
Спасибо за урок.
Шриф-то не кириллический. Русскими буковками ничего не напишешь.
Спасибо за перевод!
Спасибо за перевод)
Спасибо
Почему не корректно работают ссылки на архивы к урокам ?
Лесовой Антон, К каким именно урокам? К этому уроку ссылка работает. Если где то не работает, то напишите под тем уроком, что ссылка не рабочая.
Сладкоежки, зацените)! Отмучилась, только к концу вечера осилила)
Что касается нижнего комментария, я согласна с вами, что лучше начинать с простого, но блин, тянет к необычному и сложному)) Думаю, многие согласятся)
Еще застряла на 5 пункте Шаг 2. Как убрать желтый цвет??(
Застряла на 2 шагу. Печенье почему то другого цвета. Что не так делаю или упустила что то?
Вкусно получилось!
Спасибо большое за урок!
Получилось вот так, но буду дорабатывать
Хорошо!
Спасибо!Вкусный текст.
Очень интересно. Спасибо)
pasibo
Спасибо!
огромное спасибо^^ подружка довольна)))
спасибо за урок