Простой эффект боке для текста

Боке в фотографии — термин, который можно описать как «художественные части изображения, оказавшегося на фотографии не в фокусе» Wikipedia.

Эффект боке добавляет совершенно потрясающее ощущение прикосновения к фотографиям.

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

Результат

Результат

Детали урока

  • Использованное программное обеспечение: Adobe Photoshop;
  • Версия программного обеспечения: CS6 Extended.

Ресурсы

  • Шрифт Ethon;
  • Шрифт Neou (OT1) шрифт;
  • Light/Bokeh текстура 21.

Шаг 1

Создайте новый документ размером 1000 на 600 пикселей. Установите цвет переднего плана равный #271c2d и цвет фона — #141416. Выберите инструмент «Градиент» (Gradient Tool) с опцией «От переднего плана к фону, Радиальный Градиент» (Foreground to Background, Radial Gradient) в панели настроек. Затем нажмите и перетащите из центра документа к одному из углов, чтобы создать градиент фона:

Шаг 1

Поместите текстуру Light/Bokeh Texture 21 в слое поверх фона и замените режим наложения «Смешение» (Blend Mode) на «Наложение» (Overlay):

SimpleBokeh_01_2

Теперь создадим белый текст, используя шрифт ETHON. Открываем панель «Настройки шрифта» (Character) (Window > Character). Размер (Size) шрифта устанавливаем 310 пунктов, а значение Трекинг (Tracking) — 70 (чтобы избежать наложения букв друг на друга):

SimpleBokeh_01_3.jpg

* Можно использовать другой размер шрифта, но нужно будет соответственно изменить все используемые значения.

Шаг 2

Выберите инструмент «Кисть» (Brush Tool), твердую круглую насадку и откройте панель «Кисти» (Brush) (Window — Brush) для установки настроек, показанных ниже:

Форма отпечатка кисти (Brush Tip Shape):

Форма отпечатка кисти

Динамика формы (Shape Dynamics):

Динамика формы

Рассеивание (Scattering):

Рассеивание

Динамика цвета (Color Dynamics):

Динамика цвета

Перенос (Transfer):

Перенос

Шаг 3

Щелкните правой кнопкой мыши на текстовом слое и выберите в контекстном меню пункт «Создать рабочий контур» (Create Work Path). Затем сделайте текстовый слой невидимым, нажав на иконку глаза рядом с ним.

Создайте новый слой поверх всех слоев и назовите его «Bokeh», установите цвет переднего плана #f06eaa и цвет фона — #6dcff6, затем выберите инструмент «Прямое выделение» (Direct Selection Tool):

Прямое выделение

Щелкните правой кнопкой мыши по рабочему контору и выберите в контекстном меню пункт «Выполнить обводку контура» (Stroke Path). Затем выберите «Кисть» (Brush) из выпадающего меню «Инструмент» (Tool), убедившись, что снята отметка «Имитация давления» (Simulate Pressure):

Имитация давления

Это действие сделает контур в виде мазков боке. Если результат вас не устроит, вы можете повторить этот шаг. Каждый раз при повторе действия вы получите различные результаты.

Когда результат устроит вас – нажмите Ввод (Enter/Return), чтобы избавиться от контура:

избавиться от контура

Шаг 4

Дважды щелкните левой кнопкой мыши по слою «Bokeh» и примените стиль «Внутренне свечение» (Inner Glow):

  • Источник (Source): Центр.

Эта настройка сделает свечение от центра, а не по краям:

свечение от центра

И добавит блеска тексту:

добавит блеска тексту

В меню Фильтр — Размытие — Размытие по Гауссу (Filter — Blur — Gaussian Blur) установите значение «Радиус» (Radius) равное 0.5. Это добавит тонкое размытие боке, делая его более мягким и реалистичным:

Радиус

Шаг 5

И в завершении, добавим слово LIGHTS, используя шрифт Neou (OT1), с размером 66 пунктов, цветом #e2d6e9 и значением Tracking, равным 75.

Смешение слоев (Blend Mode) установлено в режиме «Мягкий свет» (Soft Light):

Мягкий свет

Вот результат! Текст с эффектом боке.

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

Результат

Перевод статьи “Simple Bokeh Text Effect” был подготовлен дружной командой проекта Сайтостроение от А до Я.