1. Design & Illustration
  2. Photoshop Actions

Создаём Экшен и Текст из Травы в программе Adobe Photoshop

by
Read Time:9 minsLanguages:

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

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

Если вы не хотите выполнять этот урок, но всё же хотите приобрести экшен, то перейдите на сайт GraphicRiver и купите программу, позволяющую генерировать эффект Травы. Полная версия экшена имеет дополнительные настройки, при которых экшен работает при разрешении 72 dpi и 300 dpi, а также работает с фигурами.

promo imagepromo imagepromo image
Генератор Эффекта Травы

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

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

1. Создаём Кисти

Шаг 1

Откройте программу Photoshop, создайте новый документ со следующими размерами 350 x 460 px.

Creating a new documentCreating a new documentCreating a new document

Шаг 2

Нажмите клавишу "D", чтобы выставить цвет переднего и заднего плана по умолчанию. Далее, выберите инструмент Эллипс (Ellipse Tool (U), в панели управления данного инструмента. установите режим на Фигура (shape).

Ellipse tool settingsEllipse tool settingsEllipse tool settings

Шаг 3

Нарисуйте вытянутую узкую фигуру овальной формы.

Drawing the oval shapeDrawing the oval shapeDrawing the oval shape

Шаг 4

Теперь выберите инструмент Угол (Convert Point Tool), далее, удерживая клавишу (Ctrl), щёлкните в центре нарисованной фигуры.

Convert Point ToolConvert Point ToolConvert Point Tool

Шаг 5

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

Converting anchor pointConverting anchor pointConverting anchor point

Шаг 6

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с нарисованным эллипсом 1, чтобы создать активное выделение вокруг фигуры. Далее, идём Редактирование - Определить кисть (Edit > Define Brush Preset), укажите название кисти Базовая Кисть (Base Brush), а затем нажмите кнопку "ОK".

Creating the brushCreating the brushCreating the brush

Шаг 7

Выберите инструмент Кисть (Brush Tool (B), далее, щёлкните правой кнопкой мыши по холсту и в появившемся окне, выберите кисть, которую вы только что создали Базовая Кисть (Base Brush).

Choosing the brushChoosing the brushChoosing the brush

Шаг 8

Идём Окно - Кисть (Window > Brush), чтобы открыть панель настроек кисти. Далее, установите следующие настройки для параметра Форма отпечатка кисти (Brush Tip Shape), которые указаны ниже:

  • Размер (Size): 27 px
  • Отразить Х (Flip X): убрать галочку
  • Отразить Y (Flip Y): убрать галочку
  • Угол  (Angle): 0º
  • Форма (Roundness): 100%
  • Интервал (Spacing): 130%
Brush Tip Shape settingsBrush Tip Shape settingsBrush Tip Shape settings

Шаг 9

Далее, установите следующие настройки для параметра Динамика формы (Shape Dynamics), которые указаны ниже:

  • Колебание размера (Size Jitter): 32%
  • Управление (Control): Выкл. (Off)
  • Минимальный диаметр (Minimum Diameter): 7%
  • Колебание угла (Angle Jitter): 35%
  • Управление (Control): Выкл. (Off)
  • Колебание формы (Roundness Jitter): 26%
  • Управление (Control): Выкл. (Off)
  • Минимальная форма (Minimum Roundness): 100%
  • Отразить Х колебания (Flip X Jitter): убрать галочку
  • Отразить Y колебания (Flip Y Jitter): убрать галочку
  • Проекция Кисти (Brush Projection): убрать галочку
Shape Dynamics settingsShape Dynamics settingsShape Dynamics settings

Шаг 10

Далее, установите следующие настройки для параметра Рассеивание (Scattering), которые указаны ниже:

  • Рассеивание (Scatter): 62%
  • Обе оси (Both Axes): убрать галочку
  • Управление (Control): Выкл. (Off)
  • Счётчик (Count): 5
  • Колебание счётчика (Count Jitter): 100%
  • Управление (Control): Выкл. (Off)
Scattering settingsScattering settingsScattering settings

Шаг 11

Далее, установите следующие настройки для параметра Динамика Цвета (Color Dynamics), которые указаны ниже:

  • Применить для Кончика (Apply Per Tip): поставьте галочку
  • Колебание Переднего / Заднего Плана (Foreground/Background Jitter): 100%
  • Управление (Control): Выкл. (Off)
  • Колебание Цветового тона (Hue Jitter): 2%
  • Колебание Насыщенности (Saturation Jitter): 13%
  • Колебание Яркости (Brightness Jitter): 11%
  • Чистота (Purity): -1%

Параметр Динамика Цвета (Color Dynamics) не влияет на итоговый результат данного урока, но он важен, если вы хотите использовать кисть с другими элементами.

Color Dynamics settingsColor Dynamics settingsColor Dynamics settings

Шаг 12

Теперь щёлкните по маленькому значку в верхнем правом углу панели настроек кисти и в появившемся меню, выберите опцию Новый набор параметров кисти (New Brush Preset). Далее, укажите название Кисть Трава 1 (Grass Brush 1), а также поставьте галочку в окошке Сохранить Размер кисти в наборе (Capture Brush Size in Preset box). После этого, нажмите кнопку "OK".

Saving the Brush PresetSaving the Brush PresetSaving the Brush Preset

Шаг 13

Теперь, давайте создадим другую кисть с новыми настройками. Возвращаемся к параметру Форма отпечатка кисти (Brush Tip Shape), чтобы установить следующие настройки, которые указаны ниже:

  • Размер (Size): 18 px
  • Отразить Х (Flip X): убрать галочку
  • Отразить Y (Flip Y): убрать галочку
  • Угол (Angle): 0º
  • Форма (Roundness): 100%
  • Интервал (Spacing): 339%
Second Brush Tip Shape settingsSecond Brush Tip Shape settingsSecond Brush Tip Shape settings

Шаг 14

Не меняйте настройки для параметра Динамика формы (Shape Dynamics); просто поставьте галочку в окошке. Далее, установите следующие настройки для параметра Рассеивание (Scattering), которые указаны ниже:

  • Рассеивание (Scatter): 50%
  • Обе оси (Both Axes): убрать галочку
  • Управление (Control): Выкл. (Off)
  • Счётчик (Count): 8
  • Колебание счётчика (Count Jitter): 0%
  • Управление (Control): Выкл. (Off)
Second Scattering settingsSecond Scattering settingsSecond Scattering settings

Шаг 15

Не меняйте настройки для параметра Динамика Цвета (Color Dynamics), просто поставьте галочку в окошке, а затем сохраните настройки кисти точно так же, как вы это делали ранее, только на этот раз укажите название кисти Кисть Трава 2 (Grass Brush 2).

Saving the second Brush PresetSaving the second Brush PresetSaving the second Brush Preset

2. Создаём Текст и Устанавливаем Узор

Шаг 1

Идём Файл - Открыть (File > Open) и в появившемся окне навигации, выберите исходное изображение с задним фоном, которое вы скачали вначале этого урока (Background-Grass.jpg).

Background imageBackground imageBackground image

Шаг 2

Выберите инструмент Текст (Type Tool (T). Напишите слово ТРАВА (GRASS), используя шрифт Plump, размер шрифта 300 pt.

Type Tool and its settingsType Tool and its settingsType Tool and its settings

Шаг 3

Далее, идём Редактирование - Наборы - Управление наборами (Edit > Presets > Preset Manager). В выпадающем меню Тип наборов (Preset Type), выберите опцию Узоры (Patterns), нажмите кнопку Загрузить (load), а затем выберите файл с узором травы Grass Pattern.pat. После этого, нажмите кнопку Готово (Done).

Installing the Grass PatternInstalling the Grass PatternInstalling the Grass Pattern

3. Создаём Экшен

Шаг 1

Идём Окно - Операции (Window > Actions), чтобы открыть панель Операции (Actions).

Opening the Actions PanelOpening the Actions PanelOpening the Actions Panel

Шаг 2

Давайте создадим новый набор операций. Для этого, щёлкните по значку Создать новый набор (Create New Set), назовите этот набор Grass Set, а затем нажмите кнопку 'OK'.

Creating a new set of actionsCreating a new set of actionsCreating a new set of actions

Шаг 3

Нажмите значок Создать новую операцию (Create New Action), назовите эту операцию Grass Text, а затем нажмите кнопку Запись (Record).

С этого момента, всё, что вы сделаете, будет записано, поэтому, присматривайте за панелью Операции (Actions). Если вы совершили ошибку, нажмите значок Остановить Запись (Stop Playing/Recording), а затем удалите ненужный шаг из операции Grass Text. Далее, нажмите значок Начать Запись (Begin Recording), чтобы продолжить запись экшена.

Creating a new actionCreating a new actionCreating a new action

Шаг 4

Находясь на слое с текстом, идём Слой- Переименовать слой (Layer > Rename Layer). Назовите этот слой "1".

Renaming the text layerRenaming the text layerRenaming the text layer

Шаг 5

Создайте новый слой, для этого нажмите кнопку Создать новый слой (Create a New Layer) в нижней части панели слоёв, назовите этот слой Трава 1 (Grass 1), а затем нажмите кнопку 'OK'.

Creating a new layerCreating a new layerCreating a new layer

Шаг 6

Перейдите на слой '1', а затем идём Текст - Создать рабочий контур (Type > Create Work Path).

Creating the work pathCreating the work pathCreating the work path

Шаг 7

Теперь перейдите на слой Трава 1 (Grass 1). Далее, выберите инструмент Кисть (Brush Tool (B), установите Кисть Трава 1 (Grass Brush 1) со следующими настройками.

  • Режим (Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Нажим (Flow): 100%
  • Отключите остальные настройки в панели управления кисти.
Selecting the brushSelecting the brushSelecting the brush

Шаг 8

Идём Окно - Контуры (Window > Paths), чтобы открыть панель Контуры (Paths). Далее, щёлкните правой кнопкой по Рабочему Контуру (Work Path) и в появившемся меню, выберите опцию Выполнить обводку контура (Stroke Path). Установите Кисть (Brush) в качестве инструмента обводки, а также уберите галочку в окошке Имитировать нажим (Simulate Pressure), после этого нажмите кнопку 'OK'.

Creating the borderCreating the borderCreating the border

Шаг 9

Перейдите на слой '1'. Далее, создайте новый слой, назовите этот слой Трава 2 (Grass 2).

Creating the second brush layerCreating the second brush layerCreating the second brush layer

Шаг 10

Теперь выберите инструмент Кисть (Brush Tool (B), установите следующие настройки:

  • Кисть (Brush): Кисть Трава 2 (Grass Brush 2)
  • Режим (Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Нажим (Flow): 100%
  • Отключите остальные настройки в панели управления кисти.
Selecting the second brushSelecting the second brushSelecting the second brush

Шаг 11

Возвращаемся в панель Контуры (Paths). Далее, щёлкните правой кнопкой по Рабочему Контуру (Work Path) и в появившемся меню, выберите опцию Выполнить обводку контура (Stroke Path). То же самое, что вы проделывали ранее, установите Кисть (Brush) в качестве инструмента обводки, а также уберите галочку в окошке Имитировать нажим (Simulate Pressure), а затем нажмите кнопку 'OK'.после этого удалите Рабочий контур (Work Path).

Creating the second borderCreating the second borderCreating the second border

Шаг 12

Ещё раз перейдите на слой '1'. Далее, удерживая клавишу (Shift), щёлкните по слою Трава 1 (Grass 1), чтобы выделить все слои (за исключением слоя с Задним фоном (Background).

Selecting the layersSelecting the layersSelecting the layers

Шаг 13

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

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Шаг 14

Теперь дважды щёлкните по слою Трава 1 (Grass 1), чтобы открыть окно Стилей слоя (Layer Style). Добавьте стиль слоя Тиснение (Bevel & Emboss):

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 100%
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 26 px
  • Смягчение (Soften): 0%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 90º
  • Высота (Altitude): 30º
  • Контур глянца (Gloss Contour): Linear
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Осветление (Screen)
  • Режим подсветки (Highlight Mode) Цвет: #ffffff
  • Режим подсветки (Highlight Mode): Непрозрачность (Opacity): 16%
  • Режим тени (Shadow Mode): Умножение (Multiply)
  • Режим тени (Shadow Mode): Цвет #000000
  • Режим тени (Shadow Mode): Непрозрачность (Opacity): 30%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Шаг 15

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Цвет#000000
  • Непрозрачность (Opacity): 22%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -90º
  • Смещение (Distance): 14 px
  • Стягивание (Choke): 16%
  • Размер (Size): 4 px
  • Контур (Contour): Linear
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
Inner Shadow settingsInner Shadow settingsInner Shadow settings

Шаг 16

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

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Уберите галочку в окошке Дизеринг (Dither):
  • Непрозрачность (Opacity): 46%
  • Уберите галочку в окошке Инверсия (Reverse)
  • Стиль (Style): Линейный (Linear)
  • Поставьте галочку в окошке Выровнять по слою (Align with Layer)
  • Угол (Angle): 90º
  • Масштаб (Scale): 89%

Щёлкните по шкале градиента. чтобы установить следующие цвета градиента:

  • Первая контрольная точка цвета#000000
  • Позиция первой контрольной точки цвета: 0%
  • Вторая контрольная точка цвета#FFFB9C
  • Позиция второй контрольной точки цвета: 100%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Шаг 17

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Узор (Pattern): в качестве узора, выберите узор Трава, который вы установили вначале этого урока.
  • Масштаб (Scale): 25%
  • Поставьте галочку в окошке Связать со слоем (Link with Layer)
Pattern Overlay settingsPattern Overlay settingsPattern Overlay settings

Шаг 18

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Цвет#000000
  • Непрозрачность (Opacity): 31%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 23º
  • Смещение (Distance): 12 px
  • Размах (Spread): 0%
  • Размер (Size): 1 px
  • Контур (Contour): Linear
  • Уберите галочку в окошке Сглаживание (Anti-aliased)
  • Шум (Noise): 0%
  • Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

После этого, нажмите кнопку 'ОК'.

Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Шаг 19

Переименуйте слой Трава 1 (Grass 1) в Текст из Травы (Grass Text). После этого, нажмите значок Остановить Запись (Stop Playing/Recording) в панели Операции (Actions).

Finishing the actionFinishing the actionFinishing the action

Вы можете увидеть результат ниже:

Final Result imageFinal Result imageFinal Result image

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

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

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

Три пункта, которые необходимо запомнить перед тем, как приступить к записи экшена:

  • Убедитесь, что вы установили Узор.
  • Убедитесь, чтобы Непрозрачность (Opacity) и Нажим (Flow) кисти были установлены на 100%.
  • Перед тем, как приступить к записи экшена, убедитесь, что вы находитесь на слое с текстом.

Чтобы запустить экшен, вам необходимо выбрать экшен Grass Text, а затем нажать значок Воспроизвести (Play) в панели Операции (Actions). Надеюсь, что вам понравился этот урок. Не стесняйтесь оставлять свои комментарии к уроку. Данный экшен, который мы создали сегодня, является частью эффектов, которые можно создать с помощью программы, генерирующей эффект Травы.

promo imagepromo imagepromo image
Генератор Эффекта Травы
One subscription.
Unlimited Downloads.
Get unlimited downloads