В этом учебном пособии по текстовым эффектам в Photoshop мы научимся поглощать текст взрывом света и цвета. Этот текстовый эффект включает в себя довольно много шагов, и мы будем использовать несколько фильтров, которые не очень часто используются в повседневной работе с Photoshop, но создать эффект довольно просто, и конечный результат определенно стоит усилий.
Используете Photoshop CS6? Вы хотите следовать нашей полностью обновленной версии учебника по Photoshop CS6 .
Вот результат, к которому мы стремимся:
Давайте начнем!
Содержание
- 0.1 Шаг 1: Откройте новый документ Photoshop
- 0.2 Шаг 2: добавь свой текст
- 0.3 Шаг 3: измените размер текста с помощью бесплатной трансформации
- 0.4 Шаг 4: Растеризация вашего текста
- 0.5 Шаг 5: добавь выделение вокруг текста и сохрани его
- 0.6 Шаг 6: Используйте «Заполнить», чтобы заполнить текстовый слой белым и установить режим наложения «Умножение»
- 0.7 Шаг 7: примени фильтр Gaussian Blur к тексту
- 0.8 Шаг 8: примени фильтр «Solarize» к тексту
- 0.9 Шаг 9: облегчить текст с уровнями
- 0.10 Шаг 10: сделай копию текстового слоя
- 0.11 Шаг 11: примени фильтр «полярные координаты» к тексту
- 0.12 Шаг 12: вращай холст на 90 градусов по часовой стрелке
- 0.13 Шаг 13: инвертируй изображение
- 0.14 Шаг 14: примени фильтр «Ветер» три раза
- 0.15 Шаг 15: инвертируй изображение снова
- 0.16 Шаг 16: примени фильтр «Ветер» еще три раза
- 0.17 Шаг 17: скрасить изображение снова с уровнями
- 0.18 Шаг 18: поверните холст на 90 градусов против часовой стрелки
- 0.19 Шаг 19: примени фильтр «Полярные координаты» снова
- 0.20 Шаг 20: установите режим наложения слоя на «Screen»
- 0.21 Шаг 21: примени слой градиента заполнения, чтобы добавить цвет
- 0.22 Шаг 22: измени режим смешивания слоя градиентной заливки на «цвет»
- 0.23 Шаг 23: примени радиальное размытие к оригинальному текстовому слою
- 0.24 Шаг 24: загрузи сохраненный текст
- 0.25 Шаг 25: заполни выбор черным
- 1 Where to go next…
Шаг 1: Откройте новый документ Photoshop
Откройте новый документ в Photoshop, перейдя в меню «Файл» и выбрав « Новый …» , или с помощью сочетания клавиш Ctrl + N (Победа) / « Command» + N (Mac). Вы можете выбрать собственную ширину и высоту для своего документа, но если вы хотите следовать, я выбрал размер 640×480 из списка доступных предустановок, чтобы упростить задачу. Я также оставил значение разрешения по умолчанию равным 72 пикселей / дюйм . Поскольку я создаю этот текстовый эффект для Интернета, не имеет значения, какое значение разрешения я установил, поэтому по умолчанию это хорошо:
Шаг 2: добавь свой текст
Открыв новый пустой документ, возьмите инструмент «Текст» с палитры «Инструменты» или нажмите T на клавиатуре. Убедитесь, что в качестве цвета переднего плана выбран черный . Если это не так, просто нажмите D на клавиатуре, чтобы сбросить его до черного. Выберите свой шрифт на панели параметров в верхней части экрана. Толстые, тяжелые шрифты работают лучше всего для этого эффекта. Затем идите вперед и введите свой текст. Я собираюсь использовать «Удар», и я буду печатать слова «LIGHT BURST»:
Шаг 3: измените размер текста с помощью бесплатной трансформации
Выбрав текстовый слой в палитре слоев, используйте сочетание клавиш Ctrl + T (Win) / Command + T (Mac), чтобы открыть окно « Свободное преобразование» и обвести текст. Удерживая нажатой клавишу «Shift» + «Alt» (победа) / « Shift» + «Option» (Mac), перетащите любой из угловых маркеров, чтобы увеличить текст и заполнить область документа. Удерживание Shift ограничивает пропорции текста, а нажатие Alt / Option изменяет размер текста по центру:
Обязательно оставляйте достаточно места вокруг текста для нашего светового эффекта. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование.
Шаг 4: Растеризация вашего текста
Мы собираемся применить несколько фильтров к нашему тексту, но Photoshop не позволяет нам сделать это без предварительной его растеризации, что означает просто преобразование его в пиксели. Итак, снова с выделенным текстовым слоем, зайдите в меню Layer в верхней части экрана, выберите Rasterize , а затем выберите Type . Это преобразует наш текст в пиксели. Он будет выглядеть так же в окне документа, но в палитре Слои слой Тип теперь будет обычным слоем:
Шаг 5: добавь выделение вокруг текста и сохрани его
Удерживая клавишу «Ctrl» (Win) / « Command» (Mac) непосредственно в области предварительного просмотра миниатюр текстового слоя в палитре «Слои», можно быстро загрузить выделение вокруг текста:
Ваш текст теперь будет выделен:
С выделенным текстом перейдите в меню «Выбрать» в верхней части экрана и выберите « Сохранить выделение» . Когда появится диалоговое окно « Сохранить выделение », просто нажмите « ОК» . Нет необходимости называть его или вносить какие-либо изменения в параметры.
Как только вы сохранили свой выбор, нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выделение текста.
Переключитесь на палитру «Каналы» на мгновение (она сгруппирована рядом с палитрой «Слои»), и вы увидите, что ваш выбор сохранен как новый канал с именем «Альфа 1» в самом низу. Мы вернемся сюда чуть позже, чтобы снова загрузить наш выбор:
Шаг 6: Используйте «Заполнить», чтобы заполнить текстовый слой белым и установить режим наложения «Умножение»
Снова переключитесь на палитру слоев и, выделив текстовый слой, перейдите в меню «Правка» в верхней части экрана и выберите « Заливка» или нажмите Shift + F5 на клавиатуре, чтобы быстро открыть диалоговое окно « Заливка» в Photoshop . Когда появится диалоговое окно, установите для параметра « Содержимое» значение « Белый» и измените режим наложения на « Умножение» :
Нажмите ОК, когда вы закончите. Похоже, ничего не произошло в окне документа, но если вы посмотрите на миниатюру вашего текстового слоя в палитре слоев, вы увидите, что все пустое пространство вокруг текста теперь заполнено белым, а текст остается черным благодаря этому режиму «Умножение».
Шаг 7: примени фильтр Gaussian Blur к тексту
Перейдите в меню «Фильтр» в верхней части экрана, выберите « Размытие» , а затем выберите « Размытие по Гауссу» . Когда появится диалоговое окно Размытие по Гауссу, введите значение радиуса около 4 пикселей и нажмите кнопку «ОК», чтобы применить к тексту небольшое размытие:
Вот текст после применения Gaussian Blur:
Шаг 8: примени фильтр «Solarize» к тексту
С выделенным текстовым слоем вернитесь в меню Filter и на этот раз выберите Stylize , а затем выберите Solarize . Это сделает документ черным, и ваш текст будет выглядеть как белый штрих:
Шаг 9: облегчить текст с уровнями
Текст выглядит немного темным, поэтому давайте его осветлим. Используйте сочетание клавиш Ctrl + L (Победа) / Command + L (Mac), чтобы вызвать команду « Уровни» в Photoshop , и перетаскивайте ползунок белой точки справа налево, пока не достигнете правого края гистограммы:
Нажмите ОК. Текст теперь будет выглядеть намного ярче:
Шаг 10: сделай копию текстового слоя
Нам нужно сделать копию текстового слоя на этом этапе, поэтому для этого, когда выбран текстовый слой, используйте сочетание клавиш Ctrl + J (Win) / Command + J (Mac), которое добавит копию слой над ним в палитре слоев:
Убедитесь, что копия текстового слоя выбрана, потому что все эти следующие шаги должны быть выполнены на копии. Мы не будем больше трогать оригинал до самого конца.
Шаг 11: примени фильтр «полярные координаты» к тексту
Вернитесь в меню «Фильтр» , выберите « Искажение» , а затем « Полярные координаты» . Мы собираемся отправить наш текст на Северный полюс. Хорошо, нет, мы не. То , что мы которые собираются сделать , так это выглядит очень странно. Когда появится диалоговое окно Polar Coordinates, выберите опцию Polar To Rectangular в самом низу и затем нажмите OK:
Ваш текст теперь будет выглядеть очень странно:
Шаг 12: вращай холст на 90 градусов по часовой стрелке
Перейдите в меню «Изображение» в верхней части экрана, выберите « Повернуть холст» , а затем выберите 90 ° по часовой стрелке, чтобы повернуть холст на 90 градусов по часовой стрелке:
Шаг 13: инвертируй изображение
Используйте сочетание клавиш Ctrl + I (Победа) / Command + I (Mac), чтобы инвертировать изображение, чтобы черный стал белым, а белый стал черным:
Шаг 14: примени фильтр «Ветер» три раза
Вернитесь в меню Filter еще раз, выберите Stylize , а затем выберите Wind . Когда появится диалоговое окно «Фильтр ветра», убедитесь, что для « Метод» установлено значение « Ветер», а для « Направление» — значение «Справа» :
Нажмите кнопку ОК, чтобы применить фильтр ветра один раз. Затем дважды нажмите сочетание клавиш Ctrl + F (Win) / Command + F (Mac), чтобы применить тот же фильтр еще два раза.
Шаг 15: инвертируй изображение снова
Нажмите Ctrl + I (Победа) / Command + I (Mac), чтобы снова инвертировать изображение:
Шаг 16: примени фильтр «Ветер» еще три раза
Когда изображение перевернуто, нажмите сочетание клавиш Ctrl + F (Win) / Command + F (Mac) еще три раза, чтобы применить фильтр к изображению еще три раза:
Шаг 17: скрасить изображение снова с уровнями
Нам нужно снова сделать изображение ярче, используя Уровни, но на этот раз мы позволим Photoshop сделать всю работу за нас, используя Авто Уровни . Чтобы сделать это, нажмите Shift + Ctrl + L (Победа) / Shift + Command + L (Mac), чтобы применить команду Автоуровней к изображению, что сделает его ярче:
Шаг 18: поверните холст на 90 градусов против часовой стрелки
Вернитесь в меню «Изображение» на этом этапе, снова выберите « Повернуть холст» , и на этот раз выберите « 90 ° против часовой стрелки», чтобы повернуть холст обратно в исходное положение:
Шаг 19: примени фильтр «Полярные координаты» снова
Снова вернитесь в меню «Фильтр» , выберите « Искажение» , а затем — « Полярные координаты» . На этот раз выберите опцию Rectangular to Polar и нажмите OK:
Ваше изображение должно выглядеть примерно так:
Шаг 20: установите режим наложения слоя на «Screen»
Перейдите к параметрам режима наложения в верхнем левом углу палитры «Слои» и измените режим наложения слоя копирования текста с «Нормальный» на « Экран », нажав стрелку вниз и выбрав «Экран» из списка:
Это показывает исходный текстовый слой под ним:
Шаг 21: примени слой градиента заполнения, чтобы добавить цвет
Нажмите на значок « Новый заливочный или корректирующий слой» в нижней части палитры слоев:
И выберите «Градиент» из списка:
Когда появится диалоговое окно « Градиентная заливка », щелкните внутри области предварительного просмотра градиента вверху:
Это приведет к Gradient Editor диалогового окна. Нажмите на образец градиента в левом верхнем углу, сначала на градиент от черного к белому , и это обеспечит непрозрачность обоих цветов с обеих сторон градиента на 100%:
Затем установите цвета градиента на то, что вам нравится. Я установил цвет слева на красновато-оранжевый, а цвет справа на желтовато-оранжевый:
Выйдите из диалоговых окон градиента, как только вы выбрали цвета.
Шаг 22: измени режим смешивания слоя градиентной заливки на «цвет»
С выбранным слоем градиентной заливки вернитесь к параметрам режима наложения в левом верхнем углу палитры слоев и измените режим наложения слоя на Color :
Изображение теперь раскрашено цветами градиента:
Шаг 23: примени радиальное размытие к оригинальному текстовому слою
На этом мы закончили со слоем копирования текста. Мы собираемся завершить последние несколько шагов, работая с исходным текстовым слоем, поэтому щелкните его в палитре слоев, чтобы выбрать его. Затем перейдите в меню «Фильтр» , выберите « Размытие» , а затем « Радиальное размытие» :
Установите Amount около 65 пикселей , в Размытие Метод для масштабирования , а также качества на лучшее , обведено выше, а затем нажмите кнопку OK , чтобы применить фильтр к исходному тексту:
Шаг 24: загрузи сохраненный текст
Осталось сделать всего пару вещей. Сначала снова переключитесь на палитру каналов, как мы делали ранее. Мы собираемся перезагрузить тот выбор, который мы сохранили. Чтобы сделать это, просто щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте канала Alpha 1 в самом низу, чтобы загрузить выделение обратно в окно документа:
Вернитесь к палитре слоев, когда закончите. Выбор теперь загружен в изображение:
Осталось сделать одну вещь …
Шаг 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:
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!