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

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

Применение текстуры к 3D-тексту в Adobe Photoshop

24 декабря 2015 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем создавать объемный текст в Adobe Photoshop. Если у вас нет опции 3D в программе, вы сможете воспользоваться готовым объемным текстом. После этого вы узнаете как применить к объемным объектам текстуру так, чтобы она гладко ложилась как на освещенные, так и на затемненные части. Затем мы добавим немного эффектов, доведем работу до финала и добавим корректирующих слоев, чтобы добиться нужного света и цвета.

 

 


Исходники

Шаг 1

Создайте новый документ размером 1400px * 670px с белым фоном. При помощи инструмента Gradient/Градиент залейте фон указанными ниже цветами:

Используйте шрифт из источников, чтобы ввести ваш текст по центру документа:

Шаг 2

В этом шаге мы займемся рендером нашего 3D-текста. Если у вас последние версии Photoshop, вы можете повторить описанные ниже инструкции. Если же у вас старая версия, или компьютер не тянет 3D, скачайте готовый 3D-текст здесь и пропустить этот шаг.

Выберите слой с текстом и в меню выберите 3D > New 3D Extrusion from Selected Layer/Новая 3D-экструзия из выделенного слоя:

2 new ext

Укажите настройки для Infinite Light/Бесконечный свет как показано ниже, и убедитесь что свет исходит из верхнего правого угла:

2 3d infinite light

Укажите следующие настройки 3D:

Mesh/Сетка

2 3d mesh

Deform/Деформировать

2 3d deform

Cap/Капитель

2 3d cap

Coordinates/Координаты

2 3d coo

Materials/Материалы

2 3d material

Запустите рендер текста, нажав Ctrl + Alt +Shift + R, после рендеринга конвертируйте текст в смарт-объект:

2 convert

Вот что должно получиться на этом этапе:

Шаг 3

В этом шаге мы будем применять текстуру. Откройте фотографию коры дерева и выделите указанную ниже область:

3 sel

Копируйте область и вставьте копию в наш основной документ, сделав его обтравочной маской для слоя с текстом:

3 clip

Смените blend mode/режим наложения текстуры на Overlay/Перекрытие:

3 overlay

Вот что должно получиться:

3 effect overlay

Шаг 4

Как вы могли заметить, текстура видна только на темных частях текста. А что же делать со светлыми? Просто дублируйте слой с текстурой и смените для нее blend mode/режим наложения на Multiply/Умножение, снизив при этом opacity/непрозрачность до 50%:

4 mul

Теперь вы можете видеть как текстура видна и на светлых участках:

Создайте несколько корректирующих слоев и сделайте их обтравочными масками для слоя с текстом. Список слоев и параметры коррекции указаны ниже:

Hue/Saturation / Цветовой тон/насыщенность

4 hue

Color Balance/Баланс цвета

4 col mid

4 highlights

вот что должно получиться:

4 effect

Шаг 5

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

5 particles

Также при помощи кистей облаков можете добавить облака или дымку:

5 cloud

При помощи небольшой растушеванной кисти нарисуйте тень под текстом:

При желании добавьте еще текстуры дерева вокруг текста:

5 sel

Шаг 6

В качестве финальных штрихов объедините слои в один и примените фильтр Smart Sharpen/Умная резкость:

6 smart

Также можно добавить корректирующий слой selective colour/выборочная коррекция цвета:

6 yellow

6 neu

6 blacks

Результат

Автор урока James Qu

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

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




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]