7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Создаем Красивый Праздничный 3D Текст в программе Adobe Photoshop

Scroll to top
Read Time: 9 mins

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

Создайте новый документ 600 x 600 px, а затем дважды щёлкните по слою Задний фон (Background), чтобы преобразовать его в обычный слой.

Create the Main LayerCreate the Main LayerCreate the Main Layer

Шаг 2

Ещё раз дважды щёлкните по слою, чтобы применить стиль слоя Наложение узора (Pattern Overlay) со следующими настройками, которые указаны ниже:

  • Узор (Pattern): Школьные мотивы #6
  • Масштаб (Scale): 25%
Pattern OverlayPattern OverlayPattern Overlay

Шаг 3

Добавьте текстуру Блеска 4, расположив её поверх слоя с узором. Примените масштабирование к текстуре в соответствии с высотой документа, а затем поменяйте режим наложения для слоя с данной текстурой на Жёсткий свет (Hard Light).

Сохраните данный документ, дайте название узору Полоски (Stripes), а затем закройте его.

Add a TextureAdd a TextureAdd a Texture

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

Шаг 1

Создайте новый рабочий документ со следующими размерами 1000 x 667 px, установите Разрешение (Resolution) на 300.

Create a New DocumentCreate a New DocumentCreate a New Document

Шаг 2

Создайте текст, используя шрифт Intro, размер шрифта 70 pt.

Create the TextCreate the TextCreate the Text

Шаг 3

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

Rename the LayersRename the LayersRename the Layers

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

Шаг 1

Щёлкните правой кнопкой мыши по слою Обводка (Stroke) и в появившемся окне, выберите опцию Преобразовать в кривые (Convert to Shape).

Convert to ShapeConvert to ShapeConvert to Shape

Шаг 2

