Advertisement
  1. Design & Illustration
  2. Text Effects

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

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

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

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

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

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

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

Шаг 1

Создайте новый документ 1300 x 1300 px в программе Adobe Photoshop.

Далее, создайте текст заглавными буквами, используя шрифт Primal, размер шрифта 90 pt., значение Трекинга (Tracking) 30.

Create the Text

Шаг 2

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

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

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

Create the 3D Layer

Шаг 3

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

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

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

Move Tool 3D Modes

2. Настраиваем 3D Объект и Настройки Капители

Шаг 1

Выберите вкладку с 3D объектом в панели 3D, а затем в панели Свойства (Properties), поменяйте Глубину экструзии (Extrusion Depth) на 15 рх. Примечание переводчика: выберите вкладку с текстом.

Extrusion Depth

Шаг 2

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

Cap Settings

3. Настраиваем 3D Материал

Шаг 1

Выделите все вкладки с Материалами (Material) за исключением вкладки Экструзия Материала (Extrusion Material), примените следующие настройки, которые указаны ниже (значения цвета использованы в RGB режиме):

  • Рассеивание (Diffuse): 211, 211, 211
  • Цветовой блик (Specular): 180, 180, 180
  • Блеск (Shine): 80%
Material Settings

Шаг 2

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

  • Рассеивание (Diffuse): 121, 222, 209
  • Цветовой блик (Specular): 20, 41, 42
  • Блеск (Shine): 80%
Extrusion Material Settings

Шаг 3

Щёлкните по значку Свечение (Illumination) и в выпадающем меню, выберите опцию Новая текстура (New Texture).

New Texture

Шаг 4

Установите значение Ширины (Width) на 1300 px, значение Высоты (Height) на 300 px, а затем нажмите кнопку 'OK'.

Далее, откроется новый документ, но если не откроется, тогда щёлкните по значку текстуры Свечение (Illumination) и в выпадающем меню, выберите опцию Редактировать Текстуру (Edit Texture).

Edit Texture

4. Создаём Красочную Светящуюся Текстуру

Шаг 1

Продублируйте фоновый слой в открывшемся новом документе.

Duplicate the Background Layer

Шаг 2

Дважды щёлкните по дубликату фонового слоя, чтобы применить стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:

  • Поставьте галочку в окошке Дизеринг (Dither)
  • Угол (Angle): 0
  • Используйте стандартный градиент Спектр (Spectrum) или вы можете создать свой собственный красочный градиент, который вам нравится.
Gradient Overlay

Шаг 3

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

Поменяйте режим наложения для корректирующего слоя Уровни (Levels) на Яркость (Luminosity), а так же поменяйте значение Гаммы (Gamma) на 0.75.

Сохраните, а затем закройте документ.

Levels Settings

Таким образом, мы создали красочную текстуру подсветки.

Illumination Texture

5. Добавляем 3D Узор на Задний Фон

Шаг 1

Выберите инструмент Прямоугольник (Rectangle Tool), далее, щёлкните в любом месте холста, чтобы появилось окно Создать Прямоугольник (Create Rectangle).

Установите значение Ширины (Width) на 1560 px, а значение Высоты (Height) на 1750 px, нажмите кнопку 'OK', а так же убедитесь, чтобы Цвет заливки (Fill Color) был установлен на белый цвет.

Create Rectangle

Шаг 2

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

Rectangle 3D Mesh

Шаг 3

В панели 3D выберите Текущий вид (Current View) и в выпадающем меню Вид (View), выберите название 3D текстового слоя в панели Свойства (Properties).

Change the Current View

Шаг 4

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

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

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

Merge and Move the 3D Meshes

Шаг 5

Выберите вкладку Материал Передней Выпуклости (Ground Front Inflation Material) объекта прямоугольника. Поменяйте Цветовой блик (Specular) на (51, 51, 51), а Блеск (Shine) на 90%.

Front Inflation Material Settings

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

Шаг 1

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

Infinite Light 1 Settings

Шаг 2

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

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

Move the Infinite Light

Шаг 3

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

Replace the IBL Texture

Шаг 4

Щёлкните по значку текстуры ИСБИ (IBL) и в выпадающем меню, выберите опцию Редактировать текстуру (Edit Texture).

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Поменяйте значение Насыщенности (Saturation) на -60, а значение Яркости (Lightness) на 15.

Сохраните, а затем закройте документ.

Hue and Saturation Adjustment Layer

Шаг 5

Поменяйте Интенсивность (Intensity) на 65%, а так же установите Плоскость основания – Тени – Непрозрачность (Ground Plane Shadows Opacity) на 0%.

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

Environment Settings

Шаг 6

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

Change the Camera View

Шаг 7

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

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

Render the Scene

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

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

Далее, мы настроили освещение всей сцены, включая вид камеры и провели рендеринг заключительного результата.

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

3D Colorful Illuminating Text Effect Photoshop Tutorial
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.