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

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

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

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

• Шрифт Insaniburger
• Кустарник PNG
• Цветки - коллекция
• Кисти Абстрактная Вода
• Кисти Брызги Воды
• Брызги Воды PNG
• Кисти Брызги Воды 2
• Горка песка
• Пляжный зонтик, кресло, мячик (набор)
• файл Colors – Brush – Style

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

Шаг 1

Создайте новый документ 1500 x 1500 px в программе Adobe Photoshop. Далее, создайте первую букву, используя шрифт Insanuburger, цвет буквы выберите на своё усмотрение (цвет вы можете подобрать из файла Colors – Brush – Style).

Размер буквы не имеет значение, так как вы можете масштабировать текст, когда преобразуете его в 3D-объект.

Как только вы создали текст, идём Текст- Преобразовать в кривые (Type > Convert to Shape) или щёлкните правой кнопкой мыши по текстовому слою и в появившемся окне, выберите опцию Преобразовать в кривые (Convert to Shape).

Шаг 2

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

В панели управления, установите Заливку (Fill) на Нет (None), Цвет Обводки (Stroke Color) на цвет текста Размер (Size) обводки на 25 pt. Затем нажмите кнопку Параметры обводки (Stroke Options), чтобы поменять параметр Выровнять (Align) на Снаружи (Outside).

Шаг 3

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

3. Редактируем 3D Объекты

Шаг 1

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

Шаг 2

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

Шаг 3

Теперь выделите все вкладки с обводкой в панели 3D, а затем впанели Свойства (Properties),поменяйте Глубину экструзии (ExtrusionDepth) на 50 рх.

Шаг 4

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

Шаг 5

Выделите все вкладки, которые у вас есть, а затем идём 3D - Переместить объект на плоскость основания (Move Object to Ground Plane).

Шаг 6

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

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

4. Создаем Материалы: Базовые Настройки

Шаг 1

Выделите все вкладки с материалами букв в панели 3D. Поменяйте значение Блеска (Shine) на 90%, значение Отражения (Reflection) на 50%, а Коэфф. преломления (Refraction) на 1.3.

Шаг 2

Выделите все вкладки с материалами обводки в панели 3D, а затем поменяйте значение Блеска (Shine) на 90%, значение Отражения (Reflection) на 50%, а Коэфф. преломления (Refraction) на 1.2.

5. Создаем Материалы: Добавляем Текстуру Рельефа

Шаг 1

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

Шаг 2

Установите следующие размеры для новой текстуры: Ширина (Width) – 1500 px, Высота (Height) – 950 px, а затем нажмите кнопку 'ОК'.

Шаг 3

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

Шаг 4

Далее, откроется файл текстуры. Установите цвет переднего плана на черный и цвет заднего плана на белый, а затем идём Фильтр – Рендеринг – Облака (Filter – Render – Clouds). Сохраните текстуру, а затем закройте документ, чтобы перейти к оригинальной 3D-сцене.

Шаг 5

Увеличьте значение Рельефа (Bump) до 50%.

Шаг 6

Выделите все оставшиеся вкладки Материал передней /задней выпуклости (Front / Back Inflation Material) для остальных букв, а затем щёлкните по папке Рельеф (Bump) в панели Свойства (Properties) и в появившемся окне, выберите текстуру рельефа, которую мы применили ранее для первой буквы.

Шаг 7

Не забудьте также увеличить значение Рельефа (Bump) до 50%.

Шаг 8

Выделите все вкладки Материал передней /задней выпуклости (Front / Back Inflation Material) для всех объектов с обводкой. Примените ту же самую текстуру, а также увеличьте значение Рельефа (Bump) до 80%.

6. Добавляем Цвета Экструзии

Шаг 1

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

Шаг 2

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

Шаг 3

Повторите весь процесс с материалом экструзии для остальных букв и обводок, заливая каждую текстуру Рассеивания (Diffuse) соответствующим цветом букв / обводки до тех пор, пока все объекты не будут закрашены.

7. Настраиваем Освещение

Шаг 1

Щёлкните по вкладке Окружающая среда (Environment), а затем поменяйте значение Тень- Сглаживание (Shadow Softness) на 20%.

Шаг 2

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

Шаг 3

Убедитесь, что вам нравится освещение. Если нет, то вы можете поменять настройки Интенсивности (Intensity) или поиграть с освещением.

Шаг 4

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

