Блестящий текстовый эффект
Нравится(+) 0 Не нравится(-)

Блестящий текстовый эффект - уроки фотошоп



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

Навыки для «прокачки»:
- цветокоррекция
- работа со стилями слоя
- серия фильтров размытия
- автоматическое расширение выделения


Заключительное изображение.

Блестящий текстовый эффект - уроки фотошоп

Ресурсы:

Цветовая палитра


Градиент



Шаг 1. Начните с заполнения фона градиентной заливкой, которую вы можете скачать в разделе Ресурсы этого урока или можете создать свой собственный, используя цвета # c8a445 и # 534215. Активируйте Радиальный градиент (Radial Gradient) и проведите его из центра в один из углов вашего документа.
Вы можете изменить цвет фона с помощью Уровни (Levels) и / или Тон и Насыщенность (Hue/Saturation), если вы хотите сделать фон более ярким.

Блестящий текстовый эффект - уроки фотошоп

Шаг 2. Напишем текст. Шрифт, используемый в уроке "Tw Cen MT ", размер (50 пикселей), и цвет # d5b900. Имя текстового слоя должно быть таким же, как его содержание. В данном случае, "Shine".

Блестящий текстовый эффект - уроки фотошоп

Шаг 3. Дважды щелкните на слое "Shine", чтобы добавить Cтили слоя (Add a layer style):

Тень (Drop Shadow):

Блестящий текстовый эффект - уроки фотошоп

Внутренняя тень (Inner Shadow):

Блестящий текстовый эффект - уроки фотошоп

Тиснение (Bevel and Emboss):

Блестящий текстовый эффект - уроки фотошоп

Глянец (Satin):

Блестящий текстовый эффект - уроки фотошоп

Наложение градиента (Gradient Overlay):

Блестящий текстовый эффект - уроки фотошоп

Шаг 4. Далее, мы должны сделать выделение текста. Итак, зажмем клавишу Ctrl, и щелкнем правой кнопкой мыши на иконке слоя "Shine"

Блестящий текстовый эффект - уроки фотошоп

Создадим новый слой ниже слоя Shine и переименуем его в Light. Затем перейдем Выделение-> Модификация-> Расширить (Menu-> Modify-> Expand) и введем значение -6, это расширит текущее выделение. Убедитесь, что вы находитесь на Слое Light, и заполните выделение цветом # f0ebc5. Затем, перейдите Выделение-> Отменить (Select menu-> Deselect) (или нажмите Ctrl + D), чтобы избавиться от выделения.

Блестящий текстовый эффект - уроки фотошоп

Шаг 6. Перейдем в меню Фильтр-> Размытие-> Размытие в движении (Filter menu-> Blur-> Motion Blur), вертикальное размытие, применим настройки: Угол (Angle) 90 и Смещение (Distance) 20

Блестящий текстовый эффект - уроки фотошоп

Вернитесь в меню Фильтр-> Размытие-> Размытие в движении (Filter menu-> Blur-> Motion Blur), но на этот раз примените горизонтальное размытие, измените Угол (Angle) на 0.

Блестящий текстовый эффект - уроки фотошоп

Наконец, изменим Режим смешивания слоя (Blend Mode) "Light" на Яркий свет (Vivid Light).

Блестящий текстовый эффект - уроки фотошоп

Ну и последнее, что можно сделать, перейти Фильтр-> Размытие-> Размытие по Гауссу (Filter menu-> Blur-> Gaussian Blur) и изменить значение Радиуса (Radius) на 5

Блестящий текстовый эффект - уроки фотошоп

Вот и все, мы закончили!

Блестящий текстовый эффект - уроки фотошоп

Надеюсь, вам понравилось создавать собственный "Блестящий" текст с помощью нашего урока веб дизайна!

Сайт: Stadion-Kuban.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте:

И в Твиттере: twitter.com/Stadion-Kuban

Информация
Автор / Разработчик
Артеменко Любовь
Перевел
Автор перевода не указан
Сложность
Легкая
Источник
Добавил
Lubashka
Дата
26-10-2020, 22:54
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 9 * 9 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 207.241.237.222
Последние уроки
Опубликовано 14-10-2020, 21:33
Опубликовано 13-10-2020, 20:50
Опубликовано 11-10-2020, 11:28
Опубликовано 7-10-2020, 20:00
Опубликовано 25-09-2020, 19:33
Опубликовано 24-09-2020, 18:42
Архив сайта