Advertisement
  1. Design & Illustration
  2. Text Effects

Создаём 3D Текст из Пробирок в программе Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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

Привожу цитату, взятую на сайте WorldAIDSDay.org, к чему посвящается данное ежегодное мероприятие:

Всемирный день борьбы со СПИДом проводится 1 декабря каждого года, это возможность для всех людей во всем мире объединиться в борьбе с ВИЧ, и продемонстрировать свою поддержку людям, заражённым ВИЧ, и почтить память людей, которые погибли от СПИДа. Всемирный день борьбы со СПИДом – был первым в истории Всемирным Днём Здоровья, который был проведён впервые в 1988 году.

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

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

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

1. Создаём Слой с Заливкой

Шаг 1

Создайте новый документ 1920 x 1080 px в программе Adobe Photoshop. Щёлкните по значку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся окне, выберите опцию Цвет (Solid Color).

Solid Color Layer

Шаг 2

Установите цвет заливки #9d2323.

Fill Color

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

Шаг 1

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

Create the Text

Шаг 2

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

Переименуйте слой в Текст (Text).

Convert to Shape

3. Вычитаем Кружочки из Фигуры Текста

Шаг 1

Выберите инструмент Эллипс (Ellipse Tool), затем щёлкните по значку Геометрические настройки (Geometry Options) (иконка в виде шестеренки), чтобы установить Фиксированный размер (Fixed Size): и на 11.

Geometry Options

Шаг 2

Удерживайте клавишу (Alt), чтобы вычесть эллипс из фигуры текста, итак, щёлкните кнопкой мыши по холсту и аккуратно потяните курсор мыши, чтобы создать эллипс.

Создайте эллипс в центре одной из точек текста, а затем отпустите клавишу (Alt). Примечание переводчика: 1. Количество вычитаемых фигур из текста, выберите на своё усмотрение 2. В конце, вы можете преобразовать слой с текстом в смарт-объект.

Add a Hole

Шаг 3

Повторите предыдущую технику для ещё нескольких точек текста.

Add More Holes

4. Уменьшаем Размер Документа, а затем Создаём Прямоугольную Фигуру для Заднего Фона

Шаг 1

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

Идём Изображение – Размер изображения (Image > Image Size), установите любые другие параметры на своё усмотрение. В данном случае, я уменьшила значение Ширины (Width) до 1250 px.

Image Size

Шаг 2

Выберите инструмент Прямоугольник (Rectangle Tool), а затем создайте фигуру прямоугольника, немного превышающий размеры рабочего холста. Назовите этот слой с прямоугольником Основа (Ground).

Create a Rectangle Background

5. Создаём 3D Сцену

Шаг 1

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

Create 3D Extrusions

Шаг 2

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

Merge 3D Layers

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

Шаг 1

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

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

3D Panels

Шаг 2

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

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

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

Move Tool 3D Modes

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

Шаг 1

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

Change the Extrusion Depth

Шаг 2

Выберите вкладку Координаты (Coordinates) в самой верхней части панели Свойства (Properties), а затем поменяйте Угол вращения по оси Х (X-Rotation Angle) на 90.

Change the X-Rotation Angle

Шаг 3

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

Move Object to Ground Plane

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

Шаг 1

Выберите вкладку Текст (Text) в панели 3D, а затем щёлкните по значку Деформировать (Deform) в верхней части панели Свойства (Properties).