Когда завершится рендеринг, выберите слой с 3D-сценой (3D Scene), а затем идём Фильтр – Преобразовать для смарт-фильтров (Filter – Convert for Smart Filters), чтобы быть уверенным, что вы случайно не испортите рендеринг сцены.

8. Создаём Задний Фон

Шаг 1

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

• Поставьте галочку в окошке Дизеринг (Dither)
• Стиль (Style): Радиальный (Radial)
• Масштаб (Scale): 150%
• Щёлкните по шкале градиента, чтобы установить следующие цвета градиента: #daf4f5 слева и #1d7585 справа. Вы также можете навести курсор на холст, а затем зажать / сдвинуть градиент в любое положение на своё усмотрение.

Шаг 2

Преобразуйте дубликат слоя Задний фон (Background) в смарт-объект.

Шаг 3

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

Шаг 4

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

Шаг 5

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

• Поставьте галочку в окошке Дизеринг (Dither)
• Режим наложения (Blend Mode): Затемнение основы (Color Burn)
• Непрозрачность (Opacity): 70%
• Стиль (Style): Радиальный (Radial)
• Масштаб (Scale): 150%
• Щёлкните по шкале градиента, чтобы установить следующие цвета градиента: #dfddda слева и #c7b299 справа.

Это слегка усилит цвет.

9. Добавляем Листья

Шаг 1

Добавьте исходное изображение с кустарником на наш рабочий документ, расположив ниже слоя 3D сцена (3D Scene), таким образом, листья окажутся за 3D текстом. Далее, продублируйте слой с кустарником, сместите дубликат слоя наверх, расположив поверх слоя 3D сцена (3D Scene).

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

Шаг 2

Выберите инструмент Ластик (Eraser), кисть для ластика установите жёсткую круглую. Установите цвет переднего плана на чёрный цвет.

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

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

На это может уйти некоторое время, но не забывайте. что вы можете варьировать размер и Жёсткость (Hardness) кисти, чтобы получить максимально точный результат.

10. Добавляем Песок

Шаг 1

Откройте исходное изображение с горкой песка и с помощью инструмента Магнитное лассо (Magnetic Lasso Tool) и / или с помощью другого инструмента выделения, выделите изображение песка. Далее, скопируйте / вклейте скопированный фрагмент песка на наш рабочий документ, расположив ниже оригинального слоя с кустарником.

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

Шаг 2

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

Шаг 3

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

• Режим наложения (Blend Mode): Мягкий свет (Soft Light)
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): -45
• Смещение (Distance): 4
• Размер (Size): 5

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

Шаг 4

Выберите инструмент Ластик (Eraser Tool), установите цвет переднего плана на белый цвет, выберите кисть Eraser из файла Colors - Brush - Style, чтобы скрыть верхнюю часть горки песка, таким образом, только нижняя часть буквы будет слегка покрыта песком.

11. Создаём Влажный Край на Песке

Шаг 1

С помощью инструмента Лассо (Lasso Tool), создайте волнистое выделение вокруг нижней кромки песка, имитируя морской след, оставленный волной.

Залейте выделение цветовым оттенком #b7b7b7, а затем отмените активное выделение (Ctrl+D).

Шаг 2

Преобразуйте слой с влажным краем в смарт-объект, а затем поменяйте режим наложения на Умножение (Multiply), а также уменьшите Непрозрачность (Opacity) слоя до 35%.

Шаг 3

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

12. Добавляем Пляжный Зонтик, Кресло и Мяч

Шаг 1

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

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

Шаг 2

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

• Цвет: #828383
• Режим наложения (Blend Mode): Затемнение основы (Color Burn)
• Непрозрачность (Opacity): 50%

Шаг 3

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

Вы также можете использовать инструменты Затемнитель и Осветлитель (Burn and Dodge Tools) для осветления и затемнения отдельных участков при необходимости.

13. Добавляем Тени

Шаг 1

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

Шаг 2

Идём Изображение- Коррекция - Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Уменьшите значение Яркости (Lightness) до -100.

Шаг 3

Продублируйте слой с креслом и мячом. Также уменьшите значение Яркости (Lightness) для дубликатов слоёв с креслом и мячиком -100.

Шаг 4

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

Следующие режимы трансформации Искажение, Деформация и Перспектива (Skew, Distort, and Perspective) помогут вам создать форму тени, а режимы Масштабирование и Поворот (Scale and Rotate) помогут вам изменить размер и положение тени.

Шаг 5

Объедините слои с тенью мячика и кресла. Вы можете назвать объединённый слой Тень Мячика и Кресла (Ball and Chair Shadow), а затем преобразовать данный объединённый слой в смарт-объект.

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

Удерживая клавишу (Ctrl), щёлкните по миниатюре дубликата слоя с песком, чтобы загрузить активное выделение. Перейдите на слой Тень Мячика и Кресла (Ball and Chair Shadow), а затем нажмите значок Добавить слой-маску (Add layer mask), чтобы скрыть тени за пределами контура горки песка.

Шаг 6

К слоям с тенью мячика и кресла, примените фильтр Размытие по Гауссу (Gaussian Blur). Установите Радиус (Radius) размытия на 2.5.

Шаг 7

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

Удалите лишние участки тени, преобразуйте слои с тенью в смарт-объекты, а затем фильтр Размытие по Гауссу (Gaussian Blur). Установите Радиус (Radius) размытия на 1.5.

Поменяйте режим наложения для слоя с тенью на нижней букве на Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) слоя 23%. Далее, поменяйте режим наложения для слоя с тенью на букве за зонтиком Умножение (Multiply), Непрозрачность (Opacity) слоя 10%.

14. Добавляем Песок и Тени

Шаг 1

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

Выберите инструмент Ластик (Eraser Tool), установите кисть Eraser из скаченного набора, цвет кисти чёрный. Теперь добавьте эффект песка на нижнюю часть мячика и кресла. Вы можете использовать небольшой размер кисти при необходимости.

Шаг 2

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

Выберите инструмент Кисть (Brush Tool), цвет кисти #c7b199. С помощью мягкой круглой кисти, затемните нижнюю часть самой нижней буквы.

Шаг 3

Создайте новый слой ниже оригинального слоя с листьями кустарника, поменяйте режим наложения для данного слоя на Линейный затемнитель (Linear Burn).

С помощью мягкой круглой кисти, цвет кисти #c2c2c2, добавьте тени вокруг горки песка.

В качестве альтернативного варианта, вы можете создать овальное выделение, добавить небольшую растушёвку, а затем залить это выделение тем же самым цветом.

15. Добавляем Цветы

Шаг 1

Откройте исходное изображение с цветками в программе Photoshop. Выделите / скопируйте /вклейте несколько цветков на наш рабочий документ.

Расположите цветки по всей сцене между буквами. Сгруппируйте все слои с цветками в одну группу.

Шаг 2

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

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

• Цвет: #cbd0d6
• Режим наложения (Blend Mode): Затемнение основы (Color Burn)

Шаг 3

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

• Непрозрачность (Opacity): 35%
• Смещение (Distance): 7

Таким образом, цвет цветов стал немного более ярким.

16. Добавляем Брызги Воды

Шаг 1

Создайте новый слой ниже оригинального слоя с песком.

Для каждого слоя с брызгами воды, которые мы добавите далее, не забудьте применить Стиль Брызги Воды (Water Splash Style) из файла Colors - Brush - Style.

Используя кисть Абстрактная Вода, добавьте брызги возле текста.

Шаг 2

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

Шаг 3

Создайте пару новых слоёв поверх слоя с группой Цветы (Flowers), а затем примените кисть Брызги Воды (от автора Serkenil), чтобы добавить ещё брызг поверх текста.

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

Шаг 4

Добавьте исходное изображение с брызгами воды png на наш рабочий документ, расположив ниже дубликата слоя с песком. Расположите эти брызги возле песка, а затем поменяйте режим наложения на Точечный свет (Pin Light).

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

Шаг 5

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

• Цвет: #28a690
• Режим наложения (Blend Mode): Цветовой тон (Hue)

Таким образом, мы изменили цвет брызг воды.

Шаг 6

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

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

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

Шаг 1

Идём Выделение – Все (Select > All), а затем идём Редактирование – Скопировать совмещенные данные (Edit > Copy Merged).

Шаг 2

Далее, идём Редактирование – Специальная вставка – Вставить вместо (Edit > Paste Special > Paste in Place). Убедитесь, чтобы вклеенный слой был расположен поверх всех остальных слоёв.

Преобразуйте данный слой в смарт-объект, переименуйте его в Цветовой контраст (High Pass), поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 50%.

Шаг 3

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

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

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

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

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

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

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

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