Создаем текстовый эффект в виде мороженого

16 смотр.

Создаем текстовый эффект в виде мороженого

Создаем текстовый эффект в виде мороженого в Adobe Photoshop (How to Create an Ice-Cream Scoop Text Effect in Adobe Photoshop)

Детали:

  • Программа: Photoshop CС и выше
  • Время выполнения: ~60 мин.
  • Сложность: средние

Материалы урока:

В этом уроке я расскажу вам, как используя стили слоя, фильтры и текстуры, создать текстовый эффект в виде мороженого в Adobe Photoshop.

В результате выполнения урока у вас получится вот такой результат.

Создаем текстовый эффект в виде мороженого

Этап 1. Создаем фон и текст.

Шаг 1.

Создаем новы документ 1000x800px, добавляем корректирующий слой Gradient / Градиент. Установите цвет для контрольных точек с права #7e4569, а с лева #5a1961.

В панели настройки установите Style / Стиль на Radial / Радиальный, а значения Scale / Масштабирование на 150%, и выберите пункт Dither / Дизеринг.

Создаем текстовый эффект в виде мороженого

Шаг 2.

Создайте текст сделав каждую букву отдельным слоем. Выберите шрифт «Neretto Sans» используя все заглавные буквы. Установите значение Size / Размер на 150pt и выберите белый цвет.

Создаем текстовый эффект в виде мороженого

Шаг 3.

Используй свободную трансформацию, поверните каждую букву и переместите ее относительно другой, как вам нравится.

Создаем текстовый эффект в виде мороженого

Шаг 4.

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

Создаем текстовый эффект в виде мороженого

Шаг 5.

Затем продублируйте каждую букву и установите для копий значение Fill / Выполнить заливку равное 0%.

Создаем текстовый эффект в виде мороженого

Этап 2. Выделяем и добавляем текстуру.

Шаг 1.

Откройте изображение «Мороженое» и выберите инструмент Quick Selection Tool / Инструмент «Быстрое выделение» (W). В панели настройки инструмента выберите Add to Selection / Добавить к выделенной области и активируйте пункт Auto-Enhance. Выделите мороженое мороженое и перейдите в меню Edit / Редактирование > Copy / Скопировать.

Создаем текстовый эффект в виде мороженого

Шаг 2.

Перейдите обратно в ваш документ и перейдите в меню Edit / Редактирование > Paste / Вставить. Правый клик по слою и выберите пункт Convert to Smart Object / Преобразовать в смарт-объект.

Переместите слой выше первой буквы и по правому клику выберите пункт Create Clipping Mask / Создать обтравочную маску.

Создаем текстовый эффект в виде мороженого

Шаг 3.

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

Создаем текстовый эффект в виде мороженого

Шаг 4.

Повторите тоже самое выделив другие изображения с мороженым и разместите их над остальными буквами.

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

Создаем текстовый эффект в виде мороженого

Этап 3. Стилизуем текстовый слой.

Шаг 1.

Выберите первую оригинальную букву и примените к ней стиль слоя Bevel and Emboss / Тиснение со следующими настройками.

Size / Размер: 35

Выберите Anti-aliased / Сглаживание

Highlight Mode / Режим подсветкиColor / Цвет: #ff988a

Shadow Mode / Режим тениColor Burn / Затемнение основы

Color / Цвет: #daaf98

Opacity / Непрозрачность: 35%

Создаем текстовый эффект в виде мороженого

Шаг 2.

Добавляем стиль слоя Contour / Контур.

Contour / Контур: Half Round

Выберите Anti-aliased / Сглаживание

Создаем текстовый эффект в виде мороженого

Шаг 3.

Добавляем стиль слоя Texture / Текстура.

Pattern / Узор: Ant Farm

Создаем текстовый эффект в виде мороженого

Шаг 4.

Добавляем стиль слоя Inner Shadow / Внутренняя тень

Blend Mode / Режим наложенияLinear Burn / Линейный затемнитель

Color / Цвет: #b27a67

ЧИТАТЬ:  Без заголовка

Opacity / Непрозрачность: 35%

Distance / Смещение: 0

Choke / Стягивание: 13

Size / Размер: 24

Создаем текстовый эффект в виде мороженого

Шаг 5.

