Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Text Effects

Создаём Блестящий и Праздничный 3D текст в программе Adobe Photoshop

by
Read Time:10 minsLanguages:
This post is part of a series called Celebration Week!.
How to Draw a Celebrating Sporty Character in Adobe Illustrator
How to Create a Pastel Neon Club Flyer in Adobe InDesign

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

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

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

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

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

1. Создаём Текст

Шаг 1

Создайте новый документ со следующими размерами 3500 х 2000 рх.

Далее, создайте текст, используя шрифт HWT Artz. Установите Размер (Size) шрифта 600 pt, а значение Трекинга (Tracking) 150 pt.

Create the TextCreate the TextCreate the Text

Шаг 2

Назовите слой с текстом Текст (Text), а затем щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Преобразовать в кривые (Convert to Shape).

Convert to ShapeConvert to ShapeConvert to Shape

2. Создаём Слои с Обводкой

Шаг 1

Продублируйте слой Текст (Text) (Ctrl+J), назовите дубликат слоя Обводка 1 (Stroke 1).

Create the Stroke 1 LayerCreate the Stroke 1 LayerCreate the Stroke 1 Layer

Шаг 2

Выберите инструмент Стрелка (Direct Selection Tool (A), а затем идём в панель управления данного инструмента.

Установите следующие настройки: Заливка (Fill) на Нет (None), Размер (Size) на 25, цвет обводки чёрный. Далее, щёлкните по значку Параметры обводки (Set shape stroke type) и в выпадающем меню поменяйте Выравнивание (Align) на Снаружи (Outside).

Stroke SettingsStroke SettingsStroke Settings

Шаг 3

Продублируйте слой Обводка 1 (Stroke 1). Назовите дубликат слоя Обводка 2 (Stroke 2), а затем поменяйте Размер обводки (Stroke Size) для дубликата слоя на 35.

Stroke 2 SettingsStroke 2 SettingsStroke 2 Settings

Шаг 4

Продублируйте слой Обводка 2 (Stroke 2). Назовите дубликат слоя Обводка 3 (Stroke 3), а затем поменяйте Размер обводки (Stroke Size) для дубликата слоя на 50.

Stroke 3 SettingsStroke 3 SettingsStroke 3 Settings

3. Создаём 3D Слои

Шаг 1

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

Convert to 3D LayersConvert to 3D LayersConvert to 3D Layers

Шаг 2

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

Merge 3D LayersMerge 3D LayersMerge 3D Layers

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

Шаг 1

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

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

3D and Properties Panels3D and Properties Panels3D and Properties Panels

Шаг 2

Если вы выберите инструмент Перемещение (Move Tool  (V), то вы увидите появившееся окно с 3D режимами рядом с панелью настроек.

Если вы выберите один из режимов, то затем, вы можете проводить изменения объекта, щёлкнув и потянув его (объект, который выбран в 3D панели).

Используйте эти режимы, чтобы изменить угол камеры, под тот угол, который вам нравится.

3D Move Tool Modes3D Move Tool Modes3D Move Tool Modes

5. Редактируем Настройки 3D Объектов

Шаг 1

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

Text Extrusion DepthText Extrusion DepthText Extrusion Depth

Шаг 2

Выберите все вкладки с Обводкой (Stroke), а затем поменяйте Глубину экструзии (Extrusion Depth) на 35.

Stroke Extrusion DepthStroke Extrusion DepthStroke Extrusion Depth

6. Редактируем Настройки 3D Капитель

Шаг 1

Ещё раз выберите вкладку Текст (Text). Затем щёлкните по значку Капитель (Cap) в верхней части панели Свойства (Properties ).

Установите Стороны (Sides) на Спереди и сзади (Front and Back), поменяйте Ширину фаски (Bevel Width) на 5%Контур (Contour) на Полукруг (Half Round), а Раздувание - Интенсивность (Inflate - Strength) на 10%.

Text Cap SettingsText Cap SettingsText Cap Settings

Шаг 2

Выберите все вкладки с Обводкой (Stroke), установите Стороны (Sides) на Спереди и сзади (Front and Back), поменяйте Ширину фаски (Bevel Width) на 20%Контур (Contour) на Круг (Ring).

Stroke Cap SettingsStroke Cap SettingsStroke Cap Settings

7. Меняем Расположение 3D Объектов

Шаг 1

Выделите все вкладки с объектами в 3D панели, а затем щёлкните по значку меню в верхнем правом углу 3D панели и в появившемся окне, выберите опцию Переместить объект на плоскость основания (Move Object to Ground Plane).

Move Object to Ground PlaneMove Object to Ground PlaneMove Object to Ground Plane

Шаг 2

Выберите инструмент Перемещение (Move Tool), и с помощью 3D-Оси (3D Axis), отделите объекты Обводки (Stroke) друг от друга, распределив их поверх 3D текста.

Стрелки на концах оси смещают объект, деталь, которая расположена ниже, используется для поворота, а кубики используются для масштабирования. Куб в центре используется для равномерного масштабирования объекта. Все, что вам нужно сделать, это нажать и сдвинуть ту часть, которую вы хотите.

Вы также можете открыть окно Второстепенный 3D-вид (3D Secondary View), для этого идём Вид – Показать – Второстепенный 3D-вид (View > Show > 3D Secondary View), а затем щёлкните по маленькой стрелке, чтобы выбрать опцию Вид сверху (Top view), чтобы лучше видеть, что вы создаёте.

Move the Stroke MeshesMove the Stroke MeshesMove the Stroke Meshes

Шаг 3

Убедитесь, чтобы самый большой объект обводки был расположен на заднем плане, а самый маленький объект обводки на переднем плане.

Repositioned Stroke MeshesRepositioned Stroke MeshesRepositioned Stroke Meshes

8. Добавляем Текстуру к 3D Тексту

Шаг 1

Выберите вкладку Материал передней выпуклости (Text Front Inflation Material) в 3D панели, в затем в панели Свойства (Properties), щёлкните по значку текстуры Рассеивание (Diffuse) и в появившемся меню, выберите опцию Редактировать текстуру (Edit Texture).

Edit TextureEdit TextureEdit Texture

Шаг 2

Расположите Текстуру с Серебристым Блеском поверх слоя Текст (Text). Примените масштабирование к данной текстуре, чтобы полностью закрыть текст.

Add the Glitter TextureAdd the Glitter TextureAdd the Glitter Texture

Шаг 3

Нажмите клавиши (Ctrl+U), чтобы открылось окно коррекции Цветовой тон / Насыщенность (Hue/Saturation), поставьте галочку в окошке Тонирование (Colorize), а также поменяйте значение Цветового тона (Hue) на 37.

Далее, идём Файл- Сохранить (File > Save), а затем Файл- Закрыть (File > Close), чтобы вернуться к нашей 3D Сцене (3D Scene).

HueSaturationHueSaturationHueSaturation

9. Настраиваем Выпуклость 3D Текста

Шаг 1

Выделите вкладки Материал передней / задней выпуклости и Материал переднего / заднего скоса (Text Front and Bevel Materia) в панели 3D, а затем установите следующие настройки в панели Свойства (Properties).

  • Цвет Блика (Specular): (221, 161, 32)
  • Блеск (Shine): 50
  • Отражение (Reflection): 20
  • Рельеф (Bump): 3
  • Коэффф. преломления (Refraction): 1.3
Text Front and Bevel Material SettingsText Front and Bevel Material SettingsText Front and Bevel Material Settings

Шаг 2

Выделите вкладку Материал передней выпуклости (Text Front Inflation Material), а затем щёлкните по значку папки Рельеф (Bump) и в появившемся окне, выберите опцию Загрузить текстуру (Load Texture), затем загрузите металлическую текстуру.

Load the Bump TextureLoad the Bump TextureLoad the Bump Texture

Шаг 3

Ещё раз щёлкните по значку папки Рельеф (Bump) и в появившемся окне, выберите опцию Редактировать UV-свойства (Edit UV Properties).

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Шаг 4

Установите оба значения параметра Мозаика (Tile) на 1.

Tile ValuesTile ValuesTile Values

Шаг 5

Теперь выделите остальные вкладки Материал переднего / заднего  скоса и Материал задней выпуклости (Text Inflation and Bevel Material), а затем щёлкните по значку папки Рельеф (Bump), чтобы загрузить металлическую текстуру.

Apply the Bump TextureApply the Bump TextureApply the Bump Texture

10. Создаём Материал Экструзии для 3D Текста

Шаг 1

Выберите вкладку Материал экструзии текста (Text Extrusion Material), щёлкните по значку текстуры Рассеивание (Diffuse) и в появившемся окне, выберите опцию Удалить текстуру (Remove Texture).

Remove TextureRemove TextureRemove Texture

Шаг 2

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

  • Рассеивание (Diffuse): (232, 226, 211)
  • Цвет Блика (Specular): (153, 151, 137)
  • Блеск (Shine): 20
  • Отражение (Reflection): 20
  • Плавность (Roughness): 31
  • Коэфф. преломления (Refraction): 1.2
Text Extrusion Material SettingsText Extrusion Material SettingsText Extrusion Material Settings

11. Создаём Материал для 3D Обводки

Шаг 1

Выделите все вкладки Материал для Обводки передней/задней выпуклости и скоса (Stroke Inflation and Bevel Material), а затем удалите их текстуру Рассеивание (Diffuse), а также поменяйте остальные настройки:

  • Рассеивание (Diffuse): (92, 90, 83)
  • Цвет блика (Specular): (170, 168, 152)
  • Блеск (Shine): 50
  • Отражение (Reflection): 20
  • Коэфф. преломления (Refraction): 1.2
Stroke Inflation and Bevel Material SettingsStroke Inflation and Bevel Material SettingsStroke Inflation and Bevel Material Settings

Шаг 2

Выделите все вкладки Материал Экструзии для Обводки (Stroke Extrusion Material), а затем удалите их текстуру Рассеивание (Diffuse), а также поменяйте остальные настройки:

  • Рассеивание (Diffuse): (228, 183, 63)
  • Цвет блика (Specular): (51, 51, 51)
  • Блеск (Shine): 20
  • Отражение (Reflection): 20
  • Коэфф. преломления (Refraction): 1.2
Stroke Extrusion Material SettingsStroke Extrusion Material SettingsStroke Extrusion Material Settings

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

Шаг 1

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

Infinite Light SettingsInfinite Light SettingsInfinite Light Settings

Шаг 2

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

Infinite Light CoordinatesInfinite Light CoordinatesInfinite Light Coordinates

Шаг 3

Выберите вкладку Окружающая среда (Environment), а затем щёлкните по значку текстуры ИСБИ (IBL) и в появившемся окне, выберите опцию Заменить текстуру (Replace Texture), а затем загрузите исходное изображение комнаты.

Replace TextureReplace TextureReplace Texture

Шаг 4

Ещё раз щёлкните по значку текстуры ИСБИ (IBL) и в появившемся окне, выберите опцию Редактировать текстуру (Edit Texture), а затем нажмите клавиши (Ctrl+U). Поменяйте значение Насыщенности (Saturation) на -65.

Сохраните и закройте файл.

Environment Texture HueSaturationEnvironment Texture HueSaturationEnvironment Texture HueSaturation

Шаг 5

Поменяйте Интенсивность (Intensity) света ИСБИ (IBL) на 50%.

IBL IntensityIBL IntensityIBL Intensity

Шаг 6

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

Move the IBL TextureMove the IBL TextureMove the IBL Texture

13. Создаём 3D Рендеринг Слоя

Шаг 1

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

Render the 3D SceneRender the 3D SceneRender the 3D Scene

Шаг 2

Как только завершится процесс рендеринга, щёлкните правой кнопкой мыши по слою с 3D и в появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Шаг 3

Далее, идём Изображение- Размер изображения (Image > Image Size), установите значение Ширины (Width) на 1500 px.

Resize ImageResize ImageResize Image

14. Добавляем Корректирующие Слои

Шаг 1

Щёлкните по значку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню, выберите опцию Выборочная коррекция цвета (Selective Color).

Selective ColorSelective ColorSelective Color

Шаг 2

Преобразуйте корректирующий слой Выборочная коррекция цвета (Selective Color) в обтравочную маску к слою 3D, для этого нажмите клавиши (Ctrl+Alt+G), а затем установите значения для следующих каналов:

Жёлтые (Yellows):

  • Голубой (Cyan): 9
  • Пурпурный (Magenta): 6
  • Жёлтый (Yellow): 13
  • Чёрный (Black): 3

Зелёные (Greens):

  • Чёрный (Black): -80

Голубые (Cyans):

  • Чёрный (Black): -50
Yellows Greens and CyansYellows Greens and CyansYellows Greens and Cyans

Белые (Whites):

  • Голубой (Cyan): -15
  • Пурпурный (Magenta): 10
  • Жёлтый (Yellow): 20
  • Чёрный (Black): -90

Нейтральные (Neutrals):

  • Голубой (Cyan): -2
  • Жёлтый (Yellow): 5

Чёрные (Blacks):

  • Голубой (Cyan): -5
  • Пурпурный (Magenta): 5
  • Жёлтый (Yellow): -20
  • Чёрный (Black): 5
Whites Neutrals and BlacksWhites Neutrals and BlacksWhites Neutrals and Blacks

Итак, мы усилили цвет текста.

Enhanced ColoringEnhanced ColoringEnhanced Coloring

Шаг 3

Добавьте корректирующий слой Уровни (Levels) в качестве обтравочной маски к слою 3D, а затем поменяйте Света (Highlights) на 27, значение Гаммы (Gamma) на 1.03, а Тени (Shadows) на 231.

Таким образом, мы усилили контраст.

Levels SettingsLevels SettingsLevels Settings

15. Создаём Задний Фон

Шаг 1

Добавьте слой с заливкой Градиента (Gradient) поверх слоя Задний фон (Background), установите следующие цвета градиента #8f8e8e справа, #ebeaea в центре, и #8f8e8e слева.

Поменяйте Угол (Angle) на 105, а Масштаб (Scale) на 250. Вы можете мышкой перемещать градиент внутри области текста, чтобы подобрать наилучшее расположение.

Add a Gradient FillAdd a Gradient FillAdd a Gradient Fill

Шаг 2

Добавьте текстуру Боке на наш рабочий документ, расположив данную текстуру поверх слоя с заливкой градиента, примените масштабирование при необходимости, назовите слой с текстурой Боке Блеск Заднего фона (Glitter BG), а затем поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

Add the Glitter TextureAdd the Glitter TextureAdd the Glitter Texture

Шаг 3

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски к слою Блеск Заднего фона (Glitter BGlayer), поставьте галочку в окошке Тонирование (Colorize), а также поменяйте значение Цветового тона (Hue) на 40.

HueSaturationHueSaturationHueSaturation

Шаг 4

Добавьте изображение hybrid3 из набора Световые Эффекты С4D на наш рабочий документ, расположив поверх слоя Блеск Заднего фона (Glitter BG), назовите этот слой Текстура 01 Заднего фона (BG Texture 01).

Поменяйте режим наложения для слоя Текстура 01 Заднего фона (BG Texture 01) на Осветление (Screen). Примените масштабирование при необходимости.

BG Texture 01BG Texture 01BG Texture 01

Шаг 5

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски к слою Текстура 01 Заднего фона (BG Texture 01), поставьте галочку в окошке Тонирование (Colorize), а также поменяйте значение Цветового тона (Hue) на 38.

HueSaturationHueSaturationHueSaturation

Шаг 6

Добавьте изображение Platinafx4 из набора Эффектов C4d на наш рабочий документ, расположив поверх слоя Текстура 01 Заднего фона (BG Texture 01). Назовите этот слой Текстура 02 Заднего фона (BG Texture 02).

Поменяйте режим наложения для слоя Текстура 02 Заднего фона (BG Texture 02) на Осветление (Screen). Примените масштабирование при необходимости.

BG Texture 02BG Texture 02BG Texture 02

Шаг 7

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски к слою Текстура 02 Заднего фона (BG Texture 02), поставьте галочку в окошке Тонирование (Colorize), а также поменяйте значение Цветового тона (Hue) на 35.

HueSaturationHueSaturationHueSaturation

16. Добавляем Звёздочки

Шаг 1

Выберите инструмент Кисть (Brush Tool), а затем откройте панель настроек Кисть (Brush), для этого идём Окно - Кисть (Window > Brush).

Выберите любую понравившуюся кисть из набора кистей Звёздочки и Блеск, а затем в настройке Динамика формы (Shape Dynamics), поменяйте Колебание размера (Size Jitter) на 50%, а Колебание угла (Angle Jitter) на 100%.

Shape Dynamics SettingsShape Dynamics SettingsShape Dynamics Settings

Шаг 2

Установите цвет переднего плана на #d6d6d6, создайте новый слой поверх всех остальных слоёв, назовите этот слой Звёздочки (Sparkles), а затем поменяйте режим наложения для данного слоя на Перекрытие (Overlay).

Уменьшите размер кисти до значения, при котором на ваш взгляд, звёздочки будут хорошо смотреться на тексте. Теперь прокрасьте кистью поверх отдельных ярких участков текста, чтобы добавить звёздочки.

Add the SparklesAdd the SparklesAdd the Sparkles

17. Добавляем Карту Градиента

Шаг 1

Добавьте корректирующий слой Карта градиента (Gradient Map). Поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 15%.

Поставьте галочку в окошке Дизерниг (Dither), а затем добавьте следующие цвета градиента #5a5871 слева, #b79787 в центре, и #fdcd90 справа.

Gradient Map ColorsGradient Map ColorsGradient Map Colors

Шаг 2

Вы можете попробовать применить другие цвета градиента, а также различную степень Непрозрачности (Opacity), чтобы получить иной результат, если хотите.

Gradient Map EffectGradient Map EffectGradient Map Effect

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

В этом уроке мы создали текстовый слой, преобразовали его в кривые и создали слои с обводкой.

Далее, мы преобразовали слои с обводкой в 3D слои, а затем изменили их настройки. После этого мы создали 3D материалы, поработали над освещением сцены и провели рендеринг.

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

Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.

Final ResultFinal ResultFinal Result
One subscription.
Unlimited Downloads.
Get unlimited downloads