1. Design & Illustration
  2. Text Effects

Создаём Стильный 3D Текст в Золотом Обрамлении в Photoshop

by
Read Time:8 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Исходные материалы

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

1. Создаём Задний Фон и Фигуру Текста

Шаг 1

Создайте новый документ 1500 by 1250 px, залейте задний фон следующим цветовым оттенком #DBDBDB.

Шаг 2

Создайте текст заглавными буквами, используя шрифт Sans Serif Exb FLF. Цвет шрифта  #6d6d6d, размер шрифта 370 pt. Установите Интерлиньяж (Leading) на 200, Кернинг (Kerning) на Оптический (Optical), а Трекинг (Tracking) на 50.

Шаг 3

Идём Текст - Преобразовать в кривые (Type > Convert to Shape), чтобы преобразовать слой с текстом в слой фигуру.

2. Размещаем Буквы

Шаг 1

Выберите инструмент Выделение контура (Path Selection Tool), а затем щёлкните по букве, чтобы выделить её. Потяните за выделенную букву, что сместить её или используйте клавиши со стрелками для перемещения.

Шаг 2

Повторите те же самые шаги, чтобы переместить остальные буквы на своё усмотрение.

3. Создаём Внешнюю Обводку

Шаг 1

Продублируйте слой с текстом, назовите дубликат слоя Обводка (Stroke).

Шаг 2

Не меняя инструмент Выделение контура (Path Selection Tool), в панели управления данного инструмента, установите Заливку (Fill) на Нет (None), а Ширину обводки (Stroke Width) на 5 pt. Далее, нажмите по значку Задать тип штриха фигуры (Set shape stroke type), поменяйте Выровнять (Align) на Снаружи (Outside), а затем нажмите на кнопку Дополнительные параметры (More Options).

Шаг 3

Установите следующие настройки, как показано ниже.

4. Создаём Стеклянные Полки

Шаг 1

Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool), выберите режим Фигура (Shape) в панели управления данного инструмента, далее, установите Радиус (Radius) на 1, а затем щёлкните по значку Геометрические параметры (Geometry Options). Выберите опцию Заданный размер (Fixed Size), а также введите значение 90 для Ширины (Width) и 10 для Высоты (Height).

Создайте новый слой поверх слоя Обводка (Stroke), назовите этот слой Стекло (Glass), далее, нарисуйте прямоугольник прямо под обводкой первой буквы.

Шаг 2

Используйте тёмный цвет для фигуры прямоугольника, далее, выберите режим Объединить фигуры (Combine Shapes).

Шаг 3

Добавьте прямоугольники к остальным буквам.

Шаг 4

Как только вы завершите, продублируйте оригинальный слой с текстом, назовите дубликат слоя Stay Cool Back.

5. Создаём 3D Фигуры

Шаг 1

Для каждого слоя с фигурой, который у нас есть, вначале выделяем, а затем идём 3D – Новая 3D экструзия из выделенного контура (3D – New 3D Extrusion from Selected Path). Таким образом, мы преобразуем слои с фигурами в 3D слои.

Шаг 2

Дважды продублируйте слой Задний фон (Background), переместите дубликаты слоёв наверх, расположив поверх всех остальных слоёв. Назовите их Wall и Ground.

Шаг 3

Выделяем каждый из этих двух слоёв, а затем идём 3D - Новая сетка из слоя - Почтовая открытка (3D > New Mesh from Layer > Postcard).

6.  Работаем с 3D Сценой

Шаг 1

Чтобы получить доступ к настройкам 3D объектов, а также к другим параметрам, мы должны открыть две панели: панель 3D и панель Свойства (Properties) (обе панели можно активировать через меню Окно (Window). Панель 3D имеет все компоненты 3D сцены и, если вы щёлкните по названию одного из них, то вы сможете получить доступ к настройкам панели Свойства (Properties). Поэтому, если вы хотите провести редактирование, не забудьте вначале выбрать вкладку элемента в 3D панели, а затем уже меняйте настройки в панели Свойства (Properties).

Шаг 2

Для слоя Ground, выделите вкладку с этим названием в панели 3D , а затем в верхней части панели Свойства (Properties), щёлкните по значку Координаты (Coordinates), чтобы поменять значение Угол вращения по оси Х (X-Rotation) на 90. Тем самым, мы повернём плоскость на 90°, таким образом, эта плоскость станет перпендикулярна плоскости слоя Wall.

Шаг 3

Выделите все 3D слои, которые у нас есть, а затем идём 3D – Слияние 3D-слоёв (3D > Merge 3D Layers). Таким образом, мы поместим все 3D объекты в одну сцену.

Шаг 4

Если вы выберите инструмент Перемещение (Move Tool  (V), то вы увидите появившееся окно с 3D режимами рядом с панелью настроек. Если вы выберите один из режимов, то затем, вы можете проводить изменения объекта, щёлкнув и потянув его (объект, который выбран в 3D панели). Если у вас в панели 3D активна вкладка Текущий Вид (Current View), то вы можете изменить текущий обзор камеры.

7. Редактируем 3D Объекты

Шаг 1

Выберите обе вкладки Stay Cool и Stay Cool Back в панели 3D, а затем в панели Свойства (Properties), поменяйте Глубину экструзии (Extrusion Depth) на 20.

Шаг 2

Выделите вкладку с оригинальным текстом Stay Cool, щёлкните по значку Капитель (Cap) в верхней части панели Свойства (Properties), а затем установите Стороны (Sides) на Спереди (Front). Далее, поменяйте Ширину фаски (Bevel Width) на 10, а Контур (Contour) на Волнистый уклон (Rolling Slope - Descending), а Раздувание угла (Inflate Angle) на -45.

Шаг 3

Для вкладки Back, установите Стороны (Sides) на Сзади (Back). Далее, поменяйте Ширину фаски (Bevel Width) на 10, а Контур (Contour) на Волнистый уклон (Rolling Slope - Descending), а Раздувание угла (Inflate Angle) на 45.

Шаг 4

Поменяйте Глубину экструзии (Extrusion Depth) для вкладки Stroke на 150.

Шаг 5

Затем поменяйте Ширину фаски (Bevel Width) на 10, а Контур (Contour) на Полукруг (Half Round).

Шаг 6

Для вкладки Glass, оставьте значение Глубины экструзии (Extrusion Depth) на отметке 481.

Шаг 7

А также поменяйте Ширину фаски (Bevel Width) на 10.

Шаг 8

В заключение, выделите оба слоя с плоскостью, чтобы убрать галочку в окошке Наложить тени (Cast Shadows).

8. Создаём Материалы

Шаг 1

Выделите вкладку Материал Передней Выпуклости (Front Inflation Material) для объекта оригинального текста и Материал Задней Выпуклости (Back Inflation Material) для объекта Stay Cool Back. Далее, в панели Свойства (Properties), щёлкните по значку текстуры Рассеивание (Diffuse) и в появившемся меню, выберите опцию Удалить текстуру (Remove Texture). Вы должны будете сделать это также для других материалов при их редактировании.

Шаг 2

Поменяйте остальные настройки, которые указаны ниже:

  • Рассеивание (Diffuse): #575757
  • Цветовой блик (Specular): #606060
  • Свечение (Illumination): #000000
  • Освещение (Ambient): #000000

Шаг 3

Выделите вкладки Материал Переднего Скоса (Front Bevel Material), Материал Экструзии (Extrusion Material) и Материал Заднего Скоса (Back Bevel Material) для обоих объектов: оригинального текста и Stay Cool Back. Поменяйте следующие настройки, которые указаны ниже:

  • Рассеивание (Diffuse): #d4d4d4
  • Цветовой блик (Specular): #67666b
  • Свечение (Illumination): #080808
  • Освещение (Ambient): #000000

Шаг 4

Выделите вкладку Материал задней выпуклости (Back Inflation Material) для оригинального текста и Материал Передней Выпуклости (Front Inflation Material) для объекта Stay Cool Back. Установите следующие настройки, которые указаны ниже:

  • Рассеивание (Diffuse): #b4b4b4
  • Цветовой блик (Specular): #65666a
  • Свечение (Illumination): #080808
  • Освещение (Ambient): #000000

Шаг 5

Выделите все вкладки с материалами объекта Stroke, чтобы установить настройки, которые указаны ниже:

  • Рассеивание (Diffuse): #a3671f
  • Цветовой блик (Specular): #cab171
  • Свечение (Illumination): #080808
  • Освещение (Ambient): #000000

Шаг 6

Выделите все вкладки с материалами объекта Glass, чтобы установить настройки, которые указаны ниже:

  • Рассеивание (Diffuse): #ffffff
  • Цветовой блик (Specular): #c2c2c2
  • Свечение (Illumination): #080808
  • Освещение (Ambient): #000000

Шаг 7

Настройки материала для Wall.

  • Рассеивание (Diffuse): #DBDBDB
  • Цветовой блик (Specular): #a3a3a3
  • Свечение (Illumination): #080808
  • Освещение (Ambient): #000000

Шаг 8

Настройки материала для Ground.

  • Рассеивание (Diffuse): #d4d4d4
  • Цветовой блик (Specular): #67666b
  • Свечение (Illumination): #080808
  • Освещение (Ambient): #000000

Шаг 9

Выберите инструмент Перемещение (Move Tool) и с помощью 3D-Оси (3D Axis), расположите объекты на сцене на своё усмотрение. Стрелки на концах оси смещают объект, деталь, которая расположена ниже, используется для поворота, а кубики используются для масштабирования. Куб в центре используется для равномерного масштабирования объекта. Все, что вам нужно сделать, это нажать и сдвинуть ту часть, которую вы хотите.

Вы так же можете поменять Обзор камеры (Camera View), при необходимости, чтобы посмотреть, как будут выглядеть объекты с разных углов.

9. Настраиваем Освещение 3D Сцены

Шаг 1

Выберите вкладку Бесконечный свет 1 (Infinite Light 1), а затем поменяйте цвет на #bfb7ac, Интенсивность (Intensity) на 30%, а Тень- Сглаживание (Shadow Softness) на 20%.

Шаг 2

Используйте инструмент Перемещение (Move Tool), чтобы сместить освещение сцены на своё усмотрение или щёлкните по значку Координаты (Coordinates) в верхней части панели Свойства (Properties), чтобы задать числовое значение координат.

Шаг 3

Щёлкните по значку Добавить новый свет к сцене (Add new light to Scene) в нижней части панели 3D и в появившемся окне, выберите опцию Новый точечный свет (New Point Light).

Шаг 4

Установите Интенсивность (Intensity) точечного света на 20%, а также уберите галочку в окошке Тень (Shadow).

Шаг 5

Расположите точечный свет за текстом, слегка ближе к верху. Вы также можете использовать настройки Координат (Coordinates), которые были использованы в этом уроке.

Шаг 6

Щёлкните по вкладке Окружающая среда (Environment) в 3D панели, а затем щёлкните по значку текстуры ИСБИ (IBL) в панели Свойства (Properties panel) и в выпадающем меню, выберите опцию Заменить текстуру (Replace Texture).

Шаг 7

Откройте изображение _aaalplplllpplpw2p1lpmlaqmmmklsi.jpg из набора узоров Деформированный Металл, а затем установите Интенсивность (Intensity) на 50%.

10. Редактируем Объекты и Проводим Рендеринг

Шаг 1

Щёлкните по вкладке Stay Cool Back, далее, сместите объект назад таким образом, чтобы он был виден из-за золотых брусков.

Шаг 2

Далее, вы можете выделить один объект или пару объектов, поиграйте с их смещением по сцене, при этом меняя обзор камеры, пока вас не устроит результат.

Шаг 3

Убедитесь, чтобы объект Ground не был расположен ниже оригинальной плоскости основания сцены. Затем идём 3D – Рендеринг (3D > Render). Рендеринг может занять некоторое время, но вы можете остановить процесс в любое время, нажав клавишу (Esc).

11. Корректируем Цвета

Шаг 1

Как только завершился рендеринг, не забудьте сохранить документ.

Шаг 2

Далее, идём Выделение- Все (Select > All), затем Редактирование - Скопировать (Edit > Copy), и Редактирование - Вклеить (Edit > Paste).

Шаг 3

Поменяйте режим наложения для вклеенного объединённого слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 35%. Это придаст итоговому изображению больше яркости и динамики.

Поздравляю! Мы завершили урок!

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

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

One subscription.
Unlimited Downloads.
Get unlimited downloads