Текстовые эффекты »

Создаем эффект сияющего текста

  • UnFolds
  • 31 май 2010
  • 02:34:55
  • 9383
Сегодня урок фотошопа «Создаем эффект сияющего текста» мы посвятим способу создания Эффекта сияющего текста в фотошопе с помощью эффекта Боке (Bokeh) и Абстрактной текстуры (Abstract Texture).
Создаем эффект сияющего текста

Параллельно Вы узнаете новые способы создания светового эффекта и эффекта Боке, корректировки изображений и довольно интересный метод создания маленьких летающих и падающих частиц света.
Чтобы выполнить этот урок, Вам понадобятся жирный шрифт (Bold Font) и абстрактные кисти (Abstract Brush). Если у Вас их нет - скачайте, а затем приступайте к выполнению урока.
Давайте попробуем!

Для начала создайте новый документ размером 500х600 пикселей. В панели Инструменты выберите инструмент Градиент (Gradient Tool) и заполните им фон документа, как показано на картинке.
Создаем эффект сияющего текста


Как Вы видите, цвет градиентной заливки отличается от итогового цвета нашей картинки. Мне показалось, что в целях эксперимента вначале лучше использовать более темный цвет для наполнения фона. Позже я в любой момент смогу изменить цвет на другой более подходящий с помощью корректировки изображения.
Выберите инструмент Текст (Type Tool) и напечатайте какой-нибудь текст в центре изображения большими буквами, используя жирный шрифт. Назовите этот слой «Основной» и уменьшите его прозрачность (Opacity) до 40%:
Создаем эффект сияющего текста


Далее выбираем следующие значения:
Тень (Drop Shadow):
Создаем эффект сияющего текста


Внешнее свечение (Outer Glow):
Создаем эффект сияющего текста


Наложение градиента (Gradient Overlay):
Создаем эффект сияющего текста


После этих действий у Вас должен получиться вот такой эффект:
Создаем эффект сияющего текста


Напечатайте на холсте букву меньшего размера. Этот слой назовите «Второй» и установите непрозрачность (Opacity) около 30%. Далее выберите инструмент Свободное трансформирование (Free transform) или используйте сочетание клавиш ctrl+T, и немного поверните текст, чтобы он выглядел так, будто падает сверху вниз.
Создаем эффект сияющего текста


Для этого слоя установите следующие Параметры наложения (Blending options):
Тень (Drop Shadow):
Создаем эффект сияющего текста


Наложение градиента (Gradient Overlay):
Создаем эффект сияющего текста


Затем создайте несколько копий второго слоя, каждый из которых поверните и разместите вокруг базового слоя:
Создаем эффект сияющего текста


Теперь добавим тексту эффект воображаемого свечения. Для этого создайте новый слой и назовите его «Нижняя полоса света» и разместите над Базовым слоем. Затем возьмите мягкую кисть белого цвета и одним прикосновением нарисуйте точку наверху холста:
Создаем эффект сияющего текста


Сожмите слой в тонкую полоску с помощью инструмента Свободное трансформирование (Free transform), соблюдая при этом масштаб:
Создаем эффект сияющего текста


Переместите эту полоску к нижней части текста и измените режим слоя на «Мягкий свет» (Soft Light):
Создаем эффект сияющего текста


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


Сожмите его в тонкую полоску:
Создаем эффект сияющего текста


Разместите слой «Яркость» над слоем «Нижняя полоса света» и измените режим наложения слоя на «Перекрытие» (Overlay):
Создаем эффект сияющего текста


Таким образом, Вы получили вот такой эффект (Вы можете скопировать слой несколько раз для большей глубины эффекта):
Создаем эффект сияющего текста


Таким же образом, только уже не используя сжатие, создайте еще немного света вокруг текста:
Создаем эффект сияющего текста


Теперь добавим к тексту немного эффекта Боке, в этом нам поможет функция динамичной кисти (dynamic brush).
Возьмите круглую кисть белого цвета, установив параметр ее жесткости на 80%. Установки кисти выберете следующие:
Динамика формы (Shape dynamics):
Создаем эффект сияющего текста


Рассеивание (Scattering):
Создаем эффект сияющего текста


Другая динамика (Other Dynamics):
Создаем эффект сияющего текста


И поставьте галочку напротив параметров Аэрограф (Airbrush), Сглаживание (Smoothing) и Защита текстуры ( Protect Texure).
Теперь, используя созданную кисть, добавьте немного эффекта Боке вокруг текста. Убедитесь в правильно выбранном размере кисти:
Создаем эффект сияющего текста


Как Вы видите, я использовал меньше Боке наверху для создания большей глубины изображения:
Создаем эффект сияющего текста


Теперь приступим к созданию в тексте летающих/падающих частиц света. Создайте новый слой, разместив его над всеми остальными, и назовите «Частицы». Выбрав маленькую круглую кисть белого цвета, щелкните один раз в любом месте на холсте:
Создаем эффект сияющего текста


Используя инструмент Лассо (Warp Tool), растяните пятно как показано на рисунке:
Создаем эффект сияющего текста


Для более изогнутой формы можете сделать это несколько раз:
Создаем эффект сияющего текста


После того, как Вы достаточно изогнули пятно, просто скопируйте этот кусочек слоя и разбросайте вокруг текста (в это время можете поэкспериментировать с параметрами наложения, используя Мягкий свет, Перекрытие, Свечение, Жесткий свет и другие. Заодно меняйте степень прозрачности слоев, чтобы каждый из них выглядел по-разному, это придаст изображению большей глубины):
Создаем эффект сияющего текста


Необязательно: для придания тексту большей элегантности, можно скопировать слой «Нижняя полоса света», изменив его размер, и сделать меньшую полосу внизу текста:
Создаем эффект сияющего текста


Теперь мы можем добавить немного абстрактной текстуры к нашему изображению. Над фоновым слоем создайте новый слой, назвав его «Текстуры». Используйте набор абстрактных кистей (abstract brushset) и нарисуйте линии в указанных местах:
Создаем эффект сияющего текста


Для окончательной обработки я добавил два корректирующих слоя поверх всех остальных.

Баланс цвета (Color Balance):
Создаем эффект сияющего текста


Создаем эффект сияющего текста


Создаем эффект сияющего текста


Кривые (Curves):
Создаем эффект сияющего текста


Вы можете также выполнить сведение слоев (Flatten), скопировать фоновый слой и добавить немного стилизации с помощью закладки «Фильтр – Штрихи - Акцент на краях» (Filter > Brush strokes > Accented edge):
Создаем эффект сияющего текста


Это добавит немного мягкости и размытости тексту:
Создаем эффект сияющего текста


Добавьте маску слоя на скопированный слой, чтобы размазанной оказалась только нужная Вам часть изображения, а не вся картинка:
Создаем эффект сияющего текста


Добавьте немного резкости к финальной картинке и вот результат:
Создаем эффект сияющего текста


Вот и весь урок! Надеюсь, что Вам понравилось и Вы научились чему-то новому.

Оригинальный урок: http://www.psdvault.com/
Урок переведен специально для photoshoplove.ru
В мой мир
Bookmark and Share
Уроки фотошопа
Свежие уроки
{lastnews}
Видео уроки
Популярные уроки
Наш опрос
Какие уроки вам больше нравятся?