Разноцветный свет ворвался в фотошоп: разбираемся основательно

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

Используете Photoshop CS6? Вы хотите следовать нашей полностью обновленной версии учебника по Photoshop CS6 .

Вот результат, к которому мы стремимся:

Photoshop красочный свет ворвался текстовый эффект.  Image © 2011 Photoshop Essentials.com

Конечный результат.

Давайте начнем!

Содержание

Шаг 1: Откройте новый документ Photoshop

Откройте новый документ в Photoshop, перейдя в меню «Файл» и выбрав « Новый …» , или с помощью сочетания клавиш Ctrl + N (Победа) / « Command» + N (Mac). Вы можете выбрать собственную ширину и высоту для своего документа, но если вы хотите следовать, я выбрал размер 640×480 из списка доступных предустановок, чтобы упростить задачу. Я также оставил значение разрешения по умолчанию равным 72 пикселей / дюйм . Поскольку я создаю этот текстовый эффект для Интернета, не имеет значения, какое значение разрешения я установил, поэтому по умолчанию это хорошо:

Photoshop Text Effects: создание нового документа в Photoshop


Создайте новый документ в Photoshop. Для продолжения используйте предустановленный размер «640×480».

Шаг 2: добавь свой текст

Открыв новый пустой документ, возьмите инструмент «Текст» с палитры «Инструменты» или нажмите T на клавиатуре. Убедитесь, что в качестве цвета переднего плана выбран черный . Если это не так, просто нажмите D на клавиатуре, чтобы сбросить его до черного. Выберите свой шрифт на панели параметров в верхней части экрана. Толстые, тяжелые шрифты работают лучше всего для этого эффекта. Затем идите вперед и введите свой текст. Я собираюсь использовать «Удар», и я буду печатать слова «LIGHT BURST»:

Текстовые эффекты в Photoshop: введите текст

Выберите толстый, плотный шрифт, и с черным в качестве основного цвета введите текст.

Шаг 3: измените размер текста с помощью бесплатной трансформации

Выбрав текстовый слой в палитре слоев, используйте сочетание клавиш Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно « Свободное преобразование» и обвести текст. Удерживая нажатой клавишу «Shift» + «Alt» (победа) / « Shift» + «Option» (Mac), перетащите любой из угловых маркеров, чтобы увеличить текст и заполнить область документа. Удерживание Shift ограничивает пропорции текста, а нажатие Alt / Option изменяет размер текста по центру:

Adobe Photoshop Text Effects: изменение размера текста с помощью Free Transform

Измените размер текста с помощью команды Photoshop «Free Transform».

Обязательно оставляйте достаточно места вокруг текста для нашего светового эффекта. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование.

Шаг 4: Растеризация вашего текста

Мы собираемся применить несколько фильтров к нашему тексту, но Photoshop не позволяет нам сделать это без предварительной его растеризации, что означает просто преобразование его в пиксели. Итак, снова с выделенным текстовым слоем, зайдите в меню Layer в верхней части экрана, выберите Rasterize , а затем выберите Type . Это преобразует наш текст в пиксели. Он будет выглядеть так же в окне документа, но в палитре Слои слой Тип теперь будет обычным слоем:

Photoshop Text Effects: Растеризация текста

После растеризации текста слой «Тип» в палитре «Слои» становится обычным слоем.

Шаг 5: добавь выделение вокруг текста и сохрани его

Удерживая клавишу «Ctrl» (Win) / « Command» (Mac) непосредственно в области предварительного просмотра миниатюр текстового слоя в палитре «Слои», можно быстро загрузить выделение вокруг текста:

Текстовые эффекты в Photoshop: Ctrl-клик (Win) или Command-клик (Mac) прямо на миниатюре tex в палитре Layers

«Ctrl-click» (Win) / «Command-click» (Mac) прямо на миниатюре текста в палитре слоев.

Ваш текст теперь будет выделен:

Текстовые эффекты в Photoshop: текст выделен

Текст теперь выделен.

С выделенным текстом перейдите в меню «Выбрать» в верхней части экрана и выберите « Сохранить выделение» . Когда появится диалоговое окно « Сохранить выделение », просто нажмите « ОК» . Нет необходимости называть его или вносить какие-либо изменения в параметры.

Как только вы сохранили свой выбор, нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выделение текста.

Переключитесь на палитру «Каналы» на мгновение (она сгруппирована рядом с палитрой «Слои»), и вы увидите, что ваш выбор сохранен как новый канал с именем «Альфа 1» в самом низу. Мы вернемся сюда чуть позже, чтобы снова загрузить наш выбор:

Текстовые эффекты в Photoshop: выделение, сохраненное как новый канал в палитре каналов Photoshop

Выбор теперь сохраняется как новый канал «Альфа 1» в палитре «Каналы» в Photoshop.

Шаг 6: Используйте «Заполнить», чтобы заполнить текстовый слой белым и установить режим наложения «Умножение»

Снова переключитесь на палитру слоев и, выделив текстовый слой, перейдите в меню «Правка» в верхней части экрана и выберите « Заливка» или нажмите Shift + F5 на клавиатуре, чтобы быстро открыть диалоговое окно « Заливка» в Photoshop . Когда появится диалоговое окно, установите для параметра « Содержимое» значение « Белый» и измените режим наложения на « Умножение» :

Текстовые эффекты в Photoshop: диалоговое окно Fill в Photoshop

Фотошоп «Заполнить» диалоговое окно «.

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

Шаг 7: примени фильтр Gaussian Blur к тексту

Перейдите в меню «Фильтр» в верхней части экрана, выберите « Размытие» , а затем выберите « Размытие по Гауссу» . Когда появится диалоговое окно Размытие по Гауссу, введите значение радиуса около 4 пикселей и нажмите кнопку «ОК», чтобы применить к тексту небольшое размытие:

Текстовые эффекты в Photoshop: диалоговое окно фильтра Gaussian Blur в Photoshop

Примените фильтр Gaussian Blur к тексту.

Вот текст после применения Gaussian Blur:

Photoshop Text Effects: текст теперь немного размыт

Текст теперь немного размыт.

Шаг 8: примени фильтр «Solarize» к тексту

С выделенным текстовым слоем вернитесь в меню Filter и на этот раз выберите Stylize , а затем выберите Solarize . Это сделает документ черным, и ваш текст будет выглядеть как белый штрих:

Текстовые эффекты в Photoshop: текст после применения фильтра Solarize

Изображение после применения фильтра Solarize.

Шаг 9: облегчить текст с уровнями

Текст выглядит немного темным, поэтому давайте его осветлим. Используйте сочетание клавиш Ctrl + L (Победа) / Command + L (Mac), чтобы вызвать команду « Уровни» в Photoshop , и перетаскивайте ползунок белой точки справа налево, пока не достигнете правого края гистограммы:

Текстовые эффекты в Photoshop: диалоговое окно Photoshop's Levels

Открыв диалоговое окно «Уровни», возьмите белый ползунок точки справа и перетащите его к правому краю гистограммы, чтобы сделать текст ярче.

Нажмите ОК. Текст теперь будет выглядеть намного ярче:

Текстовые эффекты в Photoshop: текст теперь намного ярче

Текст теперь намного ярче после применения уровней.

Шаг 10: сделай копию текстового слоя

Нам нужно сделать копию текстового слоя на этом этапе, поэтому для этого, когда выбран текстовый слой, используйте сочетание клавиш Ctrl + J (Win) / Command + J (Mac), которое добавит копию слой над ним в палитре слоев:

Текстовые эффекты в Photoshop: копирование текстового слоя

Палитра Слои теперь показывает и текстовый слой, и копию над ним.

Убедитесь, что копия текстового слоя выбрана, потому что все эти следующие шаги должны быть выполнены на копии. Мы не будем больше трогать оригинал до самого конца.

Шаг 11: примени фильтр «полярные координаты» к тексту

Вернитесь в меню «Фильтр» , выберите « Искажение» , а затем « Полярные координаты» . Мы собираемся отправить наш текст на Северный полюс. Хорошо, нет, мы не. То , что мы которые собираются сделать , так это выглядит очень странно. Когда появится диалоговое окно Polar Coordinates, выберите опцию Polar To Rectangular в самом низу и затем нажмите OK:

Текстовые эффекты в Photoshop: диалоговое окно Photoshop's Polar Coordinates

Диалоговое окно «Полярные координаты» в Photoshop.

Ваш текст теперь будет выглядеть очень странно:

Текстовые эффекты в Photoshop: текст после применения полярных координат

Текст после применения фильтра «Полярные координаты».

Шаг 12: вращай холст на 90 градусов по часовой стрелке

Перейдите в меню «Изображение» в верхней части экрана, выберите « Повернуть холст» , а затем выберите 90 ° по часовой стрелке, чтобы повернуть холст на 90 градусов по часовой стрелке:

Текстовые эффекты в Photoshop: поверните холст на 90 градусов по часовой стрелке

Поверните холст на 90 градусов по часовой стрелке.

Шаг 13: инвертируй изображение

Используйте сочетание клавиш Ctrl + I (Победа) / Command + I (Mac), чтобы инвертировать изображение, чтобы черный стал белым, а белый стал черным:

Photoshop Text Effects: инвертировать изображение

Инвертируйте изображение с помощью «Ctrl + I» (Победа) / «Command + I» (Mac).

Шаг 14: примени фильтр «Ветер» три раза

Вернитесь в меню Filter еще раз, выберите Stylize , а затем выберите Wind . Когда появится диалоговое окно «Фильтр ветра», убедитесь, что для « Метод» установлено значение « Ветер», а для « Направление» — значение «Справа» :

Photoshop Текстовые эффекты: Фильтр Photoshop's Wind

Фотошоп «Ветер» фильтр.

Нажмите кнопку ОК, чтобы применить фильтр ветра один раз. Затем дважды нажмите сочетание клавиш Ctrl + F (Win) / Command + F (Mac), чтобы применить тот же фильтр еще два раза.

Шаг 15: инвертируй изображение снова

Нажмите Ctrl + I (Победа) / Command + I (Mac), чтобы снова инвертировать изображение:

Текстовые эффекты в Photoshop: инвертируйте изображение еще раз

Инвертируйте изображение еще раз, используя «Ctrl + I» (Win) / «Command + I» (Mac).

Шаг 16: примени фильтр «Ветер» еще три раза

Когда изображение перевернуто, нажмите сочетание клавиш Ctrl + F (Win) / Command + F (Mac) еще три раза, чтобы применить фильтр к изображению еще три раза:

Текстовые эффекты в Photoshop: примените фильтр Wind еще три раза

Примените фильтр «Ветер» к изображению еще три раза.

Шаг 17: скрасить изображение снова с уровнями

Нам нужно снова сделать изображение ярче, используя Уровни, но на этот раз мы позволим Photoshop сделать всю работу за нас, используя Авто Уровни . Чтобы сделать это, нажмите Shift + Ctrl + L (Победа) / Shift + Command + L (Mac), чтобы применить команду Автоуровней к изображению, что сделает его ярче:

Текстовые эффекты в Photoshop: примените автоматическое выравнивание изображения, чтобы сделать его ярче

Примените команду «Автоуровни», чтобы сделать изображение ярче.

Шаг 18: поверните холст на 90 градусов против часовой стрелки

Вернитесь в меню «Изображение» на этом этапе, снова выберите « Повернуть холст» , и на этот раз выберите « 90 ° против часовой стрелки», чтобы повернуть холст обратно в исходное положение:

Текстовые эффекты в Photoshop. Поверните холст обратно так, как он был изначально

Поверните холст на 90 ° против часовой стрелки.

Шаг 19: примени фильтр «Полярные координаты» снова

Снова вернитесь в меню «Фильтр» , выберите « Искажение» , а затем — « Полярные координаты» . На этот раз выберите опцию Rectangular to Polar и нажмите OK:

Текстовые эффекты в Photoshop: снова примените фильтр Polar Coordinates

Снова примените «Polar Coordinates», на этот раз выбрав «Rectangular to Polar».

Ваше изображение должно выглядеть примерно так:

Текстовые эффекты в Photoshop: изображение после повторного применения фильтра Polar Coordinates

Изображение после применения фильтра «Полярные координаты» повторяется.

Шаг 20: установите режим наложения слоя на «Screen»

Перейдите к параметрам режима наложения в верхнем левом углу палитры «Слои» и измените режим наложения слоя копирования текста с «Нормальный» на « Экран », нажав стрелку вниз и выбрав «Экран» из списка:

Текстовые эффекты в Photoshop: изменение режима наложения на Screen

Измените режим наложения слоя копирования текста на Экран.

Это показывает исходный текстовый слой под ним:

Текстовые эффекты в Photoshop: теперь виден оригинальный текстовый слой

