Эффект яркого радужного текста

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

Окончательное изображение

Эффект яркого радужного текста

Техническая информация

Программное обеспечение: Adobe Photoshop CS6(возможно также использование версий CS3 и выше)

Ресурсы

  • Шрифт Futurama

Шаг 1

Создайте новый документ размером 500 на 500 пикселей со всеми параметрами по умолчанию, далее залейте фон черным цветом. Создайте белый текст с использованием шрифта Futurama. Все буквы должны быть маленькими, размер шрифта 100 пунктов, трекинг — 25 пикселей:

Эффект яркого радужного текста Далее вам необходимо при помощи инструмента «Текст» выделить каждую букву, чтобы настроить ее цвет. Цвета, использованные мною(слева направо): #800cb6, #074d9d, #0496b7, #00992b, #8c9f09, #a55405 и #9f0929:
Эффект яркого радужного текста

Шаг 2

После того, как вы закончите с цветами букв, щелкните правой кнопкой мыши на слое с текстом и выберите пункт меню «Растеризация». Таким образом, вы растеризируете текстовый слой, и его больше нельзя будет редактировать, как текст. Скопируйте растеризованный слой:

Эффект яркого радужного текста Выберите оригинальный растеризированный слой, далее перейдите в Фильтр > Размытие> Размытие в движении. Измените значения для «Угла» — 90, для «Смещение» — 150. Это создаст вертикальный эффект размытия:
Эффект яркого радужного текста

Шаг 3

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

Эффект яркого радужного текста Выберите инструмент «Прямоугольная область» и нажмите на иконку «Пересечение с выделенной областью» в панели настроек. Нажмите левую кнопку мыши и проведите курсором, чтобы нарисовать прямоугольник, который охватывает верхнюю половину выделенного текста. После того, как вы отпустите кнопку мыши, нижняя половина больше не будет выделена:
Эффект яркого радужного текста Создайте новый слой поверх всех слоев и назовите его «Top«, установите цвет переднего плана на белый, и выберите инструмент «Градиент». В панели настроек выберите тип градиента от цвета переднего плана к прозрачному, и кликните по иконке «Линейный градиент«.

Далее нажмите и удерживайте клавишу Shift, нажмите левую кнопку мыши и перетащите курсор вертикально от нижней точки до самой высокой точки выделения:

Эффект яркого радужного текста Таким образом, вы заполните выделенную область градиентом. Перейдите в Выделение> Отменить, чтобы снять выделение:
Эффект яркого радужного текста Вы можете настроить значение непрозрачности, если хотели бы задать более тонкую градиентную заливку. У меня значение непрозрачности слоя равняется 30%:
Эффект яркого радужного текста

Шаг 4

Сейчас, пришло время добавить нижнюю часть текста. Дерзайте, вы можете без труда создать любой белый текст. Я использовал шрифт Century Gothic(заглавные буквы), размер шрифта 18 пунктов, трекинг по-прежнему 25. Вам, возможно, необходимо будет использовать иные значения в зависимости от длины текста:

Эффект яркого радужного текста Дважды щелкните на слое текста, чтобы применить стиль «Наложение градиента». Для начала измените значение угла на 0, а далее кликните мышью в поле ввода заливки, чтобы изменить градиент:
Эффект яркого радужного текста Чтобы задать переходы цветов, вам необходимо один раз кликнуть ниже градиента для каждого цвета, который вы хотели бы добавить. И когда вы создаете или выбираете переход цветов, вы приобретаете доступ к параметрам. Мы будем изменять значения цветов и их расположение, слева направо.

Цвет — Позиция #800bb6 — 0 #025abc — 17 #0596b7 — 28 #00992b — 40 #8c9f09 — 52 #A55405 — 72 #9f0929 — 100

Эффект яркого радужного текста Это сможет залить текст градиентом, который сочетается с цветовыми переходами верхнего(основного) текста:
Эффект яркого радужного текста Мы закончили!

Надеюсь, вам понравился этот супер простой, но яркий и интересный эффект:

Эффект яркого радужного текста

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *