Как создать крутой 3D-текст в Photoshop (простыми шагами!)

Поделитесь статьей

Добавить текст к фотографиям в Photoshop очень просто. Просто нажмите на инструмент Type и начинайте писать. Но что, если я скажу вам, что вы можете создать классный 3D-текст в Photoshop, выполнив еще несколько шагов.

Адобе удаляет 3D-эффекты из Photoshop. Если вы используете эти элементы управления, вы получите предупреждение о том, что 3D-эффекты нестабильны. Но это не значит, что вы не можете создать 3D-текст с помощью некоторых простых приемов Photoshop.

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

Шаг 1: Создание нового документа

Начните с открытия Photoshop и создания нового документа. Перейдите в раскрывающееся меню Файл. Выберите Файл > Новый (CtrlN или CommandN). В диалоговом окне Новый документ введите размер нового документа.

Создадим документ, размер которого подходит для социальных сетей. Введите 1350 пикселей для ширины и 1080 пикселей для высоты. Позже мы добавим фон. Но пока сделайте содержимое фона прозрачным.

Нажмите кнопку Создать.

Photoshop скриншот создания нового документа с прозрачным фоном
Изменение размера документа и создание прозрачного фона.

Шаг 2: Переименование слоя в панели слоев

Важно следить за тем, какой слой является верхним. Выберите Слой 1 и переименуйте его в Верхний слой.

Скриншот Photoshop переименование верхнего слоя
Переименование слоя.

Шаг 3: Создание текстового слоя

Выберите инструмент «Тип» и добавьте текст на верхний слой. Вы можете напечатать все, что захотите. Повеселитесь в 3D!

Затем выберите шрифт. Вы можете выбрать любой шрифт. Но самый лучший имеет толстый штрих.

В строке «Параметры» выберите опцию полужирного начертания, если шрифт имеет такую опцию. Выберите цвет и размер текста, чтобы он поместился на холсте. Для этого руководства я выбрал полужирный шрифт Snell Roundhand и темно-фиолетовый цвет.

Скриншот Photoshop размера и цвета шрифта текстового слоя инструмента type tool
Выбор инструмента Type, шрифта. стиля и размера.

Шаг 4: Преобразование слоя в смарт-объект

Когда вы будете довольны своим шрифтом, преобразуйте слой в умный объект. Создание умного объекта позволит вам пересмотреть внесенные изменения. Перейдите в раскрывающееся меню «Слой». Выберите Слой > Смарт-объекты > Преобразовать в смарт-объект.

Photoshop скриншот преобразования слоя в смарт-объект
Преобразование слоя в смарт-объект.

Заметьте, что миниатюра изменилась. В правом нижнем углу появился значок, показывающий, что теперь это смарт-объект.

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

Шаг 5: Дублируйте верхний слой

Дублируйте верхний слой, перейдя в раскрывающееся меню «Слой». Выберите Layer > Duplicate Layer (CtrlJ или CommandJ). Переименуйте дубликат в 3D-эффект. На панели слоев перетащите слой 3D Effect в самый низ.

Скриншот Photoshop о переименовании дублирующего слоя и перемещении его в нижнюю часть панели Layers
Дублирование и переименование слоя.

Шаг 6: Изменение размера слоя 3D-эффекта

Мы изменим размер 3D-текста и слегка сместим его от центра, чтобы добавить реалистичной глубины. Это можно сделать с помощью инструмента Свободная трансформация. Перейдите в раскрывающееся меню Редактирование. Выберите Редактировать > Свободное трансформирование (CtrlT или CommandT). Измените ширину (W) и высоту (H) в панели параметров до 99,9%. Нажмите на галочку, чтобы принять изменения.

Выберите инструмент «Перемещение» и перетащите или используйте клавиши со стрелками, чтобы переместить текст немного вправо. Двигайте его совсем немного. Вы зашли слишком далеко, если между буквами появляется белое пространство (см. пример, обведенный красным). Текст должен выглядеть чуть толще.

Photoshop скриншот использования инструментов Free Transform и Move на текстовом слое
Изменение ширины и высоты текста и белого пространства, которое вы не хотите видеть.

