Создаем текст с эффектом сияния в Photoshop

В этом уроке я покажу вам приемы, которые использую, чтобы создать сияющий текст в Photoshop. Это руководство сделано для начинающих и снабжено большим числом советов по эффективной манипуляции текстом. Приступим.

По ходу дела я приведу пару примеров по созданию самого эффекта. И того, как сделать так, чтобы дизайн в целом выглядел профессионально, а также примеры использования инструмента «Обрезка», чтобы создать ваши собственные насадки для кисти.

Так будет выглядеть готовый эффект:(нажмите, чтобы увеличить):

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

Шрифт

Шаг 1

Создайте новый документ(размер не имеет в себя значения) и заполните фоновый слой градиентом как показано ниже:

Создаем текст с эффектом сияния в Photoshop Создайте новый слой поверх фонового слоя, нарисуйте или сделайте облака по центру и снизу — это будет основой эффект для текста:Совет: не рисуйте слишком много облаков, иначе эффект будет слабовыраженным.
Создаем текст с эффектом сияния в Photoshop Вы можете без проблем использовать опцию перспективы при помощи комбинации клавиш Ctrl + T(или правой кнопки мыши) по облаку, чтобы скорректировать их фигуру:
Создаем текст с эффектом сияния в Photoshop

Шаг 2

Используя шрифт, который вы скачали в начале урока, введите текст в центре холста:(я использовал цвет желтого оттенка)

Создаем текст с эффектом сияния в Photoshop Примените следующие настройки стилей слоя:

Отбрасываемая тень

Создаем текст с эффектом сияния в Photoshop Внутреннее свечение Создаем текст с эффектом сияния в Photoshop Тиснение Создаем текст с эффектом сияния в Photoshop Штрих Создаем текст с эффектом сияния в Photoshop В итоге получится похожий эффект:
Создаем текст с эффектом сияния в Photoshop Продублируйте слой с текстом дважды и ненамного сдвигайте каждый дублированный слой в сторону верхнего левого угла, уменьшив непрозрачность слоев до 15% и 40% соответственно — это действие создаст многоуровневый эффект:
Создаем текст с эффектом сияния в Photoshop

Шаг 3

Сейчас давайте перейдем к созданию полосатой насадки для кисти.

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

Выберите инструмент «Обрезка»(Slice) на панели инструментов:

Создаем текст с эффектом сияния в Photoshop Щелкните правой кнопкой мыши на холсте инструментом среза, выберите «разделить части»( divide slice):
Создаем текст с эффектом сияния в Photoshop Отметьте «Разделить по вертикали на» и введите «10» в текстовом поле ввода, после нажмите «OK«:
Создаем текст с эффектом сияния в Photoshop Далее при помощи прямоугольного выделения выберите каждый второй срез:(убедитесь, что вы держите нажатой клавишу «Shift» для выбора нескольких срезов):
Создаем текст с эффектом сияния в Photoshop Залейте выделение черным цветом:
Создаем текст с эффектом сияния в Photoshop и у вас будет следующий эффект:
Создаем текст с эффектом сияния в Photoshop Сделайте фоновый слой невидимым и в меню Редактировать > Задать параметра кисти(Edit> Define Brush Preset) выберите вертикальный набор кистей:
Создаем текст с эффектом сияния в Photoshop Немного повернем слой с полосами и определим другой набор кистей:
Создаем текст с эффектом сияния в Photoshop Сейчас мы можем использовать этот набор для отрисовки узоров на верхней части текста:(убедитесь, что вы уменьшили размер кисти и непрозрачность к значениям, близким к 30%):
Создаем текст с эффектом сияния в Photoshop

Шаг 4

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

Создаем текст с эффектом сияния в Photoshop В меню Фильтр > Искажение > Вращение(Filter> Distort> Twirl) примените следующие параметра:
Создаем текст с эффектом сияния в Photoshop Нажмите Ctrl + F и примените фильтр искажений повторно:
Создаем текст с эффектом сияния в Photoshop Используйте инструмент «Свободная трансформация»(Free Transform), чтобы сжать рисунок. Далее уменьшите непрозрачность слоя примерно до 30%, и, используя мягкий ластик, удалите его края. Эффект сейчас выглядит следующим образом:
Создаем текст с эффектом сияния в Photoshop Создайте новый слой поверх базового слоя. Используйте мягкую черную кисть, чтобы нанести теней под текстом:
Создаем текст с эффектом сияния в Photoshop

Шаг 5

Теперь мы сделаем ещё один абстрактный узор при помощи насадки для кисти, созданной нами ранее. Создайте новый слой и примените выделение эллиптическим инструментом, выберите кисть в виде вертикальных полос(уменьшите размер наконечника кисти) и закрасьте внутри выделения:(Убедитесь, что вы установили непрозрачность кисти равную 50%):

Создаем текст с эффектом сияния в Photoshop Дублируем этот слой один раз и поворачиваем его на 90 градусов по часовой стрелке:
Создаем текст с эффектом сияния в Photoshop Объедините данные два слоя. Эффект приобрел следующий вид:
Создаем текст с эффектом сияния в Photoshop При помощи инструмента деформации изменим форму, как показано ниже:
Создаем текст с эффектом сияния в Photoshop После этого продублируйте образец этого слоя пару раз и измените размер каждого из них, располагая их по холсту, как показано ниже:
Создаем текст с эффектом сияния в Photoshop

Шаг 6

Мы почти закончили! В завершении я добавил новый слой поверх всех предыдущих, и, используя маленькую мягкую кисть, нарисовал блестящие точки вокруг текста, как показано ниже:

Создаем текст с эффектом сияния в Photoshop Далее создал ещё один слой, установил режим смешивания «Наложение»(Overlay), и, используя мягкую белую кисть, добавил эффект свечения по краям текста:
Создаем текст с эффектом сияния в Photoshop При помощи фильтра «Блик»(Lens Flare) я добавил цвета к тексту, чтобы в дальнейшем подчеркнуть некоторые его части:
Создаем текст с эффектом сияния в Photoshop
Создаем текст с эффектом сияния в Photoshop Я также добавил эффект частиц вокруг текста.

Так эффект выглядит в завершенном варианте:

Создаем текст с эффектом сияния в Photoshop Надеюсь, вам понравился этот урок! До следующей встречи! Хорошего дня.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *