Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Цветной взрывающийся текст в Adobe Photoshop

11 августа 2017 | Опубликовано в Уроки | 1 Комментарий »

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

 

 


Final product image

Исходники

Для выполнения урока вам понадобятся следующие файлы:

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

Шаг 1

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

Solid Color

Шаг 2

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

При необходимости увеличьте размер холста.

Create the Text

2. Заполняем буквы

Шаг 1

В меню выберите File > Place Linked/Файл>Поместить связанные, и выберите изображение с синим облаком краски из исходников. Нажмите Enter, затем кликните по слою с облаком правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску.

Нажмите Ctrl-T чтобы войти в режим свободной трансформации, и масштабируйте облако краски так, чтобы оно перекрывало первую букву вашего текста, заполняя его текстурой. Нажмите Enter.

Add an Image Texture

Шаг 2

Удерживая Ctrl кликните по слою с текстом (в месте где на картинке ниже расположен курсор).

Load a Selection

Шаг 3

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

Intersect Selections

Шаг 4

Переключитесь в слой с облаком и нажмите Ctrl-J чтобы создать копию выделения в новом слое.

Duplicate the Selection

Шаг 5

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

Repeat to Fill all the Letters

3. Сохраняем выделение

Шаг 1

Выделите все слои кроме слоя с текстом и выберите в меню Layer > Merge Layers/Слой>Объединить слои.

Merge Layers

Шаг 2

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

Load a Selection

Шаг 3

В меню выберите Select > Save Selection/Выделение>Сохранить выделение, и назовите его Text.

Save Selection

Шаг 4

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

Мы используем выделение, чтобы рисовать в области текста, но нам не нужен весь слой. Чтобы вызвать выделение, выберите в меню Select > Load Selection/Выделение>Загрузить выделение, и выберите Text в строке Channel/Канал.

Load Selection

4. Применяем экшен

Шаг 1

Возьмите инструмент Brush/Кисть, создайте новый слой поверх остальных и назовите его brush. Название должно быть именно таким для корректной работы сценария, убедитесь что оно написано без ошибок и маленькими буквами.

Create the Brush Layer

Шаг 2

Откройте палитру Brush/Кисть, и используйте параметры как показано ниже.

Brush Settings

Шаг 3

Возьмите любой контрастный цвет (чтобы вы его видели на фоне текста) и начинайте рисовать поверх тех мест, которые хотите взорвать.

Экшен разнесет частицы в выбранную вами сторону, так что учитывайте направление, которое выберите. А еще помните, что взрыв будет создаваться из тех частей текста, поверх которых вы рисовали кистью. Так что размер и форма кисти тоже влияет на результат.

Paint Over the Text

5. Запускаем экшен

Шаг 1

После того как вы закончили рисовать кистью, нажмите Ctrl-D чтобы снять выделение.

Откройте палитру Actions/Операции, загрузите в программу экшен, если вы еще не сделали этого, и выберите направление взрыва.

Кликните по иконке проигрывания экшена. Процесс может занять несколько минут.

Run the Action

Шаг 2

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

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

Action Result

Шаг 3

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

Action Folders and Layers

6. Добавляем дым

Шаг 1

Поместите одно из изображений дыма поверх первой буквы и смените Blend Mode/Режим наложения слоя с дымом на Screen/Осветление.

Add a Smoke Image

Шаг 2

В меню выберите Image > Adjustments > Hue/Saturation/Изображение>Коррекция>Цветовой тон/Насыщенность, включите опцию Colorize/Тонировать, измените Saturation/Насыщенность на 50. Теперь перемещайте бегунок параметра Hue/Цветовой тон до тех пор пока не попадете в цвет буквы. Нажмите  OK.

HueSaturation

Шаг 3

Укажите слою с дымом маску и замаскируйте части, которые хотите скрыть.

Mask Out Unwanted Areas

Шаг 4

Добавьте еще дыма на эту и другие буквы, таким же образом изменяя их цвета.

Поместите все слои дыма в одну папку и назовите ее Smoke.

Smoke Group

Шаг 5

Поместите поверх всех слоев изображение пейзажа из исходников. Укажите слою с пейзажем Blend Mode/Режим наложения Soft Light/Мягкий свет и Opacity/Непрозрачность в 50%

Add the Landscape Image

Результат

Final Result

Автор урока Rose

Перевод — Дежурка

Смотрите также:




Коментарии запрещены.