Создаём Современный 3D Текст с Золотой Вставкой в Adobe Photoshop

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

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

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

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

• Шрифт Kaiju
• Текстура Мрамора
• Текстура Золота
• Дизайн Домашнего Интерьера
• Комнатное Растение Image 1 - Masked (Small)

1. Создаём Задний Фон и Текстовую Фигуру

Шаг 1

Создайте новый документ со следующими размерами 1000 x 750 px.

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

Шаг 2

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

Шаг 3

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

2. Создаём Вычитаемые Слои с Фигурами

Шаг 1

Назовите текстовый слой с фигурой Мрамор (Marble), продублируйте этот слой, а затем назовите дубликат слоя Золотая вставка (Rose Gold).

Шаг 2

Выберите инструмент Перо (Pen Tool), установите цвет переднего плана на красный цвет, а также выберите режим Фигура (Shape) в панели управления данного инструмента.

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

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

Шаг 3

Продублируйте слой с красной фигурой, расположив оригинальный слой поверх слоя Мрамор (Marble), а дубликат слоя поверх слоя Золотая вставка (Rose Gold).

Далее, отключите видимость слоёв Мрамор (Marble) и оригинального слоя с красной фигурой, для этого, щёлкните по глазку рядом с миниатюрой их слоёв.

3. Сдвигаем Опорные Точки Фигуры

Шаг 1

Перейдите на дубликат слоя с красной фигурой, выберите инструмент Стрелка (Direct Selection Tool).

Что нам нужно сделать далее- это сделать так, чтобы красные фигуры закрыли остальную часть текста.

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

Шаг 2

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

Шаг 3

Далее, вы можете сдвигать отдельные опорные точки, чтобы настроить полученную фигуру.

Шаг 4

Повторите все шаги для остальных букв текста, которые у вас есть.

4. Вычитаем Фигуры

Шаг 1

Включите видимость все слоёв с фигурами, выделите слой Золотая вставка (Rose Gold), и слой, который расположен поверх него.

Шаг 2

Далее, идём Слой- Объединить фигуры – Вычесть переднюю фигуру (Layer > Combine Shapes > Subtract Front Shape), назовите созданный слой Золотая вставка (Rose Gold).

Шаг 3

Выбрав инструмент Стрелка (Direct Selection Tool), нажмите на значок Контуры (Path) в панели управления данного инструмента, а  затем выберите опцию Объединить компоненты фигуры (Merge Shape Components).

Шаг 4

Повторите все шаги для слоя Мрамор (Marble) и его слоя с красной фигурой.

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

Шаг 1

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

Шаг 2

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

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

Шаг 1

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

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

Шаг 2

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

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

7. Настраиваем Настройки 3D Объекта

Шаг 1

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

Шаг 2

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

8. Создаём Материал Мрамор

Шаг 1

Выделите все вкладки с Материалами Мрамора (Marble Material). Используйте следующие настройки материала:

Значения цветовых оттенков, которые были использованы, представлены в RGB режиме:

• Цветовой блик (Specular): 217, 217, 217
• Блеск (Shine): 30%
• Отражение (Reflection): 10%
• Рельеф (Bump): 10%

Шаг 2

Выделите вкладку Материал Передней Выпуклости Мрамора (Marble  Front Inflation Material), щёлкните по значку текстуры Рассеивание (Diffuse) и в появившемся меню, выберите опцию Заменить текстуру (Replace Texture), чтобы открыть исходную текстуру мрамора.

Шаг 3

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

Шаг 4

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

Шаг 5

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

9. Снова Применяем Текстуру Материала

Шаг 1

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

Шаг 2

Выделите вкладку Мрамор (Marble), а затем поменяйте Отображение текстуры (Texture Mapping) на Мозаика (Tile).

Шаг 3

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

10. Создаём Материал Золотой Вставки

Шаг 1

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

Шаг 2

Используйте следующие настройки материала:

Значения цветовых оттенков, которые были использованы, представлены в RGB режиме:

• Рассеивание (Diffuse): 238, 107, 77
• Цветовой блик (Specular): 217, 157, 143
• Блеск (Shine): 70%
• Отражение (Reflection): 35%
• Рельеф (Bump): 1%

Шаг 3

Выделите вкладку Золотая вставка (Rose Gold), а затем поменяйте Отображение текстуры (Texture Mapping) на Мозаика (Tile).

Шаг 4

Выделите вкладку Материал Экструзии Золотая вставка (Rose Gold Extrusion Material), щёлкните по значку папки Рельеф (Bump) ) и в выпадающем окне, выберите опцию Загрузить текстуру (Load Texture), чтобы открыть исходную текстуру золота.

Шаг 5

Вы можете временно увеличить значения Рельефа (Bump), чтобы получше разглядеть текстуру. Настройте UV свойства (UV Properties) текстуры Рельефа (Bump texture), чтобы получить результат, который вам нравится.

11. Редактируем Текстуру Рельефа

Шаг 1

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

Шаг 2

Далее, откроется документ с текстурой.

Добавьте корректирующий слой Чёрно-белый (Black White). Примените следующие настройки, которые указаны ниже:

• Красные (Reds): 40
• Жёлтые (Yellows): 60
• Зелёные (Greens): 40
• Голубые (Cyans): 60
• Синие (Blues): 20
• Фиолетовые (Magentas): 80

Шаг 3

Добавьте корректирующий слой Яркость / Контрастность (Brightness/Contrast), поставьте галочку в окошке Использовать прежние (Use Legacy), а также поменяйте значение Контрастности (Contrast) на -50.

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

Шаг 4

Верните значение Рельефа (Bump) обратно на 1%.

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

Шаг 1

Выделите вкладку Бесконечный свет 1 (Infinite Light 1), расположите свет перед 3D объектами. Вы можете щёлкнуть по значку Координаты (Coordinates) в верхней части панели Свойства (Properties), чтобы также использовать цифровые значения.

Шаг 2

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

Шаг 3

Поменяйте Интенсивность (Intensity) Точечного света на 75%, а Тень- Сглаживание (Shadow Softness) на 30%, поставьте галочку в окошке Спад света (Light Falloff), а также поменяйте значение Внутренний (Inner) на 350 и Внешний (Outer) на 500.

Шаг 4

Расположите Точечный свет (Point Light) над текстом и слегка сместите вправо.

Шаг 5

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

Шаг 6

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

Шаг 7

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

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

13. Проводим Рендеринг и Цветовую Коррекцию 3D Сцены

Шаг 1

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

Шаг 2

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

14. Добавляем Комнатное Растение

Шаг 1

Далее, идём Файл- Поместить связанные (File > Place Linked), чтобы открыть исходное изображение с комнатным растением. Примените масштабирование при необходимости.

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

Шаг 2

Идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 5.

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

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

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