Создаём Гранжевый Текст Используя Карту Смещения в Adobe Photoshop
Russian (Pусский) translation by Ashimova Damira (you can also view the original English article)



В этом уроке вы узнаете, как создать текстовый эффект, используя карту смещения в Adobe Photoshop.
Я создал шаблон Text Destroyer с неограниченными текстовыми эффектами, используя ту же самую технику, который доступен в моём профиле на GraphicRiver.



Исходные материалы
Следующие исходные материалы были использованы для создания данного урока:
- Шрифт ChunkFive
-
Текстура
01
- Текстура 02
1. Подготавливаем Рабочий Документ
Шаг 1
Идём Файл – Новый (File > New), чтобы создать новый документ, с которым мы будем работать. Установите следующие значения: Ширина (Width): 2000 px; Высота (Height): 1500 px; разрешение 300 dpi.



Шаг 2
Нажмите клавишу “T”, чтобы активировать инструмент Горизонтальный текст (Horizontal Type Tool), а затем создайте любой текст на своё усмотрение.



Шаг 3
Поменяйте
цвет текста на #633526
, а затем нажмите значок Деформировать текст (Warp Text) в верхней панели настроек. Примените следующие значения:
Стиль (Style): Арка вниз (Arc Lower); Изгиб (Bend):
-11%.



Шаг 4
Нажмите клавишу “U”, а затем выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle). Создайте фигуру со следующими размерами: Ширина (Width): 1600; Высота (Height): 600; Радиус (Radii): 20 px для каждой стороны.



Шаг 5
Ещё раз
нажмите клавишу “U”, а затем создайте простой прямоугольник со следующими
размерами: Ширина (Width): 1900; Высота (Height):
1400; Цвет: #f7eac8
; Обводка (Stroke): 10px.



Шаг 6
Нажмите
клавишу “G”, чтобы активировать инструмент Заливка (Paint Bucket Tool). Залейте фоновый слой следующим цветовым оттенком
#ebdcbb
.



Шаг 7
Выделите слой с текстом и слой с прямоугольником со скруглёнными углами, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).



Шаг 8
Таким же образом, преобразуйте второй прямоугольник в смарт-объект, как мы только что делали, а затем щёлкните правой кнопкой мыши по первому смарт-объекту, который мы создали ранее и в появившемся окне, выберите опцию Создать дубликат слоя (Duplicate).



2. Создаём Карту Смещения
Шаг 1
Откройте исходную Текстуру 01 в новом окне, а затем нажмите клавиши (Alt+Ctrl+I), чтобы увеличить размеры текстуры до 2000x1500. После этого, нажмите клавиши (Shift+Ctrl+S) и сохраните нашу текстуру в качестве .psd файла.



Шаг 2
Перейдите на слой со вторым смарт-объектом, а затем идём Фильтр – Искажение – Смещение (Filter > Distort > Displace), далее, выберите наш созданный файл .psd в качестве карты смещения со следующими настройками: Масштаб по Горизонтали (Horizontal Scale): 5; Масштаб по Вертикали (Vertical Scale): 5; Растянуть (Stretch To Fit); Повторить граничные пикселы (Repeat Edge Pixels). После этого, примените тот же самый фильтр с теми же самыми настройками для слоя с большим прямоугольником.



Шаг 3
Перейдите на слой с первым нашим смарт-объектом, а затем идём Фильтр – Искажение – Смещение (Filter > Distort > Displace), далее, выберите наш созданный файл .psd в качестве карты смещения со следующими настройками: Масштаб по Горизонтали (Horizontal Scale): 0; Масштаб по Вертикали (Vertical Scale): 900; Растянуть (Stretch To Fit).



Результат должен быть, как на скриншоте ниже:



3. Добавляем Текстуры на Рабочий Документ
Шаг 1
Теперь нам необходимо добавить текстуры, а также применить стили слоя к нашим эффектам. Выделите все слои, затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Создать новую группу (Create a New Group).



Шаг 2
Дважды
щёлкните по Смарт-объекту 02 (Smart Object 02), чтобы применить стиль слоя Тень (Drop Shadow); установите следующие настройки для данного стиля
слоя: Цвет: #633526
; Угол (Angle): 120; Смещение (Distance): 20.



Шаг 3
После этого,
добавьте стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:
Положение (Position): Снаружи (Outside); Размер
(Size): 9; Непрозрачность (Opacity): 0; Цвет
(Color): #633526
.



Шаг 4
Теперь нам необходимо поменять режим наложения для слоя с прямоугольником на Перекрытие (Overlay) в палитре слоёв.



Шаг 5
Перейдите на слой с группой слоёв, а затем нажмите значок Добавить слой-маску (Add a layer mask), чтобы добавить слой-маску.



Шаг 6
Откройте исходную Текстуру 01, а затем нажмите клавишу “M”, чтобы активировать инструмент Прямоугольная область (Rectangular Marquee Tool). Далее, выделите полностью текстуру, а затем нажмите клавиши (Ctrl+C).



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



Шаг 8
После этого, нажмите клавиши (Ctrl+I), чтобы провести инверсию маски.



Шаг 9
В заключение, мы добавим заключительные штрихи. Откройте исходную Текстуру 02, переместите данную текстуру на наш рабочий документ, расположив поверх всех остальных слоёв. Поменяйте режим наложения для данного слоя с текстурой на Умножение (Multiply). Далее, нажмите клавиши (Alt+Shift+Control+B), чтобы преобразовать текстуру в чёрно-белое изображение.



Отличная Работа, Мы Завершили Урок!
Поздравляю! Мы создали текстовый эффект, используя карту смещения, а также бесплатные текстуры. Вы можете увидеть итоговый результат на скриншоте ниже:



Если вы хотите создать похожие эффекты всего лишь за несколько кликов, тогда посетите страничку моего шаблона Text Destroyer в моём портфолио на GraphicRiver.