Шаг 7: Выполните действие для повторения шагов 5 и 6

Вам необходимо повторить шаги 5 и 6 много раз. Чтобы облегчить процесс, создайте действие. Не волнуйтесь, если вы раньше не работали с действиями. Они просты!

Откройте окно действий, перейдя в раскрывающееся меню Окно. Выберите Окно > Действия. Там могут быть указаны некоторые действия по умолчанию. Но нам нужно создать новое. Нажмите кнопку Добавить действие в нижней части окна. Она выглядит как знак «плюс»

Назовите действие 3D Effect и нажмите кнопку Record. Кнопка Запись активируется. Выполните шаги 5 и 6 еще раз. (Дублируйте верхний слой. Перетяните его в нижнюю часть панели слоев. Выберите Свободное трансформирование и измените размер на 99,9%. Переместите текст немного в сторону от центра.)

Когда вы закончите, нажмите кнопку Остановить запись в нижней части окна Действия. Она выглядит как квадрат. Теперь у вас в списке должно быть действие 3D Effect.

Кнопки окна действия скриншота Photoshop
Кнопки остановки, записи, создания нового действия и воспроизведения.

Шаг 8: Использование действия 3D-эффекта для создания дубликатов слоев

Выделите первый слой 3D-эффекта. Нажмите кнопку действия «Воспроизвести» в нижней части окна действий. Она выглядит как треугольник. Нажмите на нее столько раз, сколько нужно для утолщения 3D-текста. Скорее всего, вам понадобится от 10 до 20 копий. Позже, если вы решите, что 3D-текст слишком толстый, просто скройте нижние слои, нажав на значок глаза.

Photoshop screenshot action to make many duplicate layers
Уплотнение 3D текста.

Шаг 9: Группировка слоев 3D-эффектов

Выделите все копии 3D-эффекта. Перейдите в раскрывающееся меню Слой. ВыберитеСлой > Группа слоев (CtrlG или CommandG). Переименуйте группу в 3D Effect.

Photoshop screenshot group duplicate layers
Группировка слоев.

Шаг 10: Добавление эффектов стиля слоя в группу 3D-эффектов

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

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

Шаг 10A: Добавление цветового наложения

Внизу левой колонки нажмите кнопку fx. Выберите в меню пункт Наложение цвета. И установите режим наложения на Normal с непрозрачностью 50%.

Photoshop screenshot layer style color overlay
Добавление цветового наложения и изменение режима смешивания и непрозрачности.

Выделите цветное поле, чтобы открыть окно выбора цвета. Один из вариантов — сделать слои 3D-эффекта немного темнее или светлее выбранного цвета. Используйте инструмент «Пипетка», чтобы выбрать исходный цвет текста. Затем переместите оттенок вверх или вниз по спектру. Вы увидите, как меняются цвета на вашем изображении.

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

Результат наложения цвета 3D эффекта
Результат наложения цвета.

Шаг 10B: Добавьте внутреннее сияние

Перед тем, как нажать кнопку OK, добавим еще немного глубины. Выберите опцию Внутреннее свечение в левой колонке. Установите режим наложения на Экран с непрозрачностью 50%. Вы можете оставить сплошной цвет или добавить градиент. В разделе «Элементы» установите следующие параметры:

  • Техника смягчения
  • От истока до края
  • До 15%
  • Размер до 5 пикселей
Photoshop screenshot layer style inner glow
Добавление настроек внутреннего свечения.

В разделе «Качество» мне нравится контур Cove-Deep (четвертый вариант в верхнем ряду). Но подойдут и другие контуры. Установите диапазон на 75%.

3 effect inner glow result
Inner glow result.

Шаг 10C: Добавьте внутреннюю тень

И наконец, добавим тень к 3D-тексту. Выберите Внутренняя тень в левой колонке. Установите режим наложения Vivid Light с непрозрачностью 35%. Установите угол 90 и установите флажок Использовать глобальное освещение. Расстояние — 5, дроссель — 15, а размер — 35 пикселей.