Выберите инструмент Стрелка (Direct Selection Tool (A), а затем в панели управления данного инструмента, поменяйте Заливку (Fill) на Нет (None), цвет обводки установите на черный, Размер (Size) обводки на 2. Далее, щёлкните по кнопке выбора типа обводки и в выпадающем меню, поменяйте Выравнивание (Align) на Снаружи (Outside).

Stroke SettingsStroke SettingsStroke Settings

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

Шаг 1

Перейдите на слой Текст (Text), а затем идём 3D – Новая 3D Экструзия из выделенного контура (3D > New 3D Extrusion from Selected Layer).

Далее, перейдите на слой Обводка (Stroke), а затем идём 3D – Новая 3D Экструзия из выделенного контура (3D > New 3D Extrusion from Selected Path).

Create the 3D LayersCreate the 3D LayersCreate the 3D Layers

Шаг 2

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

Merge 3D LayersMerge 3D LayersMerge 3D Layers

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

Шаг 1

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

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

The 3D PanelsThe 3D PanelsThe 3D Panels

Шаг 2

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

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

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

Move Tool ModesMove Tool ModesMove Tool Modes

Шаг 3

Щёлкните по глазку рядом с вкладкой Обводка (Stroke) в 3D панели, чтобы отключить видимость данной вкладки.

Hide the Stroke MeshHide the Stroke MeshHide the Stroke Mesh

6. Меняем Настройки для Объекта 3D Текст (Text)

Шаг 1

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

Extrusion DepthExtrusion DepthExtrusion Depth

Шаг 2

Щёлкните по значку Капитель (Cap) в верхней части панели Свойства (Properties), а затем поменяйте Ширину фаски (Bevel Width) на 5, а Контур (Contour) на Конус (Cone).

Далее, для параметра Раздувание (Inflate), поменяйте Угол (Angle) на 50, а Интенсивность (Strength) на 15.

Cap SettingsCap SettingsCap Settings

7. Создаём Материал Передней Выпуклости

Шаг 1

Выберите вкладку Материал передней выпуклости (Front Inflation Material) объекта текст, а затем щёлкните по папке параметра Рассеивание (Diffuse) и в выпадающем меню, выберите опцию Загрузить текстуру (Load Texture), далее, выберите текстуру Полоски (Stripes), которую вы создали вначале этого урока.

Load the Pattern FileLoad the Pattern FileLoad the Pattern File

Шаг 2

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

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Шаг 3

Установите значения для настроек Мозаика (Tile) и Смещение (Offset) на своё усмотрение.

UV ValuesUV ValuesUV Values

Шаг 4

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

  • Цвет блика (Specular): 219, 212, 212
  • Блеск (Shine): 35
  • Коэфф.преломления (Refraction): 1.3
Material SettingsMaterial SettingsMaterial Settings

Шаг 5

Щёлкните по значку текстуры Рельефа (Bump) и в выпадающем меню, выберите текстуру Полоски (Stripes).

Load the Bump TextureLoad the Bump TextureLoad the Bump Texture

Шаг 6

Поменяйте значение Рельефа (Bump) на 25.

Bump ValueBump ValueBump Value

8. Сохраняем и Дополнительно Применяем 3D Материал

Шаг 1

Находясь всё ещё на вкладке Материал передней выпуклости (Front Inflation Material), щёлкните по окошку Палитра Материалов (Material Picker), а затем щёлкните по значку выпадающего меню, чтобы выбрать опцию Новый материал (New Material).

New MaterialNew MaterialNew Material

Шаг 2

Укажите название материала, а затем нажмите кнопку ОК.

Name the MaterialName the MaterialName the Material

Шаг 3

Далее, выделите следующие вкладки: Материал переднего и заднего скоса (Front and Back Bevel) и Материал задней выпуклости (Back Inflation Material).

Откройте окно Палитры Материалов (Material Picker), спуститесь вниз до значка материала, который вы только что создали, чтобы применить его к выделенным материалам.

Apply the MaterialApply the MaterialApply the Material

Шаг 4

Материал Экструзии (Extrusion Material) будет скрыт под Обводкой (Stroke), но на всякий случай, если он как-то проявится, мы применим следующие настройки материала:

  • Цвет блика (Specular): 219, 212, 212
  • Блеск (Shine): 35
  • Отражение (Reflection): 30
  • Плавность (Roughness): 20
  • Коэфф. преломления (Refraction): 1.3
Stroke Material SettingsStroke Material SettingsStroke Material Settings

9. Меняем Настройки для Объекта Обводки

Шаг 1

Включите видимость вкладки Обводка (Stroke), щёлкнув по пустому окошку рядом с данной вкладкой, а затем поменяйте Глубину Экструзии (Extrusion Depth) на 50.

Extrusion DepthExtrusion DepthExtrusion Depth

Шаг 2

Щёлкните по значку Капитель (Cap), далее, установите Стороны (Sides) на Спереди и Сзади (front and Back), а затем поменяйте Ширину фаски (Bevel Width) на 3, а Контур (Contour) на Полукруг (Half Round).

Cap SettingsCap SettingsCap Settings

Шаг 3

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

Remove TextureRemove TextureRemove Texture

Шаг 4

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

  • Рассеивание (Diffuse): 68, 44, 6
  • Цвет блика (Specular): 230, 220, 186
  • Блеск (Shine): 85
  • Отражение (Reflection): 75
  • Коэфф.преломления (Refraction): 1.35
Stroke Material SettingsStroke Material SettingsStroke Material Settings

10. Разделяем Текст на 3D Объекты

Шаг 1

Перейдите на вкладку Текст (Text), а затем идём 3D – Разделить 3D экструзию (3D > Split 3D Extrusion). Таким образом, мы создадим новую группу, разделив все буквы текста на отдельные 3D объекты.

Split 3D ExtrusionSplit 3D ExtrusionSplit 3D Extrusion

Шаг 2

Также разделите объект Обводка (Stroke).

Split 3D ExtrusionSplit 3D ExtrusionSplit 3D Extrusion

11. Смещаем 3D Объекты

Шаг 1

Что нам необходимо сделать далее- это выделить каждый объект текста, включая соответствующие вкладки с обводкой, чтобы сместить их. Примечание переводчика: автор по отдельности смещает буквы текста.

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

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

Move the MeshesMove the MeshesMove the Meshes

Шаг 2

Не забудьте поменять Текущий вид (Current View) камеры, т.к. вы работаете с объектами, чтобы выбрать соответствующий угол, который вам нравится для заключительного результата.

Move the Camera ViewMove the Camera ViewMove the Camera View

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

Шаг 1

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

Infinite Light SettingsInfinite Light SettingsInfinite Light Settings

Шаг 2

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

Move the Infinite LightMove the Infinite LightMove the Infinite Light

Шаг 3

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

Replace the IBL TextureReplace the IBL TextureReplace the IBL Texture

Шаг 4

Установите Интенсивность (Intensity) освещения ИСБИ (IBL) на 50%, а для параметра Плоскость основания (Ground Plane), установите Непрозрачность тени (Shadows Opacity) на 0%.

Environment Light SettingsEnvironment Light SettingsEnvironment Light Settings

Шаг 5

С помощью инструмента Перемещение (Move Tool), сместите текстуру, пока вам не понравится, как выглядит общее освещение сцены.

Move the IBL LightMove the IBL LightMove the IBL Light

13. Проводим Рендеринг Элементов 3D Сцены и Добавляем Задний Фон

Шаг 1

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

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

Render and Convert to Smart ObjectRender and Convert to Smart ObjectRender and Convert to Smart Object

Шаг 2

Поместите текстуру Боке поверх слоя Задний фон (Background), а затем идём Редактирование - Трансформация - Поворот на 90° по часовой стрелке (Edit > Transform > Rotate 90° Clockwise).

Далее, примените масштабирование к текстуре Боке при необходимости, назовите слой с данной текстурой Боке (Bokeh).

Add the Bokeh TextureAdd the Bokeh TextureAdd the Bokeh Texture

Шаг 3

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

Add a Levels Adjustment LayerAdd a Levels Adjustment LayerAdd a Levels Adjustment Layer

Шаг 4

Преобразуйте корректирующий слой Уровни (Levels) в обтравочную маску к 3D слою (3D layer), а затем поменяйте значение Света (Highlights) на 16, а значение Тени (Shadows) на 220.

Levels SettingsLevels SettingsLevels Settings

14. Создаём и Стилизуем Нити

Шаг 1

Создайте новый слой поверх слоя Боке (Bokeh), назовите этот слой Нити (Strings), а затем выберите инструмент Кисть (Brush Tool). С помощью жёсткой кисти диаметром 3рх, нарисуйте прямые вертикальные линии для каждой буквы текста. Примечание переводчика: удерживайте клавишу (Shift), чтобы линии были прямыми.

Create the LinesCreate the LinesCreate the Lines

Дважды щёлкните по слою Нити (Strings), чтобы применить следующие стили слоя:

Шаг 2

Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:

  • Размер (Size): 7
  • Угол (Angle): 30
  • Высота (Altitude): 30
  • Контур глянца (Gloss Contour): Cone
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный свет (Linear Light)
    • Непрозрачность (Opacity): 50%
  • Режим тени (Shadow Mode): Линейный затемнитель (Linear Burn)
    • Непрозрачность (Opacity): 50%
Bevel and EmbossBevel and EmbossBevel and Emboss

Шаг 3

Добавьте стиль слоя Контур (Contour) со следующими настройками:

  • Контур (Contour): Ring - Double
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
ContourContourContour

Шаг 4

Добавьте стиль слоя Текстура (Texture ) со следующими настройками:

  • Узор (Pattern): Metal Landscape
  • Масштаб (Scale): 25%
TextureTextureTexture

Шаг 5

Добавьте стиль слоя Наложение цвета (Color Overlay) со следующими настройками:

  • Цвет (Color): #917149
Color OverlayColor OverlayColor Overlay

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

Styled StringsStyled StringsStyled Strings

15. Добавляем Светлые Блики к Тексту

Шаг 1

Создайте новый слой поверх всех остальных слоёв, назовите этот слой Блики (Light), а затем поменяйте режим наложения для данного слоя на Яркий свет (Vivid Light).

Далее, установите цвет переднего плана на #a6a497, выберите инструмент Кисть (Brush Tool), установите мягкую кисть, размер кисти установите на своё усмотрение. Добавьте светлые блики по всему тексту.

Add the Light SpotsAdd the Light SpotsAdd the Light Spots

Шаг 2

Удерживая клавишу (Ctrl), щёлкните по миниатюре 3D слоя с текстом, чтобы загрузить выделение.

Create a SelectionCreate a SelectionCreate a Selection

Шаг 3

Нажмите значок Добавить слой-маску (Add layer mask) в нижней части панели слоёв, чтобы добавить маску к выделенной области.

Mask the SelectionMask the SelectionMask the Selection

16. Проводим Коррекцию Цвета и Добавляем Шум

Шаг 1

Добавьте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв.

Поставьте галочку в окошке Дизеринг (Dither), а затем создайте градиент, используя следующие цвета градиента: #48406e слева, #76747e в центре, и #fbc690 справа.

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

Add a Gradient MapAdd a Gradient MapAdd a Gradient Map

Шаг 2

Установите цвет переднего и заднего плана на чёрный и белый, а затем перейдите на 3D слой (3D layer).

Идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise), выберите Распределение (Distribution) по Гауссу (Gaussian), а также уберите галочку в окошке Монохромный (Monochromatic).

Увеличьте масштаб, пока вы не увидите шум на текстуре Боке, а теперь установите такое значение Количество (Amount), чтобы шум на тексте соответствовал шуму на заднем фоне.

Add NoiseAdd NoiseAdd Noise

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

В этом уроке мы использовали узор и текстуру, чтобы создать основные полоски для 3D эффекта.

Далее, мы создали текст и обводку, преобразовали их в 3D слои, а затем поработали над настройкам объектов и материалов.

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

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

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.