Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

В этом уроке мы покажем вам, как создать текст из магмы в программе Photoshop с помощью стилей слоя и текстур. Давайте приступим!
Исходные материалы
Следующие исходные материалы были использованы для создания данного урока:
- Текстура Дыма
- Текстуры Искры (выберите изображение 1)
- Текстура Магмы (включена в приложение для скачивания)
- Текстура Заднего Фона (включена в приложение для скачивания)
Шаг 1
Вначале откройте исходную текстуру Заднего Фона в программе Photoshop, а затем с помощью инструмента Горизонтальный текст (Type Tool (T), напишите свой текст. Для данного урока я использовал шрифт Helvetica LT Std, но вы можете использовать любой шрифт или фигуру, используя данную технику создания эффекта. Чтобы добиться того же результата, как у меня, используйте шрифт Helvetica LT Std. Откройте панель Символ (Character), для этого идём Окно - Символ (Window > Character), поменяйте Размер (Size) шрифта на 425 pt, а также установите Кернинг (kerning) на -25.

Шаг 2
Обратите внимание, что буква 'D' всё ещё близко расположена к букве 'S', чтобы исправить это, поставьте курсор инструмента Текст между буквами "D" и "S", а затем поменяйте Кернинг (Kerning) на -305.. Расстояние между буквами должно быть одинаковым.

Шаг 3
Дважды щёлкните по слою с текстом, чтобы открыть окно стилей слоя. Примените следующие стили слоя, а также установите настройки, которые указаны ниже:

Шаг 4
Продублируйте слой с текстом (Ctrl+J), щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне, выберите опцию Очистить стили слоя (Clear Layer Style). Поскольку дубликат текста полностью совпадает с оригинальным текстом, то теперь мы можем добавить больше стилей слоя.

Шаг 5
Откройте исходную текстуру Магмы, переместите её на наш рабочий документ, расположив ниже слоёв с текстом. Проведите коррекцию текстуры с помощью корректирующего слоя Карта градиента (Gradient Map). В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Карта градиента (Gradient Map). Убедитесь, чтобы данный корректирующий слой был расположен поверх слоя с текстурой.

Шаг 6
Убедитесь, чтобы текстура магмы была расположена поверх фонового слоя. Поменяйте режим наложения для слоя с текстурой на Линейный осветлитель (Добавить) (Linear Dodge (Add), а также уменьшите Непрозрачность (Opacity) слоя до 36%. Это усилит цвета и детали на заднем фоне. Далее, с помощью инструмента Ластик (Eraser Tool) (E), установите мягкую большую кисть Жёсткостью (hardness) 0%, прокрасьте края текстуры, чтобы удалить их, сохранив светлые участки ниже текста.

Шаг 7
Выделите оба слоя с текстом, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Создайте новый слой, назовите этот слой "Shadows". Выберите инструмент Кисть (Brush Tool (B), установите мягкую круглую кисть, цвет кисти чёрный, размер кисти примерно 280px. С помощью настроенной кисти, добавьте тени ниже текста.

Шаг 8
Создайте новый слой, назовите этот слой "orange bright spots". С помощью кисти, нарисуйте оранжевые пятна поверх текста, а затем примените к нарисованным пятнам фильтр Размытие по Гауссу, для этого идём Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Поменяйте режим наложения для данного слоя на Линейный осветлитель (Добавить) (Linear Dodge (Add), а также уменьшите Непрозрачность слоя до 45%.

Шаг 9
Перейдите на слой с текстом, а затем продублируйте его (Ctrl + J). Назовите дубликат слоя «Smudged Layer». Далее, щёлкните правой кнопкой мыши на данному дубликату слоя и в появившемся окне, выберите опцию Растрировать слой (Rasterize Layer). Нам нужно размыть края букв в тех местах, где высокая температура и плавится магма. Выберите инструмент Палец (Smudge Tool), установите мягкую круглую кисть Интенсивностью (strength) 30%. Размажьте края букв, как будто они размыты и плавятся.

Шаг 10
Продолжайте размывать участки текстур по всем буквам, не размывайте произвольно. Используйте большой размер кисти для оранжевых участков. Усильте контрастность с помощью корректирующего слоя Кривые (Curves).

Шаг 11
Создайте новый слой. С помощью мягкой круглой кисти, цвет кисти чёрный, добавьте небольшие тени поверх текста. В конце уменьшите Непрозрачность (Opacity) слоя до 40%.

Шаг 12
Добавьте оранжевые блики на отдельном слое таким же образом, как мы ранее добавляли тени. Только на этот раз поменяйте режим наложения на Осветление основы (Color Dodge), а также используйте ярко-оранжевый цвет кисти. Примените фильтр Размытие по Гауссу, для этого идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur), чтобы смягчить тона.

Шаг 13
Создайте новый слой поверх всех слоёв, назовите его "highlights". С помощью мягкой белой кисти, добавьте светлые блики поверх текста. Поменяйте режим наложения для слоя с бликами на Перекрытие (Overlay).

Шаг 14
Откройте исходную текстуру Дыма, переместите данную текстуру на наш рабочий документ. Обесцветьте текстуру, для этого идём Изображение - Коррекция - Обесцветить (Image > Adjustments > Desaturate) или нажмите клавиши (Ctrl+Shift+U). С помощью инструмента Ластик (Eraser Tool (E), удалите лишние участки текстуры дыма, а также примените деформацию с помощью инструмента Деформация (Warp Tool (Ctrl+T). Не забудьте поменять режим наложения для каждого слоя с текстурой Дым на Осветление (Screen), чтобы скрыть чёрный фон на добавленных текстурах. Также используйте коррекцию Уровней (Ctrl+L) для усиления или уменьшения контрастности дыма и инструмент Палец (Smudge Tool) для заключительных штрихов.

Шаг 15
Продолжайте добавлять текстуры дыма к нашей композиции, деформируя и размазывая текстуры, данная часть урока является в основном экспериментальной. Продолжайте экспериментировать, пока у вы не получите удовлетворительный результат. Добавьте текстуру с искрами на наш рабочий документ.

Шаг 16
Поменяйте режим наложения для слоя с текстурой с искрами на Осветление основы (Color Dodge). Далее, добавьте слой-маску к данному слою с текстурой и с помощью мягкой чёрной кисти, удалите отдельные участки текстуры, в частности за пределами букв, потому что нам не нужно так много искр.

Шаг 17
Вы можете увидеть, как должна выглядеть слой-маска текстуры с искрами (слева) на скриншоте ниже, а также конечный эффект (справа). Чтобы увидеть коррекцию на слой-маске, для этого, удерживая клавишу (Alt), щёлкните по миниатюре слой-маски.

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

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.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post