1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

Создаём Раскалённый Текст из Камня в программе Photoshop

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Исходные материалы

Следующие исходные материалы были использованы в этом уроке:

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

Шаг 1

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

Шаг 2

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

Create a new documentCreate a new documentCreate a new document

Шаг 3

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

Layer Background PatternLayer Background PatternLayer Background Pattern

Шаг 4

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

Pattern OverlayPattern OverlayPattern Overlay

Background PatternBackground PatternBackground Pattern

Шаг 5

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

Color OverlayColor OverlayColor Overlay

Dark Background PatternDark Background PatternDark Background Pattern

Шаг 6

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

Red Bevel EmbossRed Bevel EmbossRed Bevel Emboss


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

Шаг 1

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

Шаг 2

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

Duplicate the text layerDuplicate the text layerDuplicate the text layer

Шаг 3

Далее, выберите инструмент Перемещение (Move Tool), выделите оба слоя с текстом, а также слой с задним фоном, а затем примените команды Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), которые расположены в верхней панели настроек для выравнивания по центру.

Plain text WIPPlain text WIPPlain text WIP

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

Шаг 1

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

Text Pattern OverlayText Pattern OverlayText Pattern Overlay

Text Pattern OverlayText Pattern OverlayText Pattern Overlay

Шаг 2

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

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

Bevel and EmbossBevel and EmbossBevel and Emboss
Contour of Bevel and EmbossContour of Bevel and EmbossContour of Bevel and Emboss
Beveled textBeveled textBeveled text

Шаг 3

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

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

Gradient Overlay to light on the lettersGradient Overlay to light on the lettersGradient Overlay to light on the letters
Hot ConcreteHot ConcreteHot Concrete

Шаг 4

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

Brighten up the text by SatinBrighten up the text by SatinBrighten up the text by Satin
Brighten up the textBrighten up the textBrighten up the text

Шаг 5

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

Shiny glow with Inner GlowShiny glow with Inner GlowShiny glow with Inner Glow
Concrete even more hotConcrete even more hotConcrete even more hot

Шаг 6

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

Some shadowsSome shadowsSome shadows
Outer Glow as a shadowOuter Glow as a shadowOuter Glow as a shadow

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

Шаг 1

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

The second layerThe second layerThe second layer

Шаг 2

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

Pattern OverlayPattern OverlayPattern Overlay

Second layer now with patternSecond layer now with patternSecond layer now with pattern

Шаг 3

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

Turn red the second layerTurn red the second layerTurn red the second layer
3D look3D look3D look

Шаг 4

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

Add some color strokeAdd some color strokeAdd some color stroke
Shiny strokeShiny strokeShiny stroke

Шаг 5

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

Separate the text from the backgroundSeparate the text from the backgroundSeparate the text from the background
Close to the endClose to the endClose to the end

Шаг 6

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

Hot edgesHot edgesHot edges
Final stepFinal stepFinal step

Отличная работа, мы завершили урок!

В этом уроке я показал вам, как создать раскалённый текст из камня, используя текстуру бетона, а также два слоя для создания центральной точки схода.

Надеюсь, что вам понравился данный урок и сможете использовать полученные знания в других своих проектах. Оставляйте свои комментарии к уроку, а также свои работы.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads