Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Text Effects

Создаём Текст из Дыма Кальяна в Adobe Photoshop

by
Read Time:6 minsLanguages:
This post is part of a series called Alice in Wonderland Week.
Create Two Colorful Children's Book Illustrations in Illustrator
How to Create a Wonderland Photo Manipulation With Adobe Photoshop

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

В этом уроке я покажу вам, как использовать рабочие контуры Photoshop, настройки кисти и стили слоя, чтобы создать простой текстовый эффект из дыма кальяна в стиле Алисы в Зазеркалье. Давайте приступим!

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

Исходные материалы

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

1. Создаём Задний фон и Текстовые Слои

Шаг 1

Создайте новый документ со следующими размерами 850 x 850px. В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Цвет (Solid Color), установите следующий цвет заливки: #0f0e11.

Solid ColorSolid ColorSolid Color

Шаг 2

Создайте текст, каждая буква на отдельном слое, используя шрифт Multicolore, установите размер шрифта на 200 pt.

Create the TextCreate the TextCreate the Text

Шаг 3

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

Group the Text LayersGroup the Text LayersGroup the Text Layers

2. Создаём и Сохраняем Рабочие Контуры

Шаг 1

Выберите инструмент Перо (Pen Tool), в панели управления данного инструмента, установите режим на Контуры (Path), а затем создайте рабочие контуры внутри каждой буквы, которые у вас есть.

Щёлкните один раз, чтобы добавить угловые точки, щёлкните / потяните за точку, чтобы создать плавную кривую, далее, удерживая клавишу (Ctrl)+щёлкните за пределами контура, как только вы закончите.

Вы может использовать инструмент Стрелка (Direct Selection Tool (A) для выделения и коррекции любой опорной точки, а также направляющие точки и рычаги при необходимости.

Create the Work PathCreate the Work PathCreate the Work Path

Шаг 2

Чтобы сохранить рабочие контуры, а затем вновь использовать их, откройте панель Контуры (Paths), а затем дважды щёлкните по вкладке Рабочий Контур (Work Path), чтобы дать имя контуру, который вы хотите сохранить.

Назовите контур Центр (Center), а затем нажмите кнопку ‘OK’.

Save the Work PathSave the Work PathSave the Work Path

Шаг 3

Нажмите на значок Создать новый контур (Create new path) в нижней части панели Контуры (Paths), чтобы добавить новый слой с контуром.

С помощью инструмента Эллипс (Ellipse Tool) в режиме Контуры (Path), создайте пару колец вокруг своих букв, а затем сохраните новый контур, дайте название этому контуру Кольца (Rings).

Add Ring PathsAdd Ring PathsAdd Ring Paths

3. Настраиваем и Сохраняем Кисть

Шаг 1

Выберите инструмент Кисть (Brush Tool), а затем откройте панель настроек Кисть (Brush).

Установите мягкую круглую кисть, поставьте галочки в окошках Накладка (Build-up) и Сглаживание (Smoothing), а также установите следующие настройки:

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

Brush Tip ShapeBrush Tip ShapeBrush Tip Shape

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

Shape DynamicsShape DynamicsShape Dynamics

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

ScatteringScatteringScattering

Текстура (Texture) (используйте узор Облака (Clouds).

TextureTextureTexture

Передача (Transfer)

TransferTransferTransfer

Шаг 2

Нажмите на значок Создать новую кисть (Create new brush) в нижнем правом углу панели, чтобы сохранить настроенную кисть, дайте название новой кисти Дым (Smoke).

Create New BrushCreate New BrushCreate New Brush

4. Выполняем Обводку Рабочего Контура

Шаг 1

Перейдите на слой Центр (Center) в панели Контуры (Paths), выберите инструмент Выделение контура (Path Selection Tool), а затем щёлкните по рабочему контуру первой буквы, чтобы выделить его.

Отключите видимость текстового слоя, а затем создайте новый слой поверх отключённого слоя с буквой.

Select a Work PathSelect a Work PathSelect a Work Path

Шаг 2

Установите цвет переднего плана на любой цвет на своё усмотрение, чтобы им выполнить обводку контура. Цвет, который был использован здесь- #d57187.

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

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

Stroke the Work PathStroke the Work PathStroke the Work Path

5. Создаём Простой Стиль Дыма

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

Шаг 1

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

  • Непрозрачность (Opacity): 35%
  • Смещение (Distance): 0
  • Размер (Size): 7
Inner ShadowInner ShadowInner Shadow

Шаг 2

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

  • Непрозрачность (Opacity): 75%
  • Цвет: #c2bdbd
  • Источник (Source): Из центра (Center)
  • Размер (Size): 16
Inner GlowInner GlowInner Glow

Шаг 3

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Цвет: #c3c3c3
  • Непрозрачность (Opacity): 50%
  • Угол (Angle): 20
  • Смещение (Distance): 194
  • Размер (Size): 183
  • Контур (Contour): Rounded Steps
  • Поставьте галочку в окошке Инвертировать (Invert)
SatinSatinSatin

Шаг 4

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

  • Непрозрачность (Opacity): 53%
  • Цвет: #e34065
  • Размер (Size): 25
  • Диапазон (Range): 100%

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

Outer GlowOuter GlowOuter Glow

Шаг 5

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

Copy and Paste the Layer StyleCopy and Paste the Layer StyleCopy and Paste the Layer Style

Шаг 6

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

После этого, для каждой группы, дважды щёлкните по слою с группой, чтобы настроить цвет для стиля слоя Внешнее свечение (Outer Glow) на тот цвет, который использовался для буквы внутри этой группы.

Другие цвета кисти, которые использовались здесь #054ae3, #41a614, и #f1a327.

Stroke the Work PathsStroke the Work PathsStroke the Work Paths

6. Деформируем Объекты

Шаг 1

Выделите слой с обводкой буквы, нажмите клавиши (Ctrl+T) для активации режима Свободная трансформация (Free Transform Mode), а затем выберите режим Деформация (Warp) в верхней панели управления.

Warp ModeWarp ModeWarp Mode

Шаг 2

Сдвиньте небольшие участки буквы, чтобы деформировать букву и создать более динамичный эффект, нажмите клавишу (Enter), чтобы подтвердить изменения.

Warp the TextWarp the TextWarp the Text

Шаг 3

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

Warp the TextWarp the TextWarp the Text

7. Добавляем Эффекты Дыма

Шаг 1

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

Добавьте эффекты дыма на отдельных слоях, добавьте столько слоёв, сколько будет необходимо. Используйте тот же самый цвет для эффекта дыма, что и цвет буквы, к которой вы применяете эффект дыма.

Используйте различные кисти Дым небольшого диаметра, чтобы получить наилучшие результаты.

Add Smoke to the LettersAdd Smoke to the LettersAdd Smoke to the Letters

Шаг 2

Если на ваш взгляд, кисти создают слишком жёсткие эффекты, то вы можете применить Размытие по Гауссу, для этого идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), используйте значение Радиуса (Radius) размытия на своё усмотрение, чтобы немного смягчить эффект.

Gaussian BlurGaussian BlurGaussian Blur

Шаг 3

Создайте новый слой поверх слоя с заливкой Цвет (Solid Color), назовите этот слой ‘BG Smoke’, и с помощью нескольких больших кистей Дым, добавьте дым разного цвета вокруг текста.

Щёлкните правой кнопкой мыши по слою ‘BG Smoke’ и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Add Background SmokeAdd Background SmokeAdd Background Smoke

Шаг 4

Размойте дым достаточно сильно, а затем уменьшите Непрозрачность (Opacity) слоя с дымом примерно до 30%.

Background Smoke Layer SettingsBackground Smoke Layer SettingsBackground Smoke Layer Settings

8. Проводим Заключительную Цветовую Коррекцию

Шаг 1

Добавьте исходную чёрную текстуру 4 на наш рабочий документ, расположив поверх слоя ‘BG Smoke’, примените масштабирование при необходимости, поменяйте режим наложения для слоя с текстурой на Осветление основы (Color Dodge), а также уменьшите Непрозрачность (Opacity) слоя до 50%.

Add a Background TextureAdd a Background TextureAdd a Background Texture

Шаг 2

Добавьте исходную текстуру снега на наш рабочий документ, расположив поверх всех остальных слоёв, примените масштабирование при необходимости, поменяйте режим наложения для данного слоя с текстурой на Осветление (Screen), а также уменьшите Непрозрачность (Opacity) слоя до 10%.

Add a Texture OverlayAdd a Texture OverlayAdd a Texture Overlay

Шаг 3

Идём Фильтр - Оформление - Меццо-тинто (Filter > Pixelate > Mezzotint), поменяйте Шрифт (Type) на Длинные штрихи (Long Strokes).

MezzotintMezzotintMezzotint

Шаг 4

Добавьте корректирующий слой Вибрация (Vibrance) поверх всех остальных слоёв. Установите значение Вибрации (Vibrance) на -5.

VibranceVibranceVibrance

Шаг 5

Добавьте корректирующий слой Поиск цвета (Color Lookup) поверх всех остальных слоёв. Установите фильтр 3Strip.look table из выпадающего меню 3DLUT File, а затем уменьшите значение Непрозрачности (Opacity) слоя до 35%.

Color LookupColor LookupColor Lookup

Поздравляю! Мы завершили урок!

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

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

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

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

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

Final ResultFinal ResultFinal Result
One subscription.
Unlimited Downloads.
Get unlimited downloads