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

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

Цветной деформированный текст в Adobe Photoshop

30 сентября 2015 | Опубликовано в Уроки | Нет комментариев »

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

 

Результат

warped-text-effect-flatten

Шаг 1

Создайте новый документ размером 1400px * 728px, залейте фон указанным ниже градиентом:

1 grad

Скачайте текстуру бумаги и выделите указанную ниже часть при помощи инструмента Lasso/Лассо на 40px feather/растушевки:

1 select

Копируйте выделение и вставьте его в наш документ, расположив в центре, как показано ниже:

1 paste

Смените blending mode/режим наложения слоя на “Multiply/Умножение” и снизьте opacity/непрозрачность до 29%:

1 mult

Вот что должно получиться:

1 effect

Шаг 2

Используя ваш любимый шрифт (в нашем примере это этот шрифт), введите текст:

2 type

Конвертируйте слой с текстом в Smart Object/Смарт-объект:

2 con

Warp/Деформируйте текст как показано ниже:

2 warp

 

Шаг 3

Укажите слою с текстом следующие стили слоя:

3 inner

3 inner glow

3 pattern

3 outer glow

Вот что должно получиться:

3 effect

Шаг 4

Добавим немного эффекта деформации в этом шаге. Дублируйте слой с текстом и растрируйте копию:

4 raster

Сделайте копию светлее, при помощи коррекции Hue/Saturation / Цветовой тон/Насыщенность:

4 change hue

Выделите часть дублированного текста:

4 sel

Возьмите инструмент Мove/Перемещение:

4 move

Немного сместите выделение:

4 move se

Используйте эту же технику для остальных букв, чтобы создать эффект искажения:

4 move effect

 

Шаг 5

Дублируйте оригинальный слой текста еще раз и поместите копию поверх остальных слоев. Выделите часть буквы в этом новом слое:

5 sel

Нажмите Ctrl + T и выберите режим Warp/Деформация:

5 warp

Вот как должен выглядеть этот кусочек после деформации:

5 effect

Повторите процесс с остальными буквами, чтобы получить примерно следующее:

5 warp effect

 

Шаг 6

Создайте новый слой под оригинальным слоем с текстом, затем загрузите выделение с оригинального текста:

6 sel

Залейте выделение следующим цветом:

6 fill

И снова деформируйте выделение, чтобы получить эффект как на картинке ниже:

6 warp

Шаг 7

Добавим текстуры бумаги нашим буквам. Копируйте еще одну часть текстуры бумаги и поместите ее в наш документ:

7 paste

Укажите слою с новой текстурой обтравочную маску для текста:

7 multi

Шаг 8

Почти всё! Для последних штрихов мы можем объединить слои. Также дублируйте фоновый слой. Примените фильтр Accented Edges/Акцент на краях к дублированному слою:

8 accent

Примените к дублированному слою следующую маску:

8 mask

Примените к слою с текстом корректирующий слой Vibrance/Вибрация:

При желании вы также можете нарисовать разлетающиеся частицы, для завершения эффекта.

warped-text-effect-flatten

Автор урока James Qu

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

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