Уроки Fotoshop: новый способ создания 3D текста

Источник: demiart

Новый способ создания 3D текста



Урок для опытных пользователей со знанием базовых основ программы.

Данный урок написан известным графическим дизайнером Nik Ainley. Для его создания автор иcпользовал программу для трехмерного моделирования CINEMA 4D, а также Illustrator и Photoshop.


1. Сначала создадим наш текст в трехмерной программе. Автор использовал CINEMA 4D и фразу "fresh science word". Контурные пути шрифта были созданы в иллюстраторе, которые в последствие были импортированы в CINEMA 4D. Автор не стал использовать стандартный способ написания текста через type tool, решив создать индивидуальный шрифт.

Новый способ создания 3D текста

2. Затем автор придал некоторый объем буквам. Для этого он использовал команду Extrude NURBS и варьировал параметры настройки по своему усмотрению. Меняйте расположение букв, чтобы подчеркнуть объем. Инструмент Extrude имеет несколько опций для настройки торцов выдавливания, я установил небольшие скосы, что-бы чуток скруглить ребра букв.

Новый способ создания 3D текста

3. Нам нужно добавить поверхность(пол) на которую будет падать тень, и какой-нить источник освещения. Для создания общего освещения сцены, я использовал "небесный свет" с высокой степенью освещаемости. Финальный рендер проводился с параметром "Global illumination", а так-же с сохранением Альфа канала для текста, что-бы можно было легко обрезать в ФШ.

Новый способ создания 3D текста

4. Теперь переходим в фотошоп. Используя альфа канал, сгенерированный в CINEMA 4D , скопируйте и вставьте буквы на новый слой. У вас также останутся оригиналы текста с созданными тенями.

Новый способ создания 3D текста

5. С помощью маски слоя замаскируйте нижнюю часть слоя с тенями, используя для этого черно-прозрачный градиент. Режим смешивания установите на Multiply . Откорректируйте освещение букв с помощью корректировки Shadow/Highlight и Auto Levels.

Новый способ создания 3D текста

6. Теперь нам нужно изолировать внешнюю сторону букв, используя для этого инструмент перо (Pen tool).

Новый способ создания 3D текста

7. Преобразуйте созданный путь в выделение и и залейте серым цветом каждое слово на новом слое поверх букв. Копируйте буквы и вставляйте их выше.
Используйте Image>Adjustments>Curves, чтобы установить белую точку на центральном цвете букв.

Новый способ создания 3D текста

Далее поменяйте режим смешивания на Multiply. Цвет фонового слоя поменяйте на голубой и добавьте поверх светлую текстуру, режим смешивания которой также поменяйте на Multiply.

Новый способ создания 3D текста

8. Теперь добавьте текстуру к внешней стороне букв. Автор вставил поверх изображение бетона. Сгруппируйте слой с текстурой и слой с буквами, чтобы получить маску отсечения. Теперь исказите перспективу текстуры, используя Edit>Transform>Distort. Можно конечно использовать Vanishing Point , но это долго и нудно.

Новый способ создания 3D текста

9. Измените режим смешивания текстуры на Multiply, чтобы только темные участки текстуры стали видимы. Если текстура получится сильно затемненной, можно ее отредактировать при помощи Image>Adjustments>Curves. Таким образом наложите текстуру на остальные два слова.

Новый способ создания 3D текста

10. Примените Filter>Distort>Pinch - 50% к слою с текстурой. Создайте новый слой выше фона и залейте его радиальным черно-белым градиентом. Режим смешивания этого слоя измените на Soft Light . Также добавьте корректирующие слои ко всему изображению, дабы изменить немного оттенки.

Новый способ создания 3D текста

11. Чтобы буквы казались более интересными, автор импортировал в изображение отсканированную текстуру и вставил ее поверх первой текстуры на верхнем слове. Сгруппируйте с нижним слоем, чтоб создать маску отсечения.
Режим смешивания поменяйте на Overlay или Multiply.

Новый способ создания 3D текста

12. Дублируйте слой с отсканированной текстурой и создайте под ней белый слой. Слейте эти два слоя. Выделите этот слой, скопируйте и вставьте результат в новый канал ( в палитре каналов). Слой можете удалить. Отредактируйте этот канал, закрасив все черным, кроме темных областей текстуры. Загрузите выделение этого канала и добавьте маску слоя к новой текстуре.

Новый способ создания 3D текста

13. Повторите процесс нанесения текстуры для второго, среднего в ряду слова.
Автор использовал импортированные из иллюстратора параллельные линии и трансформировал их относительно перспективе букв.. В принципе это можно проделать также в Фотошопе.

Новый способ создания 3D текста

14. Для эффектного изменения цветовой гаммы, автор использовал корректирующий слой с разноцветной градиентной картой (Gradient Map).
Режим смешивания этого слоя установите на Darken, прозрачность понизьте до 30%. Использууте маску слоя с радиальным градиентом, чтобы замаскировать цветной эффект у краев изображения.

Новый способ создания 3D текста

15. В финале автор также наложил текстуру поверх всех слоев, но ниже разноцветного корректирующего слоя. текстурой служило то же "бетонное" изображение, только инвертированное и немного затемненное.
Режим смешивания был установлен на Screen.

Новый способ создания 3D текста

Все, готово! Закончили!
Новый способ создания 3D текста


Страница сайта http://185.71.96.61
Оригинал находится по адресу http://185.71.96.61/home.asp?artId=18296