Сдвинутый текст

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

Для начала создайте новый документ размером 1000 на 500 пикселей и залейте его цветом #f4f4f4:

После этого добавьте темную линию, которая отделит основу от «стены». Выберите инструмент «Овальная область» и создайте выделение, как показано на рисунке ниже. Затем заполните выделенную область черным прозрачным градиентом:

С помощью клавиатурной комбинации Ctrl + D снимите выделение и примените Фильтр> Размытие> Размытие по Гауссу со следующими настройками:

Результат должен выглядеть следующим образом:

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

В своем изображении я использовал шрифт Arial Black (размер 250 пунктов). Затем примените к этому слою стили «Скос и рельеф» и «Наложение градиента»:

Результат должен выглядеть следующим образом:

Создайте новый слой поверх всех остальных слоев и объедините его со слоем текста, чтобы слить все стили в один слой. После этого нам нужно добавить тень под буквами. Создайте новый слой под текущим и задайте овальное выделение с помощью инструмента «Овальная область». Залейте выделенную область черным цветом:

С помощью клавиатурной комбинации Ctrl + D снимите выделение и нажмите Ctrl + F, чтобы применить предыдущий фильтр к этому слою:

Затем задайте в Фильтр> Размытие> Размытие в движении со следующими настройками:

Результат должен выглядеть следующим образом:

Продублируйте этот слой три раза с помощью клавиатурной комбинации Ctrl + J, чтобы добавить тень под каждой буквой:

Отлично, после этого перейдите к слою с текстом и приступите к созданию эффекта выпуклости. Используйте инструмент «Прямолинейное лассо», чтобы создать выделение, как показано на картинке ниже:

Нажмите Ctrl + Shift + J, чтобы вырезать выделенную область на новый слой. Используйте инструмент «Перемещение», чтобы немного переместить новый слой:

Сделайте то же самое еще несколько раз:

Уже выглядит интересно, не правда ли? Чтобы завершить эффект, я хотел бы добавить робота, который сдвигает текст. Картинку робота вы можете скачать отсюда. Также вы можете использовать собственные изображения. Итак, откройте картинку и скопируйте ее на наш основной холст с текстом. Затем немного уменьшите картину:

Чтобы все завершить, мы должны добавить тень под ногами робота. Создайте под текущим слоем еще один слой. Затем с помощью инструмента «Прямолинейное лассо» создайте выделение, которое вы видите на картинке. После этого заполните выделение черным цветом:

Снимите выделение области с помощью клавиатурной комбинации Ctrl + D и размойте тень с помощью инструмента «Размытие»:

Затем с помощью инструмента «Палец» (Кисть: 10 пикселей, Режим: Нормальный, Сила: 33%) придайте тени более естественный вид:

Таким же образом добавьте тень под второй ногой робота:

Отлично, мы закончили! Мы создали сдвинутый текст. Я доволен результатом, надеюсь, что и вы тоже!

РедакцияПеревод статьи «Displaced Text»