Поменяйте Глубину Экструзии (Extrusion Depth) на 15, а Вертикальный Угол (Vertical Angle (Y) на 3.

Text Mesh Deform Settings

Шаг 2

Выберите вкладку Координаты (Coordinates) в самой верхней части панели Свойства (Properties), а затем поменяйте Угол вращения по оси Х (X-Rotation Angle) на 90.

Change the X-Rotation Angle

Шаг 3

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

Move Object to Ground Plane

Шаг 4

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

Text Mesh Cap Settings

9.  Используем 3D Ось

Шаг 1

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

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

Move the Ground Mesh

Шаг 2

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

Change the Current View

Шаг 3

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

Adjust the Camera View

Шаг 4

Теперь выберите объект Текст (Text), чтобы повернуть его таким образом, чтобы он был расположен параллельно объекту Основа (Ground).

Rotate the Text Mesh

Шаг 5

Сдвиньте объект Текст (text) к плоскости объекта Основа (ground), а затем щёлкните по вкладке Камера по умолчанию (Default Camera) в панели 3D, чтобы ещё раз изменить вид камеры.

Move to the Ground Plane

10.  Создаём Простые 3D Материалы

Шаг 1

Выделите все вкладки с Материалами (Material) текста, а также вкладку Материал Передней Выпуклости Основы (Ground Front Inflation Material).

Далее, в панели Свойства (Properties), щёлкните по значку текстуры Рассеивание (Diffuse) и в появившемся меню, выберите опцию Удалить текстуру (Remove Texture).

Remove the Diffuse Texture

Шаг 2

После этого, создайте материал, используя следующие настройки, которые указаны ниже:

  • Рассеивание (Diffuse): 109, 22, 28
  • Цветовой блик (Specular): 56, 38, 40
  • Блеск (Shine): 35
Material Settings

11.  Создаём Узор

Шаг 1

Создайте новый документ 50 x 50px с чёрным задним фоном.

Далее, выберите инструмент Овальная область (Elliptical Marquee Tool), чтобы создать круг 30 x 30px в центре документа.

Создайте новый слой поверх слоя с Задним фоном (Background), залейте круглое выделение следующим цветовым оттенком #eeeeee, а затем нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Create a Dot

Шаг 2

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

Create the Corner Dots

Шаг 3

Далее, идём Редактирование – Определить узор (Edit > Define Pattern), укажите название узора Точки (Dots) в строке Имя (Name).

Закройте этот документ, а затем возвращаемся обратно к нашей 3D сцене.

Define the Pattern

12.  Применяем Выпуклую Текстуру

Шаг 1

Щёлкните по вкладке Материал Передней Выпуклости Основы (Ground Front Inflation Material) в панели 3D, а затем щёлкните по папке Рельеф (Bump) в панели Свойства (Properties) и в появившемся меню, выберите опцию Новая Текстура (New Texture).

Create a New Bump Texture

Шаг 2

Создайте новый документ 500 x 500px, а затем нажмите кнопку ‘OK’.

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

Open the Texture

Шаг 3

Продублируйте слой с Задним фоном (Background).

Duplicate the Background Layer

Шаг 4

Дважды щёлкните по дубликату слоя с Задним фоном (Background), чтобы применить стиль слоя Наложение узора (Pattern Overlay), используя созданную текстуру Точки (Dots).

Сохраните, а затем закройте документ, когда всё закончите.

Pattern Overlay

13.  Редактируем UV-свойства Выпуклой Текстуры

Шаг 1

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

Edit UV Properties

Шаг 2

Установите значения Мозаики (Tile) на своё усмотрение, чтобы получить результат, который вам нравится.

Tile Values

Шаг 3

Уменьшите значение Рельефа (Bump) до 1.

Change the Bump Value

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

Шаг 1

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

Infinite Light Settings

Шаг 2

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

Move the Infinite Light

Шаг 3

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

New Spot Light

Шаг 4

Поменяйте Интенсивность (Intensity) на 75%, Тень- Сглаживание (Shadow Softness) на 30%. Блик (Hotspot) на 30, а Конус (Cone) на 85.

Далее, поставьте галочку в окошке Спад света (Light Falloff), а также поменяйте значение Внутренний (Inner) на 350 и Внешний (Outer) на 800.

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

Spot Light Settings

Шаг 5

Поиграйте со светом, пока вам не понравится, как выглядит общее освещение сцены.

Move the Spot Light

15.  Проводим Рендеринг Элементов 3D Сцены

Шаг 1

Далее, мы проведём рендеринг двух элементов сцены: один только основа (ground) и один заключительная сцена.

Итак, вначале установите значение Материала Передней Выпуклости Основы (Ground Front Inflation Material's Bump) на 0.

Change the Bump Value

Шаг 2

Отключите видимость вкладки Текст (Text), для этого щёлкните по глазку, который расположен рядом.

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

Render the Ground

Шаг 3

Как только рендеринг завершён, нажмите клавиши (Ctrl+A), чтобы выделить всё изображение, а затем нажмите клавиши (Ctrl+C), чтобы скопировать выделенную область.

Select and Copy the Ground

Шаг 4

Нажмите клавиши (Shift+Ctrl+V), чтобы вклеить скопированное изображение. Назовите вклеенный слой BG.

Paste the Copies Background

16.  Проводим Рендеринг 3D Сцены

Шаг 1

Отключите видимость слоя BG, а затем ещё раз выберите слой 3D слой, и включите видимость вкладки Текст (Text).

Show the Text Mesh

Шаг 2

Установите значение Материала Передней Выпуклости Основы (Ground Front Inflation Material's Bump) на 1.

Change the Bump Value

Шаг 3

Затем идём 3D – Рендер 3D слоя (3D > Render 3D Layer) для рендеринга всей сцены.

Render the 3D Scene

17.  Используем Слой-маску

Шаг 1

Включите видимость слоя BG, а затем уменьшите значение Заливки (Fill) до 80%.

Удерживая клавишу (Alt), щёлкните по значку Добавить слой-маску (Add layer mask) в нижней части панели слоёв.

Add a Layer Mask

Шаг 2

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

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

Paint to Un-mask

18.  Проводим Коррекцию Освещения и Применяем Наложение Узора

Шаг 1

Добавьте корректирующий слой Уровни (Levels) поверх всех остальных слоёв, в окне настроек уровней, установите значение Тени (Shadows) на 7, Гаммы (Gamma) на 0.85, а значение Световых бликов (Highlights) на 235.

Levels Settings

Шаг 2

Далее, добавьте слой-заливку Узором (Pattern fill), используйте исходный узор MBossed.

Pattern Fill Layer

Шаг 3

Поменяйте режим наложения для слоя с заливкой узором на Линейный затемнитель (Linear Burn), а также уменьшите Непрозрачность (Opacity) слоя до 15%.

Pattern Layer Settings

19.  Применяем Фильтр Цветовой Контраст

Шаг 1

Создайте новый слой поверх всех остальных слоёв, далее, нажмите клавиши (Shift+Atl+Ctrl+E), чтобы создать объединённый слой.

Назовите этот слой Цветовой контраст (High Pass), а затем щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Create a Stamp Layer Smart Object

Шаг 2

Далее, идём Фильтр – Другое – Цветовой контраст (Filter > Other > High Pass). Установите Радиус (Radius) на 1.

Apply a High Pass Filter

Шаг 3

Поменяйте режим наложения для слоя Цветовой контраст (High Pass) на Мягкий свет (Soft Light).

Change the Blend Mode

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

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

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

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

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

Final Result
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.