Создаём Текст из Кирпичей в программе Photoshop
Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)



"Лучше всего начать с самого начала – идите по дороге из жёлтого кирпича". (Примечание переводчика: урок навеян сценой из книги “Волшебник Страны Оз”). В этом уроке я покажу вам, как с помощью текстуры кирпичей, простой кисти и пару стилей слоя, создать текст из жёлтых кирпичей. Итак, давайте приступим!
Исходные материалы
Исходные материалы, которые были использованы в уроке:
- Шрифт SansBlack
- Текстура Кирпичей
- Текстура Травы
- Текстура Гранж
- Кисть с рванными краями
- Набор градиентов (скачайте файл CSP True Sky Gradients.grd)
1. Создаём Текст
Шаг 1
Создайте новый документ 1000 x 700 px. Напечатайте текст заглавными буквами, используя шрифт SansBlack, размер шрифта (Size) 230 px, цвет шрифта (Color) #f1cc4c.
Задайте Интерлиньяж (Leading) 200, Кернинг (Kerning) Оптический (Optical).



Шаг 2
Продублируйте слой с текстом, уменьшите значение Заливки (Fill) до 0 для дубликата слоя, а затем продублируйте дубликат слоя.



2. Определяем Узор
Шаг 1
Откройте текстуру Кирпичей, далее, идём Изображение – Размер изображения (Image > Image Size), поменяйте размеры изображения на 350 x 350 px.



Шаг 2
Теперь идём Редактирование – Определить узор (Edit > Define Pattern) и нажмите OK. Примечание переводчика: дайте название новому узору на своё усмотрение или назовите новый узор как у автора “BrickLargePainted0050”.



Шаг 3
Откройте текстуру Травы. Установите следующие размеры для данной текстуры 320 x 320 px, таким же образом, как и в прошлом шаге, выполните действие для определения узора.



3. Применяем Стилизацию к Оригинальному слою с Текстом
Дважды щёлкните по оригинальному слою с текстом, чтобы применить следующие стили слоя:
Шаг 1
Примените стиль слоя Тиснение (Bevel and Emboss) со следующими настройками:
- Размер (Size): 1
- Режим подсветки (Highlight Mode): Мягкий свет (Soft Light)
- Непрозрачность (Opacity): 50%
- Режим тени (Shadow Mode) – Непрозрачность (Opacity): 10%



Шаг 2
Примените стиль слоя Контур (Contour) с настройками по умолчанию.



Шаг 3
Примените стиль слоя Текстура (Texture) со следующими настройками:
- Узор (Pattern): BrickLargePainted0050
- Глубина (Depth): 280%



Шаг 4
Примените стиль слоя Наложение узора (Pattern Overlay) со следующими настройками:
- Режим наложения (Blend Mode): Затемнение основы (Color Burn)
- Узор (Pattern): BrickLargePainted0050



Итак, мы применили стилизацию к оригинальному слою с текстом, добавив нежный эффект текстуры.



4. Применяем Стилизацию к дубликату слоя с текстом
Дважды щёлкните по первому дубликату слоя с текстом, чтобы применить следующие стили слоя:
Шаг 1
Примените стиль слоя Тиснение (Bevel and Emboss) со следующими настройками:
- Метод (Technique): Жёсткая огранка (Chisel Hard)
- Поставьте галочку в окошке Сглаживание (Anti-aliased)
- Режим подсветки (Highlight Mode): Мягкий свет (Soft Light)
- Непрозрачность (Opacity): 50%
- Режим тени (Shadow Mode) – Непрозрачность (Opacity): 45%



Шаг 2
Далее, примените стиль слоя Контур (Contour) со следующими настройками:
- Поставьте галочку в окошке Сглаживание (Anti-aliased)



Шаг 3
Примените стиль слоя Текстура (Texture) со следующими настройками:
- Узор (Pattern): BrickLargePainted0050
- Масштаб (Scale) 50%
- Глубина (Depth): 200%



Итак, мы добавили текстуру, а также детали к тексту.



5. Применяем Стилизацию ко второму дубликату слоя с текстом
Дважды щёлкните по второму дубликату слоя с текстом, чтобы применить следующие стили слоя:
Шаг 1
Примените стиль слоя Тиснение (Bevel and Emboss) со следующими настройками:
- Размер (Size): 100
- Уберите галочку в окошке Глобальное освещение (Use Global Light)
- Угол (Angle): 18
- Высота (Altitude): 58
- Поставьте галочку в окошке Сглаживание (Anti-aliased)
- Режим подсветки (Highlight Mode): Непрозрачность (Opacity): 35%
- Режим тени (Shadow Mode): Непрозрачность (Opacity): 27%



Шаг 2
Далее, примените стиль слоя Контур (Contour) со следующими настройками:
- Поставьте галочку в окошке Сглаживание (Anti-aliased)



Шаг 3
Примените стиль слоя Текстура (Texture) со следующими настройками:
- Узор (Pattern): BrickLargePainted0050
- Масштаб (Scale) 50%
- Глубина (Depth): 45%
- Поставьте галочку в окошке Инвертировать (Invert)



Итак, мы провели небольшое расцвечивание, а также добавили детали к тексту.



6. Добавляем Текстуру Гранж
Шаг 1
Откройте гранжевую текстуру, расположите данную текстуру поверх всех слоёв с текстом. Поменяйте режим наложения для слоя с текстурой на Затемнение основы (Color Burn).



Шаг 2
Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся окне, выберите корректирующий слой Уровни (Levels).



Шаг 3
Когда появится окно настроек корректирующего слоя Уровни (Levels), нажмите значок Прикрепить к слою (Clip to layer), а затем поменяйте значение Гаммы (Gamma) на 2.24. Примечание переводчика: автор преобразовал корректирующий слой Уровни (Levels) в обтравочную маску к слою с гранжевой текстурой.



7. Добавляем Текстуру Травы
Шаг 1
Создайте новый слой поверх всех остальных слоёв, назовите этот слой ‘Трава’.
Выберите инструмент Заливка (Paint Bucket Tool), в верхней панели настроек данного инструмента, установите тип заливки Узор (Pattern). Используйте текстуру Травы для заливки слоя ‘Трава’.



Шаг 2
К слою с травой, добавьте корректирующий слой Уровни (Levels). Когда появится окно настроек корректирующего слоя Уровни (Levels), нажмите значок Прикрепить к слою (Clip to layer), а затем поменяйте значение Гаммы (Gamma) на 0.50.



Шаг 3
Теперь, удерживая клавишу (Ctrl) + щёлкните по миниатюре любого слоя с текстом, чтобы создать активное выделение, далее идём Выделение – Инверсия (Select > Inverse).



Шаг 4
Находясь на слое с травой, не снимая активного выделения, нажмите значок Добавить слой-маску (Add vector mask) в нижней части панели слоёв.



8. Обрабатываем Края Текста
Шаг 1
Щёлкните правой кнопкой мыши по любому слою с текстом и в появившемся окне, выберите опцию Создать рабочий контур (Create Work Path), а затем щёлкните по миниатюре слой-маски слоя ‘Трава’.



Шаг 2
Выберите инструмент Ластик (Eraser Tool), в настройках данного инструмента, выберите кисть с рванными краями, установите цвет переднего плана на чёрный цвет, а затем нажмите клавишу Enter, чтобы обработать края выбранной кистью.
Альтернативный способ создания данного эффекта, выберите инструмент Стрелка (Direct Selection Tool), щёлкните правой кнопкой по рабочему контуру и в появившемся окне, выберите опцию Выполнить обводку контура (Stroke Path), а затем в выпадающем окне инструментов, выберите инструмент Ластик (Eraser) и нажмите OK. Примечание переводчика: инструмент Стрелка (Direct Selection Tool) представлен в Photoshop CC как инструмент Выделение узла.
Не меняя инструмент Стрелка (Direct Selection Tool), нажмите клавишу Enter, чтобы избавиться от рабочего контура.



9. Добавляем Тень к Траве
Дважды щёлкните по слою ‘Трава’, чтобы применить стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:
- Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
- Непрозрачность (Opacity): 15%
- Уберите галочку в окошке Глобальное освещение (Use Global Light)
- Угол (Angle): 60
- Смещение (Distance): 8
- Размах (Spread): 5
- Размер (Size): 1



Таким образом, мы добавили нежные тени к слою с травой.



10. Проводим Заключительную Коррекцию
Шаг 1
Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся окне, выберите опцию Градиент (Gradient).
Выберите градиент, который указан на скриншоте ниже. Установите Угол (Angle) примерно на 26, а также поставьте галочку в окошке Дизеринг (Dither).
Затем, поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Жёсткий свет (Hard Light), а также уменьшите степень Непрозрачности (Opacity) до 20%.



Шаг 2
Выделите все слои, которые вы создали, продублируйте их, а затем идём Слой- Объединить слои (Layer > Merge Layers).
Назовите новый объединённый слой Цветовой контраст (High Pass). Идём Фильтр – Преобразовать для смарт-фильтров (Filter > Convert for Smart Filters).



Шаг 3
Далее, идём Фильтр – Другое – Цветовой контраст (Filter > Other > High Pass), установите Радиус (Radius) на 5.



Шаг 4
Поменяйте режим наложения для слоя с цветовым контрастом на Точечный свет (Pin Light), а также уменьшите степень Непрозрачности (Opacity) до 50%.



Шаг 5
В заключение, добавьте корректирующий слой Кривые (Curves). Поэкспериментируйте с кривой, пока вас не устроит результат.



Вы можете поиграть с настройками корректирующего слоя Градиент (Gradient), а также с настройками фильтра Цветовой контраст (High Pass), и / или с настройками корректирующего слоя Кривые (Curves), чтобы получить результат, который вам нравится.



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