Правый клик по текстовому слою и выберите Copy Layer Style / Скопировать стиль слоя, выберите остальные оригинальные текстовые слои, правый клик по любому из них и выберите Paste Layer Style / Вклеить стиль слоя.

Создаем текстовый эффект в виде мороженого

Шаг 6.

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

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

Совместите эти цвета с цветами текстуры буквы, а также вы можете использовать цвета из самой текстуры.

Создаем текстовый эффект в виде мороженого

Этап 4. Добавляем объем.

Шаг 1.

Выберите копию текстового слоя и примените к нему стиль слоя Bevel and Emboss / Тиснение, установив следующие значения настроек.

Size / Размер: 24

Отключите Use Global Light / Глобальное освещение

Angle / Угол: 164

Altitude / Высота: 53Включите Anti-aliased / Сглаживание

Highlight Mode / Режим подсветкиSoft Light / Мягкий свет

Color / Цвет: #ffe9e9

Shadow Mode / Режим тени:

Opacity / Непрозрачность: 0%

Создаем текстовый эффект в виде мороженого

Шаг 2.

Скопируйте и вставьте стиль слоя к остальным текстовым копиям.

Создаем текстовый эффект в виде мороженого

Шаг 3.

Сгруппируйте соответствующие текстовые слои в группы.

Создаем текстовый эффект в виде мороженого

Этап 5. Создаем обводку.

Шаг 1.

Создайте новый слой выше всех слоев внутри группы и назовите его «Обводка» .

Создаем текстовый эффект в виде мороженого

Шаг 2.

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

Создаем текстовый эффект в виде мороженого

Шаг 3.

Установите копию слоя с текстурой в режим обтравочной маски.

Повторите тоже самое со всеми остальными копиями.

Создаем текстовый эффект в виде мороженого

Этап 6. Создаем обводку используя рабочий контур используя кисть.

Шаг 1.

