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

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

Текст из комиксов в Adobe Photoshop

27 декабря 2016 | Опубликовано в Уроки | 1 Комментарий »

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

 

Результат

Final product image

Исходники

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

Перед началом выполнения урока, скачайте и установите в систему шрифт и в Photoshop паттерн.

1. Рисуем фон

Мы используем фон из исходника. Размер файла — 850 x 600 px. Откройте его в программе.

Star Background

2. Текст

Этот текстовый эффект сделан в одном текстовом слое при помощи стилей.

Шаг 1

Инструментом Type/Текст шрифтом Brady Bunch Remastered введите ваш текст. Укажите размер шрифта в 212 pt. Укажите тексту любой цвет и пусть все будку будут заглавными.

Type tool

Шаг 2

Теперь нам нужно сделать расстояние между буквами меньше. Выберите слой с текстом, и в палитре Character/Символы укажите Tracking/Трекинг в -20.

Font tracking

Шаг 3

Теперь давайте сделаем наш текст изогнутым. Кликните по нему правой кнопкой и выберите Warp Text/Деформировать текст. Повторите настройки как на картинке ниже.

Warp text

3. Текстовый эффект

Шаг 1

Выберите слой с текстом, кликните по нему дважды, и укажите ему следующие стили слоя с параметрами как на картинках ниже:

Stroke/Обводка

  • Цвет градиента: #f80000 (положение — 45%); #000000 (положение - 59%).

Add a Stroke

Шаг 2

Inner Shadow/Внутренняя тень

  • Цвет: #fff000

Add an Inner Shadow

Шаг 3

Satin/Глянец

  • Цвет: #fff000

Add a Satin

Шаг 4

Color Overlay/Перекрытие цвета

  • Цвет:  #fff000

Add a Color Overlay

Шаг 5

Pattern Overlay/Перекрытие узора

  • Узор из исходников Red Dots

Теперь вы можете изменить расположение градиента. Просто перетяните его в нужное вниз.

Add a Pattern Overlay

Шаг 6

Outer Glow/Внешнее свечение

  • Цвет: #fff000

Add an Outer Glow

Шаг 7

Drop Shadow/Тень

  • Цвет: #000000

Нажмите OK, чтобы применить все стили.

Add a Drop Shadow

Результат

Вот и всё!

Final Result

Автор урока Jan Stverak

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

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




Комментарии