Создаем 3D – текст с эффектом в виде цветов

Подготовка

В этом уроке нам понадобятся кисти Suddenly Spring, разработанные GValkyrie.

Скачайте набор Suddenly Spring

Шаг 1 – Настраиваем фон

Создайте документ размером 750 на 550 пикселей.

Цвет переднего плана установите #004B64 и фона — #000000.

Используя инструмент «Радиальный градиент» (Radial Gradient) создайте круговой градиент от центра к низу документа:

Радиальный градиент

Шаг 2a

Создадим 3D-текст в Adobe Illustrator.

Установите цвет заливки (Fill) #FFFFFF и наберите первую букву вашего текста жирным шрифтом.

Я использовал Helvetica 75 Bold.

Создайте слой с черным фоном, чтобы ваша буква стала видимой:

Создайте слой с черным фоном

Шаг 2b – Создаем 3D – текст

Выделите набранный символ и зайдите в меню Эффекты > Объёмные > Вытягивание и скосы (Effect > 3D > Extrude& Bevel):

2

Задайте параметры, как показано на рисунке:

Задайте параметры

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

Шаг 2c – Создаем 3D – текст

Заполните остальные настройки, как показано на рисунке ниже. Нажмите OK, когда закончите:

Заполните остальные настройки

Шаг 2d – Создаем 3D – текст

Повторите шаги 2a — 2c для остальных символов. Для шага 2b настройте значения так, чтобы буквы были расположены в разных направлениях.

Выделите первую букву и нажмите Ctrl+C, чтобы скопировать ее:

Выделите первую букву

Шаг 2e – Создаем 3D – текст

Вернитесь в Photoshop и нажмите Ctrl+V, чтобы вставить символы. В появившемся диалоговом окне вставки выберите «Смарт объект» (Smart Object).

Повторите копирование и вставку для оставшихся символов:

Повторите копирование

Шаг 3a – Применяем градиент поверхности

Выберите инструмент «Волшебная палочка» (Magic Wand) и введите настройки как на рисунке.

Нажмите на поверхность первого символа:

Нажмите на поверхность первого символа

Шаг 3b – Применяем градиент поверхности

Кликните на «Уточнить края» (Refine Edge).

Введите настройки как на картинке:

Введите настройки

Шаг 3c – Применяем градиент поверхности

Создайте новый слой под первым символом и назовите его Surface. Заполните его цветом #000000. Выберите этот слой и зайдите в «Настройки смешивания» (Blending Option).

Поставьте галочку напротив пункта «Перекрытие градиента» (Gradient Overlay), установите цвета #003146 и #B8EBFE.

Режим смешивания (Blend Mode) установите «Обычный» (Normal), Непрозрачность (Opacity) в 100%, Стиль (Style) выберите «Линейный» (Linear), Угол (Angle) равным 90 градусов и Масштаб (Scale) 100%:

9

Шаг 3d – Применяем градиент поверхности

Повторите шаги 3a — 3c для остальных символов.

Старайтесь использовать различные цвета, подходящие к основной теме, такие как зеленый и синий:

10

Шаг 4a – Добавляем вьющиеся цветы

Загрузите набор кистей Suddenly Spring. Создайте новый слой и назовите его Floral.

Цвет переднего плана задайте #FFFFFF. Выберите одну из кистей набора Suddenly Spring и нарисуйте ею поверх градиента.

Режим смешивания (Blend Mode) слоя Floral установите «Наложение» (Overlay), а Непрозрачность (opacity) 50%. Выберите слой Floral и, удерживая нажатой клавишу Ctrl, нажмите левой кнопкой мыши на слое Surface для загрузки его выделения.

Щелкните по кнопке «Маска слоя» (Layer Mask):

Маска слоя

Шаг 4b – Добавляем вьющиеся цветы

Повторите шаг 4a для остальных символов.

Создайте новые слои между каждой буквой и нарисуйте черные (#000000) тени с помощью мягкой кисти.

Маскируйте эти тени таким же образом, как и слой Floral:

Маскируйте эти тени

Шаг 4c – Добавляем вьющиеся цветы

Создайте новый слой под слоями с символами.

Установите оттенок переднего плана #BEF7A8 и нарисуйте несколько цветов между буквами. Правой кнопкой мыши щелкните на слое и выберите «Настройки смешивания» (Blending Options).

Включите «Внешнее свечение» (Outer Glow) и задайте его цвет #FFFFFF.

Остальные настройки оставьте по умолчанию:

оставьте по умолчанию

Шаг 4d – Добавляем вьющиеся цветы

Повторите шаг 4c и добавьте больше цветов между символами:

добавьте больше цветов

Шаг 4e – Добавляем вьющиеся цветы

Создайте новый слой. Установите цвет переднего плана #FFFFFF и нарисуйте большой цветок. В меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) установите радиус равный 6 пикселям.

Режим смешивания (Blend Mode) этого слоя установите «Наложение» (Overlay):

17

Шаг 5a – Пылающие звезды

Создайте новый слой позади всех слоев и назовите его Stars.

С помощью мягкой кисти размером 1 пиксель и цветом #FFFFFF, нарисуйте большой крест как показано на рисунке. Немного сотрите 4 угла большим мягким ластиком. Выберите мягкую кисть, установите ее непрозрачность 20% и размер 30 пикселей.

Нарисуйте затухающую точку в центре креста:

точку в центре креста

Шаг 5b – Пылающие звезды

Щелчком правой кнопки мыши по слою Stars выберите «Настройки смешивания» (Blending Options).

Включите «Внешнее свечение» (Outer Glower) и установите цвет #FFFFFF.

Остальные настройки оставьте по умолчанию:

19

Опционально

Вы можете повторить шаги 5a и 5b много раз, чтобы добавить звезды разных размеров. Надеюсь, вам понравился этот урок, и вы извлекли из него новую для себя информацию. Спасибо!

20

Финальное изображение

Финальное изображение

Перевод статьи “Create a 3D Flowery Text Effect” был подготовлен дружной командой проекта Сайтостроение от А до Я.