Photoshop screenshot layer style inner shadow
Добавление настроек внутренней тени.

Линейный контур качества по умолчанию — это хорошо. Но не стесняйтесь экспериментировать с другими вариантами контуров.

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

3D эффект стили слоя конечный результат
Окончательный результат добавления эффектов стиля слоя в группу 3D-эффектов.

Шаг 11: Добавление эффектов стиля на верхний слой

<Двойной щелчок на верхнем слое откроет диалоговое окно «Стиль слоя».

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

Шаг 11A: Добавьте светлый штрих

Начните с добавления легкого штриха к краю букв, чтобы определить верхний слой. В нижней части левого столбца нажмите кнопку fx. Выберите в меню пункт Обводка. Установите размер 1 пиксель, положение — Outside, а режим наложения — Lighten.

photoshop screenshot layer style stroke=
Добавление настроек обводки.

Выберите Цвет для параметра Тип заливки и щелкните поле Цвет, чтобы выбрать цвет. Выберите белый или более светлый оттенок, который вы выбрали для текста.

Layer style light stroke result
Light stoke result.

Шаг 11B: Добавьте внутреннее сияние

Выберите опцию Внутреннее свечение в левой колонке. Установите Режим наложения на Экран с непрозрачностью 35%. В разделе Элементы установите технику на Мягче, источник на Край, подавление на 0% и размер на 15 пикселей. В разделе «Качество» используйте линейный контур по умолчанию. Установите диапазон на 50%.

Photoshop screenshot inner glow layer style=
Добавление настроек внутреннего свечения.
Layer style inner glow result for creating 3d text in photoshop
Второй результат внутреннего свечения.

Шаг 11C: Добавление градиентного стиля наложения слоя

Для еще большей размерности и цветовой вариации выберите стиль Наложение градиента. Установите режим наложения на «Перекрытие» с непрозрачностью около 20%. Выберите градиент из стандартных вариантов, входящих в комплект Photoshop, или создайте свой собственный. Установите стиль на Radial и используйте угол около 30.

Photoshop screenshot gradient overlay layer style=
Добавление градиентного наложения.

Нажмите OK, чтобы применить эффекты стиля к верхнему слою. Помните, что эффекты стиля можно изменить позже. Поэтому будьте изобретательны и исследуйте!

Layer styles top layer result for 3d text effect in photoshop
Окончательный результат добавления эффекта Layer Style к верхнему слою.

Шаг 12: Искажение или изменение формы и перспективы текста

Здесь вы можете деформировать 3D-текст или изменить перспективу.

Объедините слои, выбрав верхний слой и группу 3D-эффектов. Удерживая клавишу Shift, нажмите Option (Alt), Command (Ctrl) и клавишу E. Скройте верхний слой и группу 3D-эффектов, выключив значок глаза рядом со слоями.

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

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

Скриншот Photoshop инструментов перспективы и трансформации искривления для 3d эффекта текста
Перспектива и результаты искривления.

Вы не изменили исходные слои. Чтобы создать другую форму, создайте новый объединенный слой.

Шаг 13: Добавление фонового слоя

И наконец, добавьте фон к тексту. Перейдите в раскрывающееся меню Слой. Выберите Layer > New Fill Layer и выберите Solid Color или Gradient. Назовите слой заливки Фоновый. Перетащите слой-заливку в нижнюю часть панели слоев.

Градиентный фоновый слой для создания 3d текста в фотошопе
Результат градиентного фона.

Заключение

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

Вам также может быть интересно

ОБОРУДОВАНИЕ

10 крутых старинных пленочных фотоаппаратов по цене менее 10.000р

За всю историю существования фотоаппарата есть несколько моделей, которые приобретают особый статус. Либо они обладают какой-то особенной функцией, либо интересным диапазоном настроек, либо просто имеют

БУДУАР

30 лучших будуарных поз для фотографов

Как фотограф, вы, возможно, сталкивались с отсутствием оригинальности в своих будуарных фотографиях. Чтобы ваши фотографии выделялись больше, вы можете поэкспериментировать с креативными позами. Я часто