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

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

Летний 3D-текст в Adobe Photoshop

11 августа 2018 | Опубликовано в Уроки | Нет комментариев »

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

 

Результат

undefined

Создаем фон и слои текста

Шаг 1

Создайте новый документ размером 1000×1000 px.
3DColorfulFlat_Step_01.jpg

Шаг 2

Кликните по иконке Create new fill or adjustment layer в нижней части палитры Layers/Слои и выберите Solid Color. Используйте цвет #f2e1cd.
3DColorfulFlat_Step_02.jpg

Шаг 3

Создайте ваш текст заглавными буквами. Используйте шрифт Remissis SemiBold, change размером в 375 pt, и укажите параметры Leading в 350 pt, и Tracking в -25.
3DColorfulFlat_Step_03.jpg

Создаем 3D-слои

Шаг 1

Сделайте активным слой с текстом и выберите в меню 3D > New 3D Extrusion from Selected Layer.

Откройте палитры 3D и Properties через меню Window.
3DColorfulFlat_Step_04.jpg

Шаг 2

Инструментом Move измените ракурс.
3DColorfulFlat_Step_05.jpg

Настраиваем параметры 3D

Шаг 1

В палитре Properties укажите параметру Extrusion Depth 70 px.
3DColorfulFlat_Step_06.jpg

Шаг 2

Кликните по иконке Cap в той же палитре и укажите Bevel Width в 2%, а также Contour - Half Round.
3DColorfulFlat_Step_07.jpg

Создаем 3D материалы

Шаг 1

Выберите вкладку Front Inflation Material и введите следующие параметры:

  • Diffuse: 242, 225, 205
  • Specular: 158, 157, 155
  • Shine: 50%

3DColorfulFlat_Step_08.jpg

Шаг 2

Выберите вкладку Front Bevel Material и укажите следующие параметры:

  • Diffuse: 242, 225, 205
  • Specular: 135, 135, 135
  • Shine: 20%

3DColorfulFlat_Step_09.jpg

Шаг 3

Во вкладке Extrusion Material кликните по иконке Diffuse и выберите Load Texture и загрузите радужный градиент.
3DColorfulFlat_Step_10.jpg

Шаг 4

Выберите вкладку text mesh и смените параметр Texture Mapping на Tile.
3DColorfulFlat_Step_11.jpg

Шаг 5

Вновь вернитесь во вкладку Extrusion Material и кликните по иконке Diffuse. Выберите Edit UV Properties.
3DColorfulFlat_Step_12.jpg

Шаг 6

Настройте параметры как показано ниже.
3DColorfulFlat_Step_13.jpg

Шаг 7

Кликните по папке Illumination, выберите Load Texture и выберите этот файл. Настройте остальные параметры как показано ниже.
3DColorfulFlat_Step_14.jpg

Настраиваем 3D-сцену

Шаг 1

Выберите вкладку text mesh, кликните по иконке Coordinates в верхней части палитры Properties, настройте параметры как показано ниже.
3DColorfulFlat_Step_15.jpg

Шаг 2

Кликните по иконке меню палитры 3D и выберите Move Object to Ground Plane.
3DColorfulFlat_Step_16.jpg

Шаг 3

Переместите камеру так, чтобы ракурс был таким.
3DColorfulFlat_Step_17.jpg

Настраиваем свет

Шаг 1

Выберите вкладку Infinite Light 1, и настройте параметры так:
3DColorfulFlat_Step_18.jpg

Шаг 2

Инструментом Move найдите расположение света, которое вам понравится.
3DColorfulFlat_Step_19.jpg

Шаг 3

Выберите вкладку Environment и настройте параметры как показано ниже. Используйте цвет R: 210, G: 62, B: 28.
3DColorfulFlat_Step_20.jpg

Шаг 4

В меню выберите 3D > Render 3D Layer. После этого кликните по слою с текстом и выберите Convert to Smart Object.
3DColorfulFlat_Step_21.jpg

Добавляем корректирующие слои

Шаг 1

Добавьте корректирующий слой Selective Color в режиме Luminosity. И настройте как показано ниже.
3DColorfulFlat_Step_22.jpg

Шаг 2

Добавьте корректирующий слой Color Lookup.
3DColorfulFlat_Step_23.jpg

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

Шаг 1

Скачайте этот файл и поместите его поверх остальных слоев. Укажите слою режим наложения Color Burn, и Opacity в 50%.
3DColorfulFlat_Step_24.jpg

Шаг 2

Дублируйте слой с текстурой и поместите копию под слой с текстом.
3DColorfulFlat_Step_25.jpg

Шаг 3

Поместите поверх слоя с текстурой рамку из цветов и листиков и укажите слою режим наложения Multiply.
3DColorfulFlat_Step_26.jpg

Результат

undefined

Автор урока Rose

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

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




Оставить ответ


семь − 2 =

Вставить изображение