Выберите инструмент Brush Tool / Инструмент «Кисть» (Создаем текстовый эффект в виде мороженого и перейдите в панель настройки.

Выберите круглую, жесткую кисть и измените настройки для вкладок Brush Tip Shape / Форма отпечатка кисти и Shape Dynamics / Динамика формы.

Создаем текстовый эффект в виде мороженого

Шаг 2.

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

Выберите слой «Обводка» .

Создаем текстовый эффект в виде мороженого

Шаг 3.

Активируйте инструмент Brush Tool / Инструмент «Кисть» и нажмите Enter чтоб сделать обводку.

Выберите инструмент Direct Selection Tool / Инструмент «Стрелка» (A), нажмите клавишу Esc, чтоб деактивировать рабочий контур.

Создаем текстовый эффект в виде мороженого

Шаг 4.

Повторите тоже самое и с остальными буквами.

Создаем текстовый эффект в виде мороженого

Этап 7. Стилизуем обводку.

Шаг 1.

Выберите первый слой с обводкой и примените стиль слоя Bevel and Emboss / Тиснение со следующими настройками.

Size / Размер: 7

Выключите Use Global Light / Глобальное освещение

Angle / Угол: 167

Altitude / Высота: 21

Выберите Anti-aliased / Сглаживание

Shadow Mode / Режим тениLinear Burn / Линейный затемнитель

Color / Цвет: #d5ccb9

Opacity / Непрозрачность: 65%

Создаем текстовый эффект в виде мороженого

Шаг 2.

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

Blend Mode / Режим наложенияLinear Burn / Линейный затемнитель

Color / Цвет: #6e6e6e

Opacity / Непрозрачность: 10%

Distance / Смещение: 0

Size / Размер: 10

Создаем текстовый эффект в виде мороженого

Шаг 3.

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

Создаем текстовый эффект в виде мороженого

Этап 8. Создаем кисть присыпки.

Шаг 1.

Создайте новый документ 100x100px с белым фоном. Выберите инструмент Rounded Rectangle Tool / Инструмент «Прямоугольник со скругленными углами» (U) и установите Radius / Радиус на 15px.

ЧИТАТЬ:  Создаем текст в Photoshop с эффектом трещин на камне

Создайте форму размером 15x35px. Установите цвет заполнения формы черный и поместите в центр документа.

Создаем текстовый эффект в виде мороженого

Шаг 2.

Перейдите в меню Edit / Редактирование > Define Brush Preset / Определить кисть и назовите новую кисть «Присыпка» .

Создаем текстовый эффект в виде мороженого

Шаг 3.

Перейдите обратно в наш документ, выберите кисть и перейдите в панель настройки.

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

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

Создаем текстовый эффект в виде мороженого

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

Создаем текстовый эффект в виде мороженого

Scattering / Рассеивание

Создаем текстовый эффект в виде мороженого

Color Dynamics / Динамика цвета

Создаем текстовый эффект в виде мороженого

Этап 9. Используем кисть Присыпка

Шаг 1.

Создайте новый слой выше всех слоев и назовите его «Присыпка» .

Установите цвет переднего плана на #fe0000, а заднего на #1b9be6.

Закрашивайте область букв добавляя присыпку. Если вы хотите добавить другой цвет, просто поменяйте цвет переднего и заднего планов.

Создаем текстовый эффект в виде мороженого

Шаг 2.

К слою «Присыпка» примените стиль слоя Bevel and Emboss / Тиснение, установив следующие настройки.

Size / Размер: 1

ВыключитеUse Global Light / Глобальное освещение

Angle / Угол: 128

Altitude / Высота: 37

Выберите Anti-aliased / Сглаживание

Highlight Mode / Режим подсветкиVivid Light / Яркий свет

Создаем текстовый эффект в виде мороженого

Шаг 3.

Добавьте стиль слоя Drop Shadow / Тень.

Blend Mode / Режим наложенияColor Burn / Затемнение основы

Color / Цвет: #010101

Opacity / Непрозрачность: 10%

Distance / Смещение: 3

Size / Размер: 5

Создаем текстовый эффект в виде мороженого

Шаг 4.

Добавьте к слою «Присыпка» маску и перейдите на нее.

Создаем текстовый эффект в виде мороженого

Этап 10. Добавляем текстуру.

Шаг 1.

Установите цвет переднего плана на черный, а заднего на белый, а затем перейдите в меню Filter / Фильтр > Render / Рендеринг > Clouds / Облака.

Создаем текстовый эффект в виде мороженого

Шаг 2.

Затем перейдите в меню Filter / Фильтр > Filter Gallery / Галерея фильтров > Sketch / Эскиз > Reticulation / Ретикуляция и установите следующие настройки. 

Density / Плотность: 12

Foreground Level: 40

Background Level: 5

Создаем текстовый эффект в виде мороженого

Шаг 3.

Нажмите на иконку New effect layer и активируйте фильтр Photocopy / Ксерокопия, установив следующие настройки.

Detail / Детализация: 7

Darkness / Затемненность: 8

Создаем текстовый эффект в виде мороженого

Шаг 4.

Еще раз нажмите иконку New effect layer, добавив другой эффект и примените к нему фильтр Bas Relief / Барельеф/Рельеф со следующими настройками.

Создаем текстовый эффект в виде мороженого

В результате ваш эффект будет выглядеть более реалистичным.

Создаем текстовый эффект в виде мороженого

Этап 11. Добавляем больше присыпки

Шаг 1.

Создайте новый слой выше слоя «Присыпка» и назовите его «Присыпка 2» , после чего примените стили слоя со слоя «Присыпка» .

Измените цвет переднего плана на #fe0000, а заднего на #01ffe5 и добавьте больше присыпки.

Создаем текстовый эффект в виде мороженого

Шаг 2.

Добавьте еще один слой выше всех слоев и назовите его «Присыпка 3» , добавьте тот же стиль слоя что и раньше и создайте больше присыпки вокруг текста.

Создаем текстовый эффект в виде мороженого

Шаг 3.

Сгруппируйте все слои с присыпкой в группу слоев и назовите ее его «Присыпка» .

Создаем текстовый эффект в виде мороженого

Этап 12. Создаем слой потеки.

Шаг 1.

Создайте новый слой выше всех слоев в группе с буквой и назовите его «Потек» .

Зажмите Alt и переместите слой с текстурой выше слоя «Потек» и установите его в режиме обтравочной маски. Затем конвертируйте в Smart Object / Смарт-объект.

ЧИТАТЬ:  Фотошоп для начинающих: Знакомство с интерфейсом программы

Создаем текстовый эффект в виде мороженого

Шаг 2.

Примените к слою «Потек» стиль слоя Bevel and Emboss / Тиснение со следующими настройками.

Size / Размер: 16

Soften / Смягчение: 1

Выключите Use Global Light / Глобальное освещение

Angle / Угол: 30

Altitude / Высота: 48

Gloss Contour / Контур глянцаCone / Конус

Включите Anti-aliased / Сглаживание

Shadow Mode / Режим тениVivid Light / Яркий свет

Color / Цвет: #a1a1a1

Создаем текстовый эффект в виде мороженого

Шаг 3.

Добавляем стиль слоя Contour / Контур.

Contour / Контур: Rounded Steps

Выберите Anti-aliased / Сглаживание.

Создаем текстовый эффект в виде мороженого

Шаг 4.

Добавляем стиль слоя Inner Shadow / Внутренняя тень.

Blend Mode / Режим наложенияColor Burn / Затемнение основы

Opacity / Непрозрачность: 35%

Выключите Use Global Light / Глобальное освещение

Angle / Угол: 90

Distance / Смещение: 3

Choke / Стягивание: 33

Size / Размер: 3

Создаем текстовый эффект в виде мороженого

Шаг 5.

Выберите слой «Потек» и перейдите в меню Filter / Фильтр > Noise / Шум > Median / Медиана, измените значение Radius / Радиус на 5px.

Создаем текстовый эффект в виде мороженого

Шаг 6.

Затем перейдите в меню Filter / Фильтр > Blur / Размытие > Gaussian Blur / Размытие по Гауссу, измените значение Radius / Радиус на 2px.

Создаем текстовый эффект в виде мороженого

Этап 13. Рисуем потеки.

Шаг 1.

Выберите инструмент кисть п, перейдите в панель настроек и измените значение Spacing / Интервалы на 1px.

Создаем текстовый эффект в виде мороженого

Шаг 2.

Выберите слой «Потеки» и начните создавать их с помощью кисти.

Создаем текстовый эффект в виде мороженого

Шаг 3.

Используя ластик сотрите не нужные части.

Создаем текстовый эффект в виде мороженого

Шаг 4.

Повторите этот же шаг с остальными буквами.

Создаем текстовый эффект в виде мороженого

Этап 14. Добавляем тень и фоновую текстуру.

Шаг 1.

Добавьте к первой текстовой группе стиль слоя Drop Shadow / Тень со следующими настройками.

Blend Mode / Режим наложенияColor Burn / Затемнение основы

Opacity / Непрозрачность: 7%

Distance / Смещение: 45

Size / Размер: 20

Создаем текстовый эффект в виде мороженого

Шаг 2.

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

Создаем текстовый эффект в виде мороженого

Шаг 3.

Поместите изображение «Текстура» выше корректирующего слоя Gradient / Градиент и измените ее размер если это необходимо. Измените режим смешивания для слоя на Soft Light / Мягкий свет понизьте значение Opacity / Непрозрачность до 25%.

Создаем текстовый эффект в виде мороженого

Этап 15. Создаем глобальные корректировки.

Шаг 1.

Создайте новый слой выше всех слоев нажав Ctrl+Shift+Alt+E и назовите его «Резкость» . Затем конвертируйте данный слой в Smart Object / Смарт-объект.

Создаем текстовый эффект в виде мороженого

Шаг 2.

Перейдите в меню Filter / Фильтр > Other / Другое > High Pass / Цветовой контраст, и установите значение Radius / Радиус на1,5px.

Создаем текстовый эффект в виде мороженого

Шаг 3.

Измените режим смешивания для слоя на Soft Light / Мягкий свет и понизьте значение Opacity / Непрозрачность до 50%.

Создаем текстовый эффект в виде мороженого

Шаг 4.

Добавьте корректирующий слой Gradient Map / Карта градиента выше всех слоев, установите цвета для контрольных точек на #55456b с лева, #79566e в центре и #d4977c с права.

Выберите пункт Dither / Дизеринг и измените режим смешивания для корректирующего слоя на Soft Light / Мягкий свет и понизьте значение Opacity / Непрозрачность до 50%.

Создаем текстовый эффект в виде мороженого

Вот и все...

Поздравляю вы выполнили урок

Создаем текстовый эффект в виде мороженого

Автор: Rose

Источник: Tutsplus

Переводчик: 2 fingers

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Другие интересные статьи

16 смотр.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

один × 4 =

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: