Яркий радужный текстовый эффект

Яркий радужный текстовый эффект

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

Предварительный просмотр результата

Яркий радужный текстовый эффект

Детали урока

  • Программа: Adobe Photoshop CS6 (версии, начиная с CS3, тоже подойдут)
  • Предполагаемое время выполнения: 30 минут
  • Сложность: Начинающий

Источники

Шаг 1

Создаем новый документ 500 x 500 px со всеми настройками по умолчанию, затем заливам фон черным цветом.
Создаем текст белым цветом, используя шрифт Futurama. Все буквы делаем строчными, размер шрифта 100 pt, значение Tracking устанавливаем 25рх.

Яркий радужный текстовый эффект

Теперь вам нужно нажать и потянуть, используя инструмент Type Tool, чтобы выделить каждую букву отдельно, затем поменять их цвета.
Цвета, которые использовали мы, это 800cb6, #074d9d, #0496b7, #00992b, #8c9f09, #a55405 и #9f0929.

Яркий радужный текстовый эффект

Шаг 2

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

Яркий радужный текстовый эффект

Выбираем оригинальный растеризованный слой, затем переходим в фильтр Filter -> Blur -> Motion Blur. Меняем значение Angle на 90 и Distance на 150. Это действие создаст эффект вертикального размытия.

Яркий радужный текстовый эффект

Шаг 3

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

Яркий радужный текстовый эффект

Берем инструмент Rectangular Marquee Tool и нажимаем на иконке ‘Intersect with selection’ на панели настроек. Нажимаем и тянем, чтобы нарисовать прямоугольник, который будет покрывать верхнюю половину выделенного текста. После того, как вы отпустили кнопку мыши, нижняя часть больше не будет выделена.

Яркий радужный текстовый эффект

Создаем новый слой над всеми слоями, называем его “Top”, устанавливаем цветом переднего плана белый цвет и берем инструмент Gradient Tool. На панели настроек выбираем градиент Foreground to Transparent и нажимаем на иконке Линейного градиента. Затем нажимаем и удерживаем кнопку Shift, а затем нажимаем и тянем вертикально от нижней точки в верхней точке выделения, затем отпускаем кнопку мыши.

Яркий радужный текстовый эффект

Это действие зальет выделение градиентом. Переходим в меню Select -> Deselect, чтобы снять выделение.

Яркий радужный текстовый эффект

Вы можете изменить значение непрозрачности, если вам нравится более легкий эффект градиента. В этом случае мы установили непрозрачность слоя “Top” на 30%.

Яркий радужный текстовый эффект

Шаг 4

Теперь пришло время добавить нижний текст. Поэтому создаем любой текст белым цветом. Мы использовали шрифт Century Gothic (все буквы заглавные), размер шрифта 18 pt и значение Tracking 25. Вы можете использовать другие параметры, в зависимости от длины вашего текста.

Яркий радужный текстовый эффект

Нажимаем дважды на текстовом слое, чтобы применить эффект Gradient Overlay, и меняем значение Angle на 0, затем нажимаем на окно Gradient, чтобы создать градиент.

Яркий радужный текстовый эффект

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

ColorLocation
#800bb6 – 0
#025abc – 17
#0596b7 – 28
#00992b – 40
#8c9f09 – 52
#a55405 – 72
#9f0929 – 100

Яркий радужный текстовый эффект

Это действие зальет текст градиентом, который будет следовать цветовой заливке верхнего (основного) текста

Яркий радужный текстовый эффект

Результат

Надеемся, вам понравился этот супер-легкий, но действительно яркий и интересный урок, и вы нашли его полезным.

Яркий радужный текстовый эффект

http://www.photoshopstar.com
Перевод: http://www.4webmaster.ru/

Рекомендуем почитать:
Звездный текстовый эффект
Текстовый эффект битого стекла
Эффект мраморного текста


Оставить комментарий: