Lubashka | 16.11.2019 | |
Огненный мерцающий текстовый эффект |
В этом уроке дизайна мы рассмотрим простой способ создания красивого светящегося текста, используя пару кистей и несколько стилей слоя.
Сложность: низкая
Время: до 1 часа
Навыки для «прокачки»:
- работа с градиентами
- работа с фильтрами
- работа со стилями слоя
- создание контура, работа с Кистью и Пером
- работа с режимами смешивания слоев
Шаг 1. Создайте новый слой поверх фонового слоя и назовите его "Градиент". Установите основной цвет на # 724242, а цвет фона # 3c1a1a, затем проведите Радиальный градиент (Radial gradient) от центра документа к одному из углов.
Дважды щелкните на слой "Градиент", чтобы добавить Cтиль слоя (Add a layer style)
Наложение градиента (Gradient Overlay):
Это то, что вы должны получить.
Перейдем Фильтр-> Эскиз-> Мокрая бумага (Filter-> Sketch-> Water Paper).
Это позволит добавить приятные глазу искры на задний план.
Шаг 2. Напишем текст черным цветом. Шрифт, используемый в уроке
Дважды щелкните на слой, чтобы добавить Cтиль слоя (Add a layer style)
Внешнее свечение (Outer Glow):
Изменим значение Заливка (Fill) текстового слоя до 0%. Текст должен иметь очень тонкий эффект свечения.
Шаг 3. Щелкните правой кнопкой по слою с текстом и Выберете команду Создать рабочий контур (Create Work Path).
Скачайте кисти в начале урока. Измените настройки после загрузки, Окно -> Кисть (Window -> Brush). Выберете эту кисть, прежде чем перейти к следующему шагу.
Создайте новый слой поверх всех слоев и назовите его "Искорки". Установите белый цвет переднего плана, и Выберете инструмент Выделение контура (Direct Selection Tool).
Щелкните правой кнопкой мыши на пути и Выберете Выполнить обводку (Stroke Path).
Выберете кисть из выпадающего меню, и установите флажок Имитировать нажим (Simulate Pressure).
Это будет обводка пути кистью с блестками. Нажмите Enter, чтобы избавиться от пути.
Дважды щелкните на слой "Искорки", чтобы добавить Cтиль слоя (Add a layer style)
Внешнее свечение (Outer Glow):
Внутреннее свечение (Inner Glow):
Это позволит добавить блеск. Изменим значение Заливка (Fill) слоя до 0%.
Шаг 4. Выберете мягкую круглую кисть и измените ее настройки Окно -> Кисть (Window-> Brush), как показано ниже.
Форма отпечатка кисти (Brush Tip Shape):
Динамика формы (Shape Dynamics):
Создадим рабочий контур в очередной раз, правой кнопкой мыши на слой с текстом -> Создать рабочий контур (Create Work Path). Создайте новый слой поверх всех слоев и назовите его "Сияние", установите цвет переднего плана на # f8ff99 и выполним обводку, нажмите на путь правой кнопкой -> Выполнить обводку (Stroke Path) кистью, и нажмите клавишу Enter.
Дважды щелкните на слой, чтобы добавить Cтиль слоя (Add a layer style)
Внешнее свечение (Outer Glow):
Внутреннее свечение (Inner Glow):
Измените Режим смешивания (Blend Mode) слоя "Сияние" на Перекрытие (Overlay). Обратите внимание, какой яркий текст сейчас.
Шаг 5. Выберете мягкую круглую кисть еще раз и, измените ее настройки Окно -> Кисть (Window-> Brush), как показано ниже.
Форма отпечатка кисти (Brush Tip Shape):
Динамика формы (Shape Dynamics):
Передача (Transfer):
Создадим рабочий контур, затем новый слой поверх всех слоев, назовем его "Цвет" и изменим его Режим смешивания (Blend Mode) на Цветность (Color), установите цвет переднего плана на # a7a400 и обведите путь кистью, а затем нажмите Enter.
Шаг 6. Установим цвет переднего плана и фона на # 724242 и # 3c1a1a, затем выберете слой «Градиент».
Перейдем Фильтр-> Штрихи-> Аэрограф (Filter-> Brush Strokes-> Sprayed Strokes).
Вот что получилось.
Создадим новый слой поверх всех слоев и назовем его "Сияние 2", затем дважды щелкните на слой, чтобы добавить Cтиль слоя (Add a layer style)
Внешнее свечение (Outer Glow):
Внутреннее свечение (Inner Glow):
Установите цвет переднего плана на белый и, используя последнюю кисть, которую вы создали (в шаге 5), сделаем некоторые светящиеся пятна по краю текста. Вы можете использовать Ластик (Eraser Tool), чтобы удалить ненужные области.
Вот такой интересный эффект в этом уроке дизайна у нас получился!
Автор/Переводчик: Артеменко Любовь
Ссылка на источник: http://textuts.com/shiny-sparkles-text-effect/