Advertisement
  1. Design & Illustration
  2. Text Effects

Создаём Красочный Взрывной Текст в Adobe Photoshop

Scroll to top
Read Time: 5 mins

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 и текстур дыма создать простой и красочный взрывной текст. Давайте приступим!

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

Два исходных материала из этого урока доступны для бесплатного использования в этом месяце благодаря Envato Elements.

Free files on Envato ElementsFree files on Envato ElementsFree files on Envato Elements

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

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

Шаг 1

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

Solid ColorSolid ColorSolid Color

Шаг 2

Создайте текст заглавными буквами, используя шрифт Ministry Bold, установите размер шрифта на 500 pt, а значение Трекинга (Tracking) на 50.

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

Create the TextCreate the TextCreate the Text

2.  Заливаем Текст Текстурой

Шаг 1

Далее, идём Файл- Поместить связанные (File > Place Linked), чтобы открыть исходное изображение с брызгами синей краски под водой. Нажмите клавишу (Enter), а затем щёлкните правой кнопкой мыши по слою с брызгами и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

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

Нажмите клавишу (Enter), чтобы применить изменения.

Add an Image TextureAdd an Image TextureAdd an Image Texture

Шаг 2

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

Load a SelectionLoad a SelectionLoad a Selection

Шаг 3

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool), далее, нажмите и удерживайте клавиши (Shit+Alt) для отсечения выделенной области, теперь создайте прямоугольное выделение вокруг первой буквы.

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

Intersect SelectionsIntersect SelectionsIntersect Selections

Шаг 4

Убедитесь, что вы находитесь на слое с текстурой краски, а теперь нажмите клавиши (Ctrl+J), чтобы продублировать выделение на новый слой. Удалите оригинальный слой с текстурой краски.

Duplicate the SelectionDuplicate the SelectionDuplicate the Selection

Шаг 5

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

Repeat to Fill all the LettersRepeat to Fill all the LettersRepeat to Fill all the Letters

3.  Сохраняем и Загружаем Выделения

Шаг 1

Выделите все слои, которые у вас есть, за исключением слоя с текстом, а затем идём Слой- Объединить слои (Layer > Merge Layers).

Merge LayersMerge LayersMerge Layers

Шаг 2

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

Load a SelectionLoad a SelectionLoad a Selection

Шаг 3

Далее, идём Выделение – Сохранить выделенную область (Select > Save Selection), напишите слово Text в строке Имя (Name).

Save SelectionSave SelectionSave Selection

Шаг 4

Удалите текстовый слой.

Мы используем данное выделение для прокрашивания внутри области текста, поэтому, если в какой-то момент,  вам ещё раз понадобится выделение, то вы просто идёте Выделение – Загрузить выделенную область (Select > Load Selection), а затем выберите созданное выделение Text из выпадающего меню Канал (Channel).

Load SelectionLoad SelectionLoad Selection

4.  Используем Экшен Photoshop Sandstorm

Шаг 1

Выберите инструмент Кисть (Brush Tool), создайте новый слой поверх всех остальных слоёв, назовите этот слой кисть (brush). Название слоя очень важно, поэтому, убедитесь, чтобы текст был написан без ошибок, и чтобы не было заглавных букв в тексте. Примечание переводчика: поскольку автор будет использовать экшен, поэтому, текст должен соответствовать требованиям экшена.

Create the Brush LayerCreate the Brush LayerCreate the Brush Layer

Шаг 2

Это выборочный шаг, но он поможет создать более динамичный результат. Откройте панель Кисть (Brush), используйте следующие значения для настроек Форма Отпечатка Кисти (Brush Tips Shape) и Динамика Формы (Shape Dynamics).

Brush SettingsBrush SettingsBrush Settings

Шаг 3

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

Экшен имеет различные настройки направления эффекта (Влево, Вправо, Вверх, Вниз и По центру). Поэтому, не забывайте про направление, в котором вы хотите применить эффект.

Так же, не забывайте, что экшен использует прокрашенные участки, это означает, что размер кисти также повлияет на результат.

Paint Over the TextPaint Over the TextPaint Over the Text

5. Применяем Экшен

Шаг 1

Как только вы завершили прокрашивать кистью, нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Откройте панель Операции (Actions), загрузите экшен, если вы ещё этого не сделали, а затем выберите направление для взрывного эффекта, который вы хотите.

Нажмите значок Воспроизвести (Play) в нижней части панели Операции (Actions), чтобы запустить экшен, и подождите некоторое время. Обработка может занять пару минут.

Run the ActionRun the ActionRun the Action

Шаг 2

Как только вы получите результат, вы можете увидеть, что у вас всё ещё сохранился фоновый слой, а также слой кисть (brush). Если вам не нравится результат, то вы можете удалить слои, созданные экшеном, а затем применить небольшие изменения к слою кисть (brush) и заново запустить экшен.

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

Action ResultAction ResultAction Result

Шаг 3

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

Например, в данном случае, я равномерно уменьшила  масштаб группы Particle Groups. Вы можете выполнить любые другие изменения, удалить лишние участки с помощью масок и попробовать различные цветовые решения, доступные в группе COLOR.

Action Folders and LayersAction Folders and LayersAction Folders and Layers

6. Добавляем Слои с Текстурой Наложения и Дыма

Шаг 1

Поместите текстуру Дыма поверх одной из букв текста, примените трансформирование при необходимости. Поменяйте режим наложения для слоя с текстурой Дыма на Осветление (Screen).

Add a Smoke ImageAdd a Smoke ImageAdd a Smoke Image

Шаг 2

Далее идём Изображение- Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation), поставьте галочку в окошке Тонирование (Colorize), а также поменяйте значение Насыщенности (Saturation) до 50.

Далее, сместите бегунок Цветового тона (Hue) до тех пор, пока вы не получите тот же самый цвет, что и у текстур букв. Нажмите кнопку ‘OK’.

HueSaturationHueSaturationHueSaturation

Шаг 3

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

Mask Out Unwanted AreasMask Out Unwanted AreasMask Out Unwanted Areas

Шаг 4

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

Сгруппируйте все слои с текстурами дыма в одну группу, назовите эту группу Дым (Smoke).

Smoke GroupSmoke GroupSmoke Group

Шаг 5

Поместите исходное изображение с пейзажем поверх всех остальных слоёв, примените масштабирование в соответствии с размерами рабочего холста. Поменяйте режим наложения для слоя с пейзажем на Мягкий свет (Soft Light), а так же уменьшите значение Непрозрачности (Opacity) слоя до 50%.

Add the Landscape ImageAdd the Landscape ImageAdd the Landscape Image

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

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

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

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

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.