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

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

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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

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

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

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

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

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

Шаг 1

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

Creating a new document

Шаг 2

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

Ellipse tool settings

Шаг 3

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

Drawing the oval shape

Шаг 4

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

Convert Point Tool

Шаг 5

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

Converting anchor point

Шаг 6

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

Creating the brush

Шаг 7

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

Choosing 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 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 settings

Шаг 10

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

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

Шаг 12

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

Saving 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 settings

Шаг 14

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

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

Шаг 15

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

Saving the second Brush Preset

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

Шаг 1

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

Background image

Шаг 2

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

Type Tool and its settings

Шаг 3

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

Installing the Grass Pattern

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

Шаг 1

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

Opening the Actions Panel

Шаг 2

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

Creating a new set of actions

Шаг 3

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

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

Creating a new action

Шаг 4

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

Renaming the text layer

Шаг 5

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

Creating a new layer

Шаг 6

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

Creating the work path

Шаг 7

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

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

Шаг 8

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

Creating the border

Шаг 9

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

Creating the second brush layer

Шаг 10

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

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

Шаг 11

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

Creating the second border

Шаг 12

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

Selecting the layers

Шаг 13

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

Convert 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 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 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 settings

Шаг 17

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

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

Шаг 19

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

Finishing the action

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

Final Result image

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

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

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

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

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

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

promo image
Генератор Эффекта Травы
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.