Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Типографический эффект магмы в Adobe Photoshop

12 марта 2017 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем создавать текстовый эффект лавы в Adobe Photoshop. Мы будем использовать стили слоев и текстуры, чтобы получить красивый и горячий эффект расплавленной магмы. Для выполнения урока вам также понадобятся исходники, которые вы найдете в описании шагов.

 

Результат

Создайте новый слой, назовите его Rock Wall и вставьте в него изображение stone texture (текстура камня). Добавьте layer style/стиль слоя Gradient Overlay/Перекрытие градиента с параметрами как показано ниже. Так мы создадим эффект виньетки.

stone rock texture seamless

gradient with transparency in photoshop

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

Создайте новый слой и назовите его Fiery Effect и введите текст. В примере использован шрифт ObelixPro, однако вы можете выбрать гарнитуру по вашему усмотрению. Дублируйте слой Fiery Effect и назовите копию Magma Text.

text layer photoshop

Текстура лавы в Photoshop

Создайте новый слой и назовите его Light Texture. Поместите в этот слой текстуру electric texture. Кликните правой кнопкой по слою и выберите Create Clipping Mask/Создать обтравочную маску.

Кликните по иконке Create new fill or adjustment layer/Создать новый слой-заливку или корректирующий слой в палитре Layers/Слои, и выберите корректирующий слой  Levels/Уровни. Кликните по слою Levels/Уровни правой кнопкой и выберите Create Clipping Mask/Создать обтравочную маску.

levels adjustment in photoshop

Вы можете раскрасить текстуру в Photoshop при помощи градиентов. Создайте новый корректирующий слой Gradient Map/Карта градиента. Создайте градиент из цветов #16100d , #ea4d00 и #d9af06

gradient map adjustment in photoshop

Кликните правой кнопкой по слою Gradient Map/Карта градиента и также превратите его в Clipping Mask/Обтравочную маску.

gradient map adjustment in photoshop

Текстовый эффект магмы

Вернитесь к слою Magma Text и укажите ему стиль слоя Inner Glow/Внутреннее свечение, используя параметры как на картинке ниже.

inner glow layer style in photoshop

На данном этапе наша работа должна выглядеть так:

magma layer style in photoshop

Фон лавы

Создайте новый слой и назовите его Lava Background. Поместите в этот слой текстуру лавы lava seamless texture. Укажите слою blend mode/режим наложения Lighten/Замена светлым.

magma texture background in photoshop

Кликните по иконке Add Layer Mask/Добавить маску слоя в нижней части палитры Layers/Слои. Нажмите CTRL+I, чтобы инвертировать цвета в маске. Возьмите Brush/Кисть белого цвета, выберите растушеванную кисть и рисуйте в слое маски вокруг текста. Попробуйте поэкспериментировать с настройками непрозрачности (opacity).

add layer mask

Укажите слою стиль Drop Shadow/Тень (цвет #e70000 и настройки как показано ниже), а также стиль Outer Glow/Внешнее свечение (цвет #7d2900).

drop shadow in photoshopouter glow in photoshop

Перетащите слой Fiery Effect поверх остальных слоев. Укажите ему Fill/Заливку в 0%. Добавьте стили слоя Outer Glow/Внешнее свечение (цвет #ff9c00), Inner Glow/Внутреннее свечение (цвет #ffffff) и Satin/Глянец (цвет #171717).

outer glow in photoshopinner glow in photoshopsatin in photoshop

Добавляем резкости

Просто используйте один из бесплатных фильтров резкости High Pass Filter и это всё!

Автор урока psddude

Перевод — Дежурка

Смотрите также:




Комментарии