Исходный текстовый слой теперь также виден.

Шаг 21: примени слой градиента заполнения, чтобы добавить цвет

Нажмите на значок « Новый заливочный или корректирующий слой» в нижней части палитры слоев:

Текстовые эффекты в Photoshop: щелкните значок «Новый слой заливки или корректировки»

Нажмите значок «Новый слой заливки или корректировки».

И выберите «Градиент» из списка:

Текстовые эффекты в Photoshop: выберите параметр «Градиентный заливочный слой»

Выберите градиентный заливочный слой.

Когда появится диалоговое окно « Градиентная заливка », щелкните внутри области предварительного просмотра градиента вверху:

Текстовые эффекты в Photoshop: щелкните внутри области предварительного просмотра градиента

Нажмите внутри области предварительного просмотра градиента.

Это приведет к Gradient Editor диалогового окна. Нажмите на образец градиента в левом верхнем углу, сначала на градиент от черного к белому , и это обеспечит непрозрачность обоих цветов с обеих сторон градиента на 100%:

Текстовые эффекты в Photoshop: выберите градиент от черного к белому в левом верхнем углу

Выберите образец градиента от черного к белому в левом верхнем углу, чтобы сначала убедиться, что оба цвета установлены с непрозрачностью 100%.

Затем установите цвета градиента на то, что вам нравится. Я установил цвет слева на красновато-оранжевый, а цвет справа на желтовато-оранжевый:

Текстовые эффекты в Photoshop: установите градиентные цвета.

Установите градиентные цвета.

Выйдите из диалоговых окон градиента, как только вы выбрали цвета.

Шаг 22: измени режим смешивания слоя градиентной заливки на «цвет»

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

Текстовые эффекты в Photoshop: измените режим наложения на Color

Измените режим наложения градиентного заливочного слоя на «Цвет».

Изображение теперь раскрашено цветами градиента:

Photoshop Text Effects: изображение теперь раскрашено

Цвета градиента теперь применяются к изображению.

Шаг 23: примени радиальное размытие к оригинальному текстовому слою

На этом мы закончили со слоем копирования текста. Мы собираемся завершить последние несколько шагов, работая с исходным текстовым слоем, поэтому щелкните его в палитре слоев, чтобы выбрать его. Затем перейдите в меню «Фильтр» , выберите « Размытие» , а затем « Радиальное размытие» :

Текстовые эффекты в Photoshop: диалоговое окно Radial Blur в Photoshop

Диалоговое окно «Радиальное размытие» в Photoshop.

Установите Amount около 65 пикселей , в Размытие Метод для масштабирования , а также качества на лучшее , обведено выше, а затем нажмите кнопку OK , чтобы применить фильтр к исходному тексту:

Текстовые эффекты в Photoshop: радиальное размытие, примененное к изображению

Радиальное размытие применяется к изображению.

Шаг 24: загрузи сохраненный текст

Осталось сделать всего пару вещей. Сначала снова переключитесь на палитру каналов, как мы делали ранее. Мы собираемся перезагрузить тот выбор, который мы сохранили. Чтобы сделать это, просто щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте канала Alpha 1 в самом низу, чтобы загрузить выделение обратно в окно документа:

Текстовые эффекты в Photoshop: загрузить сохраненный выбор

Щелкните правой кнопкой мыши (Win) или удерживайте нажатой клавишу «Control» (Mac) в любом месте канала «Альфа-1», чтобы загрузить сохраненный выделенный текст.

Вернитесь к палитре слоев, когда закончите. Выбор теперь загружен в изображение:

Текстовые эффекты в Photoshop: выбранные теперь загружены в изображение

Выбор теперь загружен в изображение.

Осталось сделать одну вещь …

Шаг 25: заполни выбор черным

With the original text layer selected in the Layers palette and black still as your foreground color, press Alt+Backspace (Win) / Option-Delete (Mac) to fill the selection with black and finish the effect. Press Ctrl+D (Win) / Command+D (Mac) to remove the selection, and you’re done! After all that, here’s the final «light burst» text effect:

Photoshop Text Effects: конечный эффект

The final «Light Burst» effect.

Where to go next…

And there we have it! That’s how to create a colorful light burst effect with text in Photoshop! Check out our Text Effects or Photo Effects sections for more Photoshop effects tutorials!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш e-mail не будет опубликован.