Огненный мерцающий текстовый эффект 0

Огненный мерцающий текстовый эффект - уроки фотошоп



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

Навыки для «прокачки»:
- работа с градиентами
- работа с фильтрами
- работа со стилями слоя
- создание контура, работа с Кистью и Пером
- работа с режимами смешивания слоев


Огненный мерцающий текстовый эффект - уроки фотошоп

Кисти алмазы



Шаг 1. Создайте новый слой поверх фонового слоя и назовите его "Градиент". Установите основной цвет на # 724242, а цвет фона # 3c1a1a, затем проведите Радиальный градиент (Radial gradient) от центра документа к одному из углов.

Огненный мерцающий текстовый эффект - уроки фотошоп

Дважды щелкните на слой "Градиент", чтобы добавить Cтиль слоя (Add a layer style)
Наложение градиента (Gradient Overlay):

Огненный мерцающий текстовый эффект - уроки фотошоп

Огненный мерцающий текстовый эффект - уроки фотошоп

Это то, что вы должны получить.

Огненный мерцающий текстовый эффект - уроки фотошоп

Перейдем Фильтр-> Эскиз-> Мокрая бумага (Filter-> Sketch-> Water Paper).

Огненный мерцающий текстовый эффект - уроки фотошоп

Это позволит добавить приятные глазу искры на задний план.

Огненный мерцающий текстовый эффект - уроки фотошоп

Шаг 2. Напишем текст черным цветом. Шрифт, используемый в уроке Aardvark Cafe размер 500 пикселей.

Огненный мерцающий текстовый эффект - уроки фотошоп

Дважды щелкните на слой, чтобы добавить 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), чтобы удалить ненужные области.

Огненный мерцающий текстовый эффект - уроки фотошоп

Вот такой интересный эффект в этом уроке дизайна у нас получился!

Огненный мерцающий текстовый эффект - уроки фотошоп

Сайт: designlessons.ru

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

Мы ВКонтакте: vk.com/designlessons

И в Твиттере: twitter.com/DesignLessons

Информация
Автор / Разработчик
Автор не указан
Перевел
Артеменко Любовь
Сложность
Средняя
Источник
Добавил
Lubashka
Дата
16-11-2019, 20:24
Метки:  еще статьи

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

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

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

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

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

Ваш IP: 204.236.235.245
Последние уроки
Вконтакте
Архив сайта
.