Creativo - креативная среда для дизайнеров

7054 подписчика

Создаём раскалённый текст из камня в Фотошоп

4 июля 20194 июл 2019

4 мин

Оглавление

1. Создаём задний фон
2. Добавляем текст
3. Применяем стилизацию к основному слою

В этом уроке вы узнаете, как создать раскалённый текст из камня с помощью двух слоёв, используя точку схода в перспективе. Итак, давайте приступим!

Скачать архив с материалами к уроку

Итоговый результат

1. Создаём задний фон

Шаг 1

Установите текстуру Бетона, дважды щёлкнув по файлу concrete01.pat.

Шаг 2

Создайте новый документ, идём Файл – Новый (File > New). Установите значение Ширины (Width) 600 px, а значение Высоты (Height) 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).

Шаг 3

Находясь на слое с Задним фоном, продублируйте его, для этого идём Слой- Создать дубликат слоя (Layer > Duplicate Layer). Нажмите OK. Переименуйте дубликат слоя, назовите новый слой Текстура Заднего Фона (Background Pattern).

Шаг 4

Далее, мы добавим текстуру бетона на слой Текстура Заднего Фона (Background Pattern). Дважды щёлкните по данному слою, чтобы применить стиль слоя Перекрытие узора (Pattern Overlay box), в палитре узоров, выберите текстуру бетона ‘concrete01.pat’, а затем нажмите кнопку OK.

Шаг 5

Далее, добавьте стиль слоя Наложение цвета (Color Overlay). Примените следующие настройки.

Шаг 6

Далее, мы добавим красное свечение, чтобы создать отражающий эффект на заднем фоне. Итак, примените стиль слоя Тиснение(Bevel & Emboss). Примените следующие настройки:

2. Добавляем текст

Шаг 1

Напечатайте слово ‘Saint’ или любое другое слово на свой выбор, используя шрифт Stonecross. Установите размер шрифта 130 pt, Интерлиньяж (Leading) установите на Авто (Auto), а значение Трэкинга (Tracking) 20 pt. Для наилучшего качества, поменяйте режим Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите слой с текстом ‘SAINT a’.

Шаг 2

Продублируйте слой с текстом, назовите дубликат слоя ‘SAINT b’, как показано на скриншоте ниже. Отключите видимость дубликата слоя с текстом ‘SAINT b’, чтобы вам было удобнее работать, потому что, пока мы не собираемся использовать этот слой.

Шаг 3

3. Применяем стилизацию к основному слою

Шаг 1

Находясь на слое ‘SAINT a’, идём Слой- Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay). В палитре узоров, выберите текстуру бетона ‘concrete01.pat’, мы используем ту же самую текстуру бетона, которую мы применяли к заднему фону. Установите Масштаб (Scale) 50%. Итак, наш текст приобрёл небольшую стилизацию настоящего камня.

Шаг 2

Чтобы получить каменную кромку, мы применим стиль слоя Тиснение (Bevel & Emboss) и видоизменим Контур (Contour), как показано на скриншоте ниже.

Нам понадобится создать два контура, чтобы получить объёмный эффект. Обратите внимание на скриншоты, чтобы применить соответствующие значения.

Примечание переводчика: вначале автор применяет стиль слоя Тиснение (Bevel & Emboss), в настройках тиснения автор меняет контур, а потом автор применяет стиль слоя Контур (Contour), таким образом, он создаёт 2 контура.

Шаг 3

Чтобы добавить свечение на буквы, мы используем стиль слоя Наложение градиента (Gradient Overlay). Установите цвета градиента, которые указаны на скриншоте ниже.

Подсказка: чтобы добавить контрольную точку цвета для создания градиента, вам необходимо щёлкнуть ниже шкалы градиента. Щёлкая по каждой контрольной точке цвета, позволит вам редактировать Позицию (Location) и Цвет (Color) контрольной точки.

Шаг 4

Далее, добавьте стиль слоя Глянец (Satin). Примените следующие настройки для осветления текста. Установите стандартный контур из набора контуров, название контура ‘Cove – Deep’.

Шаг 5

Далее, мы усилим эффект, путём добавления яркого свечения. Итак, примените стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя.

Шаг 6

Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Для этого, примените стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя.

4. Применяем стилизацию к дубликату слоя с текстом

Шаг 1

Теперь мы применим стилизацию ко второму слою с текстом ‘SAINT b’, итак, не забудьте включить видимость дубликата слоя с текстом! В этом шаге мы должны создать перспективу с центральной точкой схода. Идём в окно настроек Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 97%, как показано на скриншоте ниже.

Шаг 2

Находясь на слое ‘SAINT b’, идём Слой - Стиль слоя – Перекрытие узора(Layer > Layer Style > Pattern Overlay). В палитре узоров, выберите текстуру бетона ‘concrete01.pat’, чтобы текстуры обоих слоёв совпадали. Установите Масштаб(Scale) на 50%.

Шаг 3

Чтобы добавить цвет на кромку текста и создать эффект раскалённой кромки, мы должны применить стиль слоя Наложение цвета (Color Overlay). Примените следующие настройки для данного стиля слоя.

Шаг 4

Далее, выберите стиль слоя Обводка (Stroke). Установите Положение (Position) обводки Снаружи (Outside), Тип обводки (Fill Type) Цвет (Color) со следующими настройками.

Шаг 5

Далее, мы добавим тени, чтобы отделить текст от заднего фона. Идём Слой – Стиль слоя– Тень(Layer > Layer Style > Drop Shadow). Примените значения, которые указаны на скриншоте ниже.

Шаг 6

В этом заключительном шаге, мы акцентируем раскалённые края с помощью стиля слоя Внешнее свечение (Outer Glow). Идём Слой – Стиль слоя – Внешнее свечение (Layer > Layer Style > Outer Glow). Примените значения, которые указаны на скриншоте ниже. Установите стандартный контур, название контура ‘Cone’.