Текста для фотошопа cs6: Узнайте, как использовать инструмент «Текст», изучив несколько простых действий

Идем в Фильтр> Пластика.

Выберите инструмент Forward Warp Tool

Убедитесь, что в диалоговом окне фильтра «Пластика» на панели инструментов слева выбран инструмент Forward Warp Tool :

Выбор инструмента прямой деформации.

Установите размер кисти

Затем в параметрах инструмента кисти справа установите размер вашей кисти примерно на 100 пикселей :

Начиная с кисти размером 100 пикселей.

Искажение полос

Первое, что нам нужно сделать, это придать полосам, созданным с помощью фильтра ветра, больше оттенка wispy . Щелкните внутри полос в разных местах и ​​перетащите указатель мыши на небольшое расстояние влево или вправо, чтобы плавно деформировать их и создать тонкие случайные кривые.Просто щелкните, перетащите, отпустите кнопку мыши, а затем снова щелкните и перетащите в другую область. Старайтесь пока не щелкать внутри самих букв. Просто деформируйте и покачивайте полосы:

Перетаскивание полос влево и вправо для их деформации.

Исправьте ошибки с помощью Reconstruct Tool

Если вы допустили ошибку, отмените последний шаг, нажав Ctrl + Z (Win) / Command + Z (Mac). Или выберите инструмент Reconstruct Tool на панели инструментов, а затем закрасьте область, чтобы отменить примененную деформацию.Как только вы устранили ошибку, вернитесь к инструменту Forward Warp Tool и продолжайте деформировать полосы:

Вы можете отменить деформацию с помощью инструмента реконструкции.

Не забудьте включить полосы в средней и нижней частях букв. Если вам нужно отрегулировать размер кисти, нажмите клавиши левой и правой скобок на клавиатуре. Левая скобка ([) делает кисть меньше, а правая скобка (]) — больше. Когда вы закончите, у вас должно получиться что-то похожее на то, что у меня здесь:

Полосы после добавления начальной деформации.

Уменьшите размер кисти и нарисуйте небольшой огонь

Вернувшись в Параметры инструмента кисти, уменьшите Размер вашей кисти примерно до 20 пикселей :

Уменьшение размера кисти.

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

Рисование маленьких огоньков по верхним частям букв.

Опять же, если вы ошиблись, нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить последний шаг. Когда вы закончите с верхними частями букв, проделайте то же самое с нижней и средней частями. Результат должен выглядеть примерно так:

Результат после прорисовки небольшого пламени.

Увеличьте размер кисти и нарисуйте пламя большего размера

Увеличьте размер кисти примерно до 50 пикселей :

Выбираем кисть большего размера.

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

Рисуем пламя большего размера с помощью кисти большего размера.

Вот мой результат после добавления пламени большего размера:

Добавлено пламя большего размера.

Увеличьте размер кисти и нарисуйте самый большой огонь

Наконец, увеличьте размер кисти примерно до 70 пикселей :

Устанавливаю размер кисти 70 пикселей.

А затем щелкните и перетащите, чтобы добавить еще несколько больших огней вдоль вершин. По одному на письмо:

Добавляем несколько больших огней для усиления эффекта.

Когда вы закончите, нажмите OK, чтобы закрыть фильтр Liquify, и вот мой результат:

Результат фильтра «Пластика».

Часть 3: Раскрашивание пламени

Шаг 18: Добавьте два корректирующих слоя Hue / Saturation

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

Добавьте первый корректирующий слой оттенка / насыщенности

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

Добавление нового корректирующего слоя.

Затем выберите Hue / Saturation из списка:

Выбор оттенка / насыщенности.

Корректирующий слой появляется непосредственно над слоем «Пламя»:

Добавлен первый корректирующий слой оттенка / насыщенности.

Элементы управления и параметры для корректирующего слоя появляются на панели «Свойства» Photoshop.Сначала включите опцию Colorize . Затем установите значение Hue на 40 и Saturation на 100 :

Элементы управления оттенком / насыщенностью на панели свойств.

Добавляет теплый желтый цвет вершинам пламени:

Результат с первым корректирующим слоем оттенка / насыщенности.

Добавьте второй корректирующий слой оттенка / насыщенности

Добавьте второй корректирующий слой оттенка / насыщенности, снова щелкнув значок New Fill или Adjustment Layer на панели слоев:

Щелкните значок «Новая заливка или корректирующий слой».

И выбрав Hue / Saturation из списка:

Снова выбираем оттенок / насыщенность.

На панели «Свойства» на этот раз оставьте параметр Colorize , снятым , и просто установите значение Hue на -15 :

Установка оттенка -15.

Это изменяет цвет пламени с желтого на оранжевый:

Результат со вторым корректирующим слоем Hue / Saturation.

Шаг 19: Измените режим наложения на Overlay

Чтобы смешать цвета двух корректирующих слоев Hue / Saturation, измените режим наложения второго с Normal на Overlay :

Изменение режима наложения слоя на Overlay.

Это смешивает оранжевый и желтый вместе:

Результат после изменения режима наложения.

Шаг 20. Добавьте коррекцию уровней над слоем «Пламя».

Чтобы изменить оставшиеся белые области на желтые, выберите слой «Пламя»:

Выбор слоя «Пламя».

Затем щелкните значок Новый слой заливки или корректирующего слоя :

Щелкните значок «Новая заливка или корректирующий слой».

И на этот раз выберите уровней :

Добавление корректирующего слоя уровней.

Photoshop добавляет корректирующий слой «Уровни» непосредственно над слоем «Пламя»:

Добавлен корректирующий слой «Уровни».

Шаг 21: Уменьшите максимальную яркость Выходной уровень

На панели «Свойства» вы увидите два значения для выходных уровней ; один установлен на 0, а другой на 255. Первое значение контролирует минимальный уровень яркости слоев ниже корректирующего слоя, а второе — максимальную яркость. Чтобы уменьшить цвет пламени и текста с белого до желтого, уменьшите второе значение с 255 до 185 :

Снижение максимальной яркости Выходной уровень до 185.

И вот результат. Белые области теперь желтые, но оранжевые блики по-прежнему остаются на вершинах пламени:

Результат после понижения уровня вывода.

Загрузите это руководство в виде готового к печати PDF-файла!

Часть 4: Раскрашивание текста

Теперь, когда мы добавили цвет пламени, давайте раскрасим сам текст. И мы сделаем это с помощью эффектов слоя Photoshop.

Шаг 22: Выберите и включите верхний слой

Вернувшись на панель «Слои», щелкните верхний слой (слой «FIRE copy»), чтобы выбрать его, а затем включите слой, щелкнув его значок видимости :

Выбор и включение текстового слоя.

Шаг 23: переименуйте слой

Так как это наш основной текстовый слой, дважды щелкните его имя, чтобы выделить его, а затем переименуйте слой «Текст». Нажмите Введите (Win) / Верните (Mac), чтобы принять его:

Переименование верхнего слоя «Текст».

Шаг 24: Добавьте эффект слоя Gradient Overlay

Выбрав слой «Текст», щелкните значок Layer Styles (значок «fx») в нижней части панели «Слои»:

Щелкните значок «Стили слоя».

Затем выберите Gradient Overlay из списка:

Добавление эффекта слоя Gradient Overlay.

Сброс значений градиента по умолчанию

Откроется диалоговое окно «Стиль слоя» в Photoshop, для которого заданы параметры «Наложение градиента». Сначала нажмите кнопку Reset to Default , чтобы убедиться, что мы начинаем с настроек по умолчанию:

Сброс наложения градиента к настройкам по умолчанию.

Редактирование градиента

Чтобы изменить градиент, щелкните образец цвета :

Щелкните образец цвета.

В редакторе градиента дважды щелкните точку цвета под левым концом градиента:

Редактирование левого цвета.

Затем в палитре цветов выберите темно-красный, установив значение Hue (H) на 7 , значение Saturation (S) на 100 и значение Brightness (B) на . 27 . Нажмите ОК, чтобы закрыть палитру цветов:

Установка темно-красного цвета левого градиента.

Вернувшись в Редактор градиента, дважды щелкните на цветовой ограничитель под правым концом градиента:

Правка нужного цвета.

И в палитре цветов выберите более яркий оранжевый, установив оттенок от до 30 , насыщенность от до 95 и яркость от до 96 :

Установка оранжевого цвета правого градиента.

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

Результат после добавления Gradient Overlay к тексту.

Шаг 25: Добавьте стиль слоя Outer Glow

В диалоговом окне Layer Style выберите Outer Glow из списка эффектов слева:

Добавление эффекта слоя Outer Glow.

Затем в параметрах Outer Glow щелкните образец цвета , чтобы изменить цвет свечения:

Щелкните образец цвета Outer Glow.

И в палитре цветов выберите ярко-красный. Я установил значение Hue на 0 , Saturation на 95 и Brightness также на 95 . Затем нажмите OK, чтобы закрыть палитру цветов:

Выбор ярко-красного цвета для внешнего свечения.

Вернувшись к параметрам Outer Glow, настройте Opacity, чтобы управлять яркостью свечения, и Size, чтобы контролировать расстояние, на которое свечение распространяется наружу от текста.Я установил непрозрачность на 60% и размер от до 40 пикселей :

Установка непрозрачности и размера внешнего свечения.

Вот эффект красного свечения вокруг букв:

Результат с применением внешнего свечения.

Шаг 26: Добавьте внутреннее свечение

По-прежнему в диалоговом окне Layer Style выберите Inner Glow слева:

Добавление эффекта слоя Inner Glow.

В параметрах внутреннего свечения щелкните образец цвета :

Изменение цвета внутреннего свечения.

И в палитре цветов выберите ярко-оранжевый. Я установил Hue на 20 , Saturation на 100 и Brightness на 90 . По завершении нажмите OK, чтобы закрыть палитру цветов:

Выбор апельсина для внутреннего свечения.

И, наконец, вернувшись к параметрам Inner Glow, увеличьте непрозрачность до 100% , затем установите Size примерно на 24 пикселя :

Установка непрозрачности и размера внутреннего свечения.

Мы закончили со стилями слоев, поэтому нажмите OK, чтобы закрыть диалоговое окно Layer Style. Вот результат со всеми тремя эффектами слоя, примененными к тексту:

Результат с примененными эффектами всех трех слоев.

Часть 5: Смешивание текста с пламенем

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

Шаг 27: Добавьте маску слоя к текстовому слою

При активном слое «Текст» щелкните значок Добавить маску слоя в нижней части панели «Слои»:

Добавление маски слоя к слою «Текст».

Белая миниатюра маски слоя появляется рядом с миниатюрой предварительного просмотра слоя «Текст»:

Миниатюра маски слоя.

Шаг 28: Выберите инструмент Brush Tool

Возьмите Brush Tool с панели инструментов:

Выбор инструмента «Кисть».

Шаг 29: Установите цвет кисти на черный

Нам нужно закрасить маску слоя черным цветом, поэтому убедитесь, что ваш Цвет переднего плана (цвет кисти) установлен на черный :

Установите черный цвет кисти.

Шаг 30: Закрасьте края букв, чтобы смешаться с пламенем

Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) внутри документа, чтобы открыть параметры кисти. Затем уменьшите жесткость до 0% , чтобы рисовать мягкой кистью, и установите для параметра Size значение 30-40 пикселей . Нажмите Введите (Win) / Верните (Mac), чтобы закрыть параметры кисти:

Установите размер и жесткость кисти.

Затем начните с рисования по верхним частям букв. Острые края текста исчезнут в огне. Попробуйте рисовать более волнистой, чем прямой линией:

Закрашивайте верхнюю часть первой буквы, чтобы края смешались с пламенем.

Если вы допустили ошибку, нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы отменить ее. Затем продолжайте рисовать, пока верхняя часть каждой буквы не будет выглядеть так, как будто она тает в огне:

Результат после смешивания верхних букв букв.

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

Прокрасьте остальные края, чтобы они также смешались с пламенем.

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

Закрашиваем случайные части краев, чтобы добавить свечения.

Вот мой результат после рисования по краям. Мы почти закончили:

Эффект после смешивания текста с пламенем.

Часть 6: Добавление текстуры к эффекту

Давайте добавим текстуру как самому тексту, так и пламени.

Шаг 31: Добавьте новый слой

При активном слое «Текст» щелкните значок New Layer в нижней части панели «Слои»:

Добавление нового слоя.

Новый пустой слой появляется над слоем «Текст». Мы собираемся создать текстуру с помощью фильтра Photoshop «Облака», поэтому дважды щелкните имя слоя, чтобы выделить его, а затем переименуйте его в «Облака». Нажмите Введите (Win) / Верните (Mac), чтобы принять его:

Переименуйте новый слой в «Облака».

Шаг 32: Примените фильтр «Облака».

Убедитесь, что на панели инструментов для цветов переднего плана и фона установлены значения по умолчанию (черный и белый).Если это не так, нажмите D на клавиатуре, чтобы сбросить их:

Цвета переднего плана и фона по умолчанию.

Затем перейдите в меню Filter , выберите Render , а затем выберите Clouds :

Идем в Filter> Render> Clouds.

Photoshop заполняет слой случайными черно-белыми «облаками», временно закрывая вид текста:

Документ после запуска фильтра «Облака».

Чтобы смешать текстуру облака с текстом и пламенем, измените режим наложения слоя «Облака» с Нормального на Overlay .Затем отрегулируйте интенсивность текстуры, уменьшив непрозрачность слоя примерно до 70% :

Смешивание текстуры облака с текстом.

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

Эффект с добавлением текстуры облака.

Шаг 33: Добавьте еще один новый слой

Мы добавим еще одну текстуру, на этот раз, чтобы усилить пламя.Снова щелкните значок New Layer внизу панели слоев:

Добавляем еще один новый слой.

Новый слой появится над слоем «Облака». Мы создадим эту вторую текстуру с помощью фильтра «Волокна» в Photoshop, поэтому переименуйте этот слой в «Волокна»:

Слой «Fibers» будет использован для добавления текстуры пламени.

Шаг 34: Примените фильтр «Волокна»

Убедитесь, что цвета переднего плана и фона по-прежнему установлены на черный и белый:

Фильтры «Облака» и «Волокна» используют цвета переднего плана и фона.

Затем перейдите в меню Filter , выберите Render , а затем выберите Fibers :

Идем в Filter> Render> Fibers.

В диалоговом окне Fibers просто примите настройки по умолчанию и нажмите OK:

Подойдут настройки волокон по умолчанию.

Photoshop заполняет слой случайным рисунком волокон, снова блокируя текстовый эффект от просмотра:

Текстура, созданная с помощью фильтра «Волокна».

Шаг 35: Размытие текстуры с помощью Gaussian Blur

Смягчите текстуру, перейдя в меню Filter , выбрав Blur , а затем выбрав Gaussian Blur :

Идем в Фильтр> Размытие> Размытие по Гауссу.

В диалоговом окне «Размытие по Гауссу» установите значение Радиус на 2 пикселя , а затем нажмите «ОК»:

Добавляем небольшое размытие к волокнам.

Шаг 36: Измените режим наложения на Soft Light

Затем, чтобы смешать волокна с пламенем, измените режим наложения слоя «Волокна» на Soft Light :

Изменение режима наложения слоя «Волокна» на «Мягкий свет».

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

Результат после изменения режима наложения текстуры «Волокна».

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

Чтобы исправить это, нажмите и удерживайте клавишу Alt (Win) / Option (Mac) и щелкните значок Добавить маску слоя на панели слоев:

Удерживайте Alt (Win) / Option (Mac) и добавьте маску слоя.

Добавляет маску слоя к слою «Fibers» и заполняет маску черным цветом , который скрывает всю текстуру от просмотра:

Клавиша Alt (Win) / Option (Mac) заполняет маску черным вместо белого.

Шаг 38: Закрасьте текстуру пламени

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

Нажмите X, чтобы установить белый цвет кисти.

Затем используйте клавиши левой или правой скобки на клавиатуре, чтобы изменить размер кисти по мере необходимости, и закрасьте пламя, чтобы вернуть текстуру волокон:

Закрасьте пламя, чтобы восстановить текстуру.

Если вы допустили ошибку и случайно закрасили текст, нажмите X , чтобы поменять цвет кисти с белого на , черный , а затем закрасьте ошибку, чтобы скрыть ее. Затем снова нажмите X , чтобы поменять цвет кисти обратно на белый и продолжить рисование поверх пламени. И вот, после отрисовки текстуры, мой последний результат «огненного текста»:

Окончательный эффект.

И вот оно! Вот как поджечь текст с помощью Photoshop! Вы также можете узнать, как превратить текст в золото, как создать ретро-текст 80-х, как создать восхитительный текст из леденцов и многое другое в нашем разделе текстовых эффектов Photoshop!

Создание эффекта золотого текста в Photoshop CC и CS6

Превратите шрифт в золотой с помощью этого пошагового руководства, в котором показано, как создавать блестящие золотые буквы и текст в Photoshop! Теперь полностью обновлено для Photoshop CC 2019!

Автор Стив Паттерсон.

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

Я обновил это руководство, включив в него последние изменения в Photoshop, такие как новая панель кистей в Photoshop CC 2018 и новые ярлыки Free Transform в CC 2019. Поэтому для достижения наилучших результатов вы захотите использовать последнюю версию Photoshop CC.Но при необходимости я также включаю исходные шаги, чтобы пользователи Photoshop CS6 могли следовать им.

Вот как будет выглядеть эффект золотого текста, когда мы закончим:

Окончательный эффект.

Приступим!

Загрузите наши учебные пособия по Photoshop в формате PDF и получите мое эксклюзивное Полное руководство по режимам наложения слоев !

Как создать золотой текст в Photoshop

Я начну с шагов по настройке документа и добавлению исходного текста.Но если вы уже добавили свой текст, вы можете перейти к шагу 8, где мы начнем превращать текст в золото.

Шаг 1. Создайте новый документ Photoshop

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

Переход к файлу> Создать.

И в диалоговом окне «Новый документ» установите для ширины вашего документа значение 1600 пикселей , высоту от до 800 пикселей и разрешение от до 72 пикселей / дюйм .

Затем в Photoshop CC нажмите кнопку «Создать» или в CS6 нажмите «ОК»:

Установка ширины, высоты и разрешения нового документа.

Появляется новый документ:

Новый документ Photoshop.

Шаг 2: Заполните документ черным цветом

Чтобы золотые буквы выделялись, измените цвет фона документа с белого на черный.

Перейдите в меню Edit в строке меню и выберите Fill :

Идем в меню «Правка»> «Заливка».

Затем в диалоговом окне «Заливка» установите для Contents значение Black и нажмите OK:

Изменение содержания на черный.

Photoshop заполняет фон черным цветом:

Документ после заливки фона черным.

Шаг 3. Выберите инструмент «Текст»

Чтобы добавить текст, выберите инструмент Type Tool на панели инструментов:

Выбор инструмента «Текст».

Шаг 4. Выберите шрифт

Затем на панели параметров выберите шрифт.Для этого урока я буду прост и использую Times New Roman Bold , но вы можете использовать любой шрифт, который вам нравится.

Установите размер для типа 72 pt . Мы изменим размер шрифта, как только добавим его, но это даст нам самый большой предустановленный размер на данный момент:

Выбор шрифта и установка размера 72 pt.

Шаг 5: Установите белый цвет шрифта

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

Щелкните образец цвета на панели параметров:

Щелкните образец цвета.

И в палитре цветов выберите белый, установив значения R , G и B (красный, зеленый и синий) каждое на 255 . Затем закройте палитру цветов, нажав ОК:

Изменение цвета шрифта на белый.

Шаг 6: Добавьте свой текст в документ

Щелкните внутри документа и добавьте свой текст.Я наберу слово «ЗОЛОТО».

Не беспокойтесь, что текст слишком мелкий. На следующем шаге мы изменим его размер:

Добавление текста.

Чтобы принять текст, щелкните галочкой на панели параметров:

Щелкните галочку, чтобы принять текст.

Шаг 7. Измените размер и положение текста с помощью Free Transform

Чтобы изменить размер текста и переместить его в центр холста, перейдите в меню Edit и выберите Free Transform :

Идем в Edit> Free Transform.

Затем измените размер текста, щелкнув и перетащив любой из угловых маркеров , которые появляются вокруг него.

Но именно здесь мы обнаруживаем разницу между Photoshop CC и CS6.

Как изменить размер текста в Photoshop CC

Начиная с Photoshop CC 2019, Free Transform теперь автоматически блокирует соотношение сторон при перетаскивании маркеров, поэтому вы не искажаете формы букв при изменении размера текста. Это именно то поведение, которое нам нужно, поэтому, если вы используете Photoshop CC, вы можете просто перетащить ручки, не добавляя никаких клавиш-модификаторов.

Как изменить размер текста в Photoshop CS6

Но в CS6 вам нужно нажать и удерживать клавишу Shift , когда вы перетаскиваете ручки, чтобы зафиксировать соотношение сторон на месте. И когда вы закончите изменять размер текста, не забудьте отпустить кнопку мыши до того, как отпустит клавишу Shift.

Как переместить текст в центр документа

После изменения размера текста переместите его в центр холста, щелкнув внутри поля «Свободное преобразование» и перетащив текст на место.

Когда вы закончите, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы закрыть Free Transform:

Изменение размера текста путем перетаскивания угловых маркеров.

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

Теперь, когда мы добавили текст, мы готовы начать превращать буквы в золото.

На панели «Слои» сделайте копию слоя «Текст», перетащив ее на значок «Добавить новый слой» внизу:

Перетащите текстовый слой на значок «Добавить новый слой».

Копия текстового слоя появляется над оригиналом:

Появится слой «ЗОЛОТАЯ копия».

Очистите панель «Слои» в Photoshop с помощью этих важных советов!

Шаг 9. Раскрасьте текст с помощью эффекта слоя «Наложение градиента»

Чтобы превратить текст в золото, мы воспользуемся эффектами слоя Photoshop. И первый необходимый нам эффект — это Gradient Overlay. Мы будем использовать его, чтобы добавить к буквам немного золотого цвета.

Находясь на панели «Слои», убедитесь, что выбран слой «ЗОЛОТАЯ копия».Затем щелкните значок Layer Styles (значок «FX») внизу:

Щелкните значок «Стили слоя».

В меню эффектов слоя выберите Gradient Overlay :

Выбор эффекта слоя наложения градиента.

Шаг 10: Создайте собственный золотой градиент

Photoshop открывает диалоговое окно «Стиль слоя», в котором заданы параметры «Наложение градиента».

Во-первых, удалите все предыдущие настройки, которые вы, возможно, использовали, нажав кнопку Reset to Default :

Сброс параметров наложения градиента.

Затем отредактируйте цвета градиента, щелкнув образец градиента :

Щелкните образец цвета градиента.

В редакторе градиентов дважды щелкните на цветовой ограничитель под левой стороной градиента:

Дважды щелкните левый ограничитель цвета.

Добавление цветов золотого градиента

Мы собираемся создать собственный золотой градиент для текста. И чтобы помочь нам, я взял образцы цветов с фотографии золотой монеты.

В палитре цветов установите значение R на 247 , значение G на 238 и значение B на 173 . Затем нажмите OK, чтобы закрыть палитру цветов:

Изменение цвета левой части золотого градиента.

Вернувшись в редактор градиентов, дважды щелкните цветовой ограничитель под правой стороной градиента:

Дважды щелкните правую цветовую границу.

И в палитре цветов установите R на 193 , G на 172 и B на 81 .Затем нажмите ОК:

Изменение цвета правой стороны золотого градиента.

Узнайте, как выбирать цвета текста из изображений!

Шаг 11: Сохраните золотой градиент как предустановку

Вам снова понадобится этот градиент, поэтому сохраните его как предустановку.

В редакторе градиентов назовите градиент «Золотой», а затем нажмите кнопку New , чтобы сохранить его:

Сохранение пользовательского градиента как предустановки.

Миниатюра золотого градиента отображается в области Presets :

Photoshop добавляет миниатюру для нашей новой предустановки градиента Gold.

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

Вот текст с примененным золотым градиентом:

Текст раскрашен золотым градиентом.

Шаг 12: Измените стиль градиента на Reflected

Вернувшись в диалоговое окно Layer Style, измените Style градиента на Reflected :

Изменение стиля на «Отраженный».

При этом более темный золотой цвет перемещается вверх и вниз по тексту, а более светлый цвет проходит через середину:

Эффект со стилем градиента, установленным на «Отраженное».

Шаг 13: Добавьте эффект слоя Bevel & Emboss

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

Выберите Bevel & Emboss , щелкнув непосредственно на имени эффекта:

Добавление эффекта слоя Bevel & Emboss.

А затем удалите все предыдущие пользовательские настройки, нажав кнопку Сбросить на значение по умолчанию :

Восстановление значений по умолчанию для параметров Bevel & Emboss.

Шаг 14: Измените технику на твердое долото

Убедитесь, что в разделе «Структура» для стиля установлено значение Внутренний скос .

Затем измените Technique на Chisel Hard :

Изменение техники на резкое долото.

Шаг 15: Измените контур глянца на кольцо — двойной

В разделе «Затенение» щелкните маленькую стрелку справа от миниатюры Gloss Contour .Убедитесь, что вы щелкаете стрелку, а не эскиз.

Затем дважды щелкните контур Ring — Double , чтобы выбрать его (третий эскиз слева, нижний ряд):

Изменение параметра Gloss Contour на Ring-Double.

Шаг 16: Измените угол и включите сглаживание

По-прежнему в разделе «Затенение» установите для Угол значение 120 ° .

Затем включите параметр Anti-aliased , чтобы сгладить неровные края:

Установка угла 120 ° и включение сглаживания.

Шаг 17: Установите непрозрачность светлых участков и теней на 75%.

Чтобы добавить больше контраста к эффекту, увеличьте Highlight Opacity и Shadow Opacity до 75% :

Параметры непрозрачности для режима подсветки и режима тени.

И вот результат:

Текст после применения Bevel and Emboss.

Шаг 18: Увеличьте значение размера, чтобы заполнить буквы

Чтобы текст выглядел как сплошное золото, закройте пространство внутри букв, увеличив Size эффекта Bevel and Emboss.

Самый простой способ сделать это — сначала щелкнуть внутри поля значения размера, чтобы сделать его активным. Затем используйте клавишу со стрелкой вверх на клавиатуре, чтобы медленно увеличивать значение. По мере того, как вы это делаете, вы увидите, как буквы заполняются от внешних краев к центру.

Необходимое значение размера будет зависеть от размера вашего текста. Для меня значение 41 пиксель выполняет свою работу:

Увеличение значения размера.

А вот эффект золота с заполненными буквами:

Эффект золотого текста после увеличения значения размера.

Шаг 19: Увеличьте значение глубины

Затем увеличьте значение Depth , перетащив ползунок вправо. Это улучшит освещение и добавит больше контраста отражениям в буквах. Я устанавливаю значение глубины около 170% :

Увеличение значения глубины.

И вот буквы действительно начинают казаться золотыми:

Эффект после увеличения значения глубины.

Шаг 20. Добавьте эффект слоя Inner Glow

Добавьте эффект слоя Inner Glow , щелкнув его имя в левой части диалогового окна «Стиль слоя»:

Добавление эффекта слоя Inner Glow.

Затем удалите все предыдущие настройки, нажав Восстановить значения по умолчанию :

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

Измените режим наложения внутреннего свечения с экрана на Умножьте .

И установите непрозрачность на 50% :

Установка режима наложения и непрозрачности эффекта Inner Glow.

Затем измените цвет свечения, щелкнув образец цвета :

Щелкните образец цвета.

И в палитре цветов выберите оттенок оранжевого, установив значение R на 232 , G на 128 и B на 31 (я взял этот цвет с фотографии золотого кирпич). Затем нажмите OK в палитре цветов:

Выбор апельсина для внутреннего свечения.

Наконец, увеличьте свечение Size до тех пор, пока оно полностью не заполнит буквы. В моем случае я устанавливаю значение размера 75 пикселей:

Увеличьте значение размера.

Когда вы закончите, нажмите «ОК», чтобы закрыть диалоговое окно «Стиль слоя».

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

Эффект золотой буквы после применения внутреннего свечения.

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 21: Выберите исходный текстовый слой

Вернувшись на панель «Слои», щелкните исходный слой «Тип», чтобы выбрать его:

Выбор исходного текстового слоя.

Шаг 22. Добавьте обводку вокруг букв

Затем щелкните значок Layer Styles внизу:

Щелкните значок «Стили слоя».

И на этот раз выберите Ход :

Выбор стиля слоя «Обводка».

В диалоговом окне Layer Style нажмите кнопку Reset to Default , чтобы сбросить все предыдущие настройки Stroke:

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

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

Измените Тип заливки обводки с Цвета на Градиент .

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

Изменение типа заливки на градиент и выбор настраиваемого золотого градиента.

Шаг 24: Установите стиль, положение и размер штриха

Измените Style градиента с Linear на Reflected .

Затем установите Position штриха на Outside и увеличьте Size примерно до 8 пикселей :

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

И теперь у нас есть обводка вокруг текста, которая имеет те же цвета, что и сам текст:

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

Шаг 25: Нанесите Bevel & Emboss на обводку

Мы собираемся применить еще один эффект Bevel & Emboss не к буквам, а к обводке.

Щелкните по слову Bevel & Emboss в левой части диалогового окна Layer Style:

Нажав на Bevel & Emboss.

На этот раз не нажимайте «Восстановить значения по умолчанию», поскольку мы собираемся использовать большинство тех же настроек, что и раньше.

Вместо этого просто измените Style с Inner Bevel на Stroke Emboss . Technique должен быть установлен на Chisel Hard .

Установите значение Size на тот же размер, который вы выбрали для обводки, который в моем случае был 8 пикселей :

Изменение стиля, техники и размера.

Двойная проверка других настроек Bevel & Emboss

Убедитесь, что все остальные настройки Bevel & Emboss такие же, как и раньше. Если по какой-то причине их нет, вам необходимо их заменить:

Глубина: 170%
Угол: 120 °
Контур глянца: Кольцо — Двойной
Сглаживание: Проверено
Непрозрачность светлых участков: 75%
Непрозрачность тени: 75%

Настройки Bevel и Emboss для обводки.

Включение опции «Контур»

Под Bevel & Emboss в левой части диалогового окна Layer Style находится эффект с именем Contour . Щелкните внутри флажка, чтобы включить его.

Это еще больше улучшит освещение вокруг штриха:

Выбор контура для хода.

А вот как теперь выглядит золотой текст после применения Bevel & Emboss к обводке:

Обводка теперь имеет те же эффекты освещения и отражения, что и тип.

Шаг 26: примените эффект слоя Outer Glow

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

Щелкните непосредственно на слове Outer Glow в левой части диалогового окна «Стиль слоя»:

Выбор внешнего свечения.

Установите Непрозрачность свечения на 40% , а затем щелкните образец цвета :

Установка непрозрачности и изменение цвета внешнего свечения.

В палитре цветов установите значение R на 232 , G от до 128 и B на 31 , а затем нажмите OK:

Выбор нового цвета для внешнего свечения.

И, наконец, увеличьте размер свечения Размер примерно до 60 пикселей :

Увеличение размера внешнего свечения.

Узнайте, как копировать эффекты слоев между слоями в Photoshop!

Мы закончили с нашими эффектами слоя, поэтому нажмите OK, чтобы закрыть диалоговое окно Layer Style.

А вот эффект золотого текста со всеми примененными эффектами слоя, включая новое Outer Glow:

Эффект почти завершен.

Шаг 27: Выберите слой «ЗОЛОТАЯ копия»

Мы закончим эффект золотого текста, добавив блестки к буквам. И для этого нам нужно добавить блестки на отдельный слой.

На панели «Слои» щелкните слой «ЗОЛОТАЯ копия» (верхний слой), чтобы выбрать его:

Выбор верхнего слоя Type.

Шаг 28: Добавьте новый слой над текстом

Затем нажмите и удерживайте кнопку Alt (Win) / Option (Mac) на клавиатуре и щелкните значок Add New Layer :

Щелкните значок «Добавить новый слой», удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac).

В диалоговом окне «Новый слой» назовите слой «Искры» и нажмите «ОК»:

Присвоение имени новому слою.

Photoshop добавляет новый пустой слой с именем «Sparkles» над текстом:

Новый слой добавляется поверх остальных.

Шаг 29: Выберите инструмент Brush Tool

Создадим блестки с помощью одной из кистей Photoshop.

Выберите Brush Tool на панели инструментов:

Выбор инструмента «Кисть».

Шаг 30: Выберите кисть «Заштриховка 4» в наборе «Ассорти кистей»

Кисть «Crosshatch 4», которая нам нужна для наших блесток, включена в Photoshop как часть набора Assorted Brushes. Но разные кисти не загружаются автоматически, поэтому нам нужно загрузить набор самостоятельно.И это подводит нас к еще одному различию между Photoshop CC и CS6.

В Photoshop CC 2018 Adobe изменила дизайн панелей кистей. Поэтому используйте следующие шаги, чтобы загрузить кисть на основе вашей версии Photoshop.

Как загрузить разные кисти в Photoshop CC

В Photoshop CC с выбранным инструментом «Кисть» щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) внутри документа, чтобы открыть инструмент выбора предустановок кисти .

Затем щелкните значок меню в правом верхнем углу:

Щелкните значок меню «Выбор набора настроек кисти» в Photoshop CC.

И выберите Legacy Brushes из меню:

Выбор «старых кистей».

Щелкните OK , чтобы загрузить набор устаревших кистей:

Восстановление устаревшего набора кистей.

Вернитесь в палитру наборов кистей, прокрутите вниз до новой папки Legacy Brushes и поверните ее, чтобы открыть:

Открытие папки Legacy Brushes.

И внутри папки откройте папку Assorted Brushes :

Открытие набора «Ассорти кистей».

Затем прокрутите список различных кистей, пока не найдете кисть Crosshatch 4 .

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

Дважды щелкните миниатюру кисти Crosshatch 4.

Как загрузить разные кисти в Photoshop CS6

В Photoshop CS6 с выбранным инструментом «Кисть» щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, щелкните (Mac) внутри документа, чтобы открыть Выбор предустановок кисти .

Затем щелкните значок меню в правом верхнем углу:

Щелкнув значок меню «Выбор предустановок кисти».

И выберите набор Ассорти кистей из меню:

Выбор из меню «Ассорти кистей».

Photoshop спросит, хотите ли вы заменить текущие кисти новыми. Выберите Добавить , чтобы добавить их к существующим кистям:

Добавление различных кистей с текущими кистями.

Вернувшись в палитру настроек кисти, прокрутите кисти вниз, пока не найдете кисть 48 пикселей Crosshatch 4 . Найдите кисть, которая выглядит как «X» с номером 48 под ним (48 означает, что размер кисти по умолчанию составляет 48 пикселей).

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

Дважды щелкните миниатюру кисти «Заштриховка 4».

Шаг 31: Выберите золотой цвет для блесток

Выберите цвет блесток, взяв цвет из текста.

Нажмите и удерживайте кнопку Alt (Win) / Option (Mac) на клавиатуре, чтобы временно переключиться с инструмента «Кисть» на инструмент «Пипетка » , а затем нажмите на светло-золотой цвет, чтобы взять образец.

Я выберу светлый участок на букву «О»:

Удерживая Alt (Win) / Option (Mac) и выбирая цвет из текста.

Шаг 32: Нажмите на буквы, чтобы добавить случайные блестки

Отпустите клавишу Alt (Win) / Option (Mac), чтобы вернуться к Brush Tool .А затем щелкните несколько случайных точек вокруг текста, чтобы добавить блестки.

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

Не добавляйте слишком много блесток, иначе вы переборщите. Пара больших и меньших — это все, что вам действительно нужно. Если вам не нравится последняя добавленная искра, нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить ее, а затем повторите попытку.

Здесь я добавил пару блесток к букве «G», третью искорку поменьше внизу буквы «L» и четвертую в верхнем левом углу буквы «D»:

Эффект после добавления блесток.

Шаг 33: Уменьшите непрозрачность блесток (необязательно)

И наконец, если блестки выглядят слишком яркими, просто уменьшите непрозрачность слоя «Sparkles».

Вы найдете опцию Непрозрачность в правом верхнем углу панели «Слои».Понижу свой до 80% :

Уменьшите яркость блесток, уменьшив непрозрачность слоя.

И на этом мы закончили! Вот мой последний золотой текстовый эффект после уменьшения непрозрачности слоя «Sparkles»:

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

И вот оно! Вот как в фотошопе создать золотой текст!

Теперь, когда вы создали золотой текст, ознакомьтесь с частью 2, где я покажу вам, как легко заменить фон эффекта!

Или посетите наши разделы «Текстовые эффекты» или «Фотоэффекты» для получения дополнительных уроков!

Эффект ретро текста в стиле 80-х в Photoshop

Автор Стив Паттерсон.

В этом уроке мы узнаем, как создать забавный ретро-текстовый эффект 80-х в Photoshop с блестящими хромированными и неоновыми буквами! Чтобы создать эффект, мы будем использовать стили слоя Photoshop, которые не только упростят задачу, но и сделают наш текст полностью редактируемым. Мы будем использовать слой градиентной заливки, чтобы создать фон для эффекта. И чтобы закончить работу, мы добавим несколько блесток вокруг текста с помощью инструмента «Кисть» в Photoshop!

Большая часть ретро-эффекта будет сделана с использованием градиентов, и мы будем создавать несколько настраиваемых градиентов по ходу дела.Чтобы сэкономить время в будущем, мы сохраним каждый настраиваемый градиент как новую предустановку. Таким образом, в следующий раз, когда вы захотите создать ретро-эффект, вы сможете быстро выбрать нужные вам градиенты из предустановок, вместо того, чтобы воссоздавать их все с нуля.

Здесь я буду использовать Photoshop CC, но все, что мы будем делать, полностью совместимо с Photoshop CS6 и более ранними версиями Photoshop. Я также буду использовать пару шрифтов в ретро-стиле, которые я загрузил с Adobe Typekit, доступных в большинстве планов подписки Creative Cloud.Если у вас нет доступа к Adobe Typekit, не беспокойтесь. Быстрый поиск в Google найдет множество бесплатных ретро-шрифтов, которые вы можете использовать.

Вот как будет выглядеть эффект ретро-текста 80-х, когда мы закончим:

Окончательный эффект.

Шагов много, но все они очень простые, так что, если вы готовы, приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Как создать эффект ретро-текста 80-х годов

Шаг 1. Создайте новый документ Photoshop

Начнем с создания нового документа Photoshop.Поднимитесь к меню File в строке меню в верхней части экрана и выберите New :

Переход к файлу> Создать.

Откроется диалоговое окно «Новый документ». Если вы используете Photoshop CC, вы увидите обновленную версию диалогового окна. Если вы используете CS6 или более раннюю версию, вы увидите старое традиционное диалоговое окно. Давайте сначала посмотрим на версию Photoshop CC, а затем посмотрим на более старую версию. Не волнуйтесь, это займет всего минуту.

Обновленная версия диалогового окна в Photoshop CC состоит в основном из новой области слева, где мы можем просматривать и выбирать эскизы предварительно заданных размеров документов для различных типов проектов (фото, печать, Интернет, мобильные и т. Д.) а также размеры, которые мы недавно использовали. В этом руководстве вы можете игнорировать этот новый раздел. Единственный раздел, который нам нужен, это панель Preset Details справа, где мы находим традиционные варианты для создания нашего собственного пользовательского документа:

Обновленное диалоговое окно «Новый документ» в Photoshop CC.Панель Preset Details будет выделена.

Для этого урока мы создадим документ с шириной 1600 пикселей и высотой 1000 пикселей . Установите значение Resolution на 72 пикселя / дюйм и Background Contents от до White . Затем нажмите Create , чтобы создать новый документ:

Установка параметров ширины, высоты, разрешения и содержимого фона в Photoshop CC.

Если вы используете Photoshop CS6 или более раннюю версию, вы увидите старое традиционное диалоговое окно «Новый документ». Снова для этого урока установите Width на 1600 пикселей и Height на 1000 пикселей . Значение Resolution должно быть 72 пикселя / дюйм , а для Background Contents должно быть установлено значение White . Нажмите ОК , чтобы создать новый документ:

Установка параметров ширины, высоты, разрешения и содержимого фона в Photoshop CS6.

Шаг 2. Добавьте слой градиентной заливки

Прежде чем мы добавим наш текст, давайте создадим более интересный фон для эффекта. Для этого мы воспользуемся одним из слоев градиентной заливки Photoshop. Щелкните значок New Fill или Adjustment Layer в нижней части панели слоев:

Щелкните значок «Новая заливка или корректирующий слой».

Затем выберите Gradient из списка:

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

Шаг 3. Создайте новый настраиваемый градиент

Откроется диалоговое окно Gradient Fill .Нажмите на образец цвета градиента вверху. В моем образце цвета в настоящее время отображается градиент от черного к прозрачному. Не волнуйтесь, если ваш показывает что-то другое:

Щелкните образец цвета в диалоговом окне «Градиентная заливка».

При нажатии на образец цвета открывается редактор градиентов Photoshop , в котором мы можем создать собственный градиент. Чтобы дать нам отправную точку, выберите градиент Black, White , щелкнув его миниатюру (третья слева, верхняя строка) в разделе Presets в верхней части диалогового окна:

Выбор черно-белого градиента в редакторе градиентов.

Если мы посмотрим в нижнюю половину редактора градиента, мы увидим большую полосу предварительного просмотра , показывающую нам, как сейчас выглядит градиент. Поскольку мы выбрали предустановку градиента Черный, Белый, на панели предварительного просмотра отображается градиент от черного слева до белого справа:

Панель предварительного просмотра, показывающая текущие цвета градиента.

Мы можем редактировать цвета градиента, используя цветовых точек прямо под полосой предварительного просмотра. На данный момент есть две цветные остановки; черный слева и белый справа.

Щелкните на отметке черного цвета слева, чтобы выбрать ее. Затем щелкните образец цвета , чтобы изменить его цвет:

Щелкнув границу цвета слева, затем щелкнув образец цвета.

Откроется палитра цветов Photoshop, где мы можем выбрать другой цвет. Для этого первого цвета выберите темно-синий, установив значение R (красный) на 0 , значение G (зеленый) также на 0 и значение B (синий) на . 40 :

Выбор темно-синего цвета для левого цвета градиента.

Щелкните OK, чтобы закрыть палитру цветов. Вернувшись в редактор градиентов, щелкните значок белого цвета справа, чтобы выбрать его. Затем щелкните образец цвета , чтобы изменить его цвет:

Щелкните значок цвета справа, затем щелкните образец цвета.

Когда откроется палитра цветов, выберите темно-розовый, установив значение R на 25 , G на 0 и B на 25 :

Выбираем темно-розовый цвет справа.

Щелкните OK, чтобы закрыть палитру цветов. Теперь у нас есть градиент от темно-синего слева до темно-розового справа. Давайте добавим третий цвет в середину градиента.

Щелкните прямо под центром полосы предварительного просмотра, чтобы добавить новую цветовую точку . Не беспокойтесь о щелчке в точном центре, потому что мы установим положение цветовой точки после того, как выберем цвет. После того, как вы добавили новую точку цвета, щелкните образец цвета , чтобы изменить его цвет:

Щелкните под центром полосы предварительного просмотра, чтобы добавить новую остановку, затем щелкните образец цвета.

В палитре цветов выберите черный для середины градиента, установив значения R , G и B на 0 :

Выбор черного в качестве среднего цвета.

Щелкните OK, чтобы закрыть палитру цветов. Затем в редакторе градиента убедитесь, что новая точка цвета находится точно в центре градиента, установив для его Location значение 50% :

Установка положения новой точки цвета на 50%.

Шаг 4: Сохраните градиент как предустановку

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

Введите имя градиента в поле Имя непосредственно под миниатюрами предустановок. Я назову градиент «Ретро-фон 80-х». Затем нажмите кнопку New :

Введите имя градиента, затем нажмите «Новый».

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

Градиент «Ретро-фон 80-х» отображается в виде эскиза в области «Наборы настроек».

Шаг 5: Установите стиль и угол градиента

Щелкните OK, чтобы закрыть редактор градиентов. Затем вернитесь в диалоговое окно Gradient Fill и убедитесь, что для параметра Style установлено значение Linear , а для Angle установлено значение 90 ° :

Проверка параметров стиля и угла.

Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Градиентная заливка». Если мы посмотрим на панель «Слои», мы увидим новый слой градиентной заливки под названием «Градиентная заливка 1», расположенный над фоновым слоем:

Панель «Слои», показывающая слой градиентной заливки.

И в нашем документе, хотя это немного трудно увидеть на белом фоне страницы, теперь у нас есть градиент от темно-розового вверху до черного посередине, а затем до темно-синего внизу. Это будет фон для нашего ретро-текстового эффекта:

Новый фоновый градиент.

Шаг 6: Добавьте текст

Теперь, когда у нас есть фон, давайте добавим текст. Выберите Photoshop Type Tool на панели инструментов:

Выбор инструмента «Текст».

Выбрав инструмент «Текст», выберите параметры шрифта на панели параметров в верхней части экрана. Как я уже упоминал ранее, я буду использовать пару шрифтов от Adobe Typekit, но вы найдете множество отличных (и бесплатных) ретро-шрифтов в Google.

В данном случае я буду использовать шрифт Orbitron Black .После того, как вы выбрали шрифт, установите размер 72 pt . Мы изменим размер текста вручную, как только добавим его, но пока это позволит нам начать с самого большого размера, который мы можем выбрать из списка предустановленных размеров:

Установка шрифта Orbitron Black и размера 72 pt.

Мы установим цвет шрифта на white , чтобы его можно было легко увидеть на фоне. Щелкните образец цвета на панели параметров:

Щелкните образец цвета, чтобы изменить цвет шрифта.

Откроется палитра цветов. Выберите белый цвет, установив значения R , G и B на 255 . Когда закончите, нажмите OK, чтобы закрыть палитру цветов:

Выбор белого цвета шрифта.

Затем щелкните внутри документа и введите свой текст. Я наберу слово «РЕТРО» заглавными буквами:

Набираем слово «РЕТРО».

Чтобы принять текст, щелкните галочкой на панели параметров:

Щелкните галочку, чтобы принять текст.

Шаг 7. Измените размер и переместите текст с помощью свободного преобразования

Чтобы изменить размер и положение текста, мы воспользуемся командой Photoshop Free Transform. Поднимитесь в меню Edit вверху экрана и выберите Free Transform :

Идем в Edit> Free Transform.

Это помещает поле «Свободное преобразование» и обрабатывает текст. Чтобы изменить его размер, перетащите любой из угловых маркеров . Нажмите и удерживайте клавишу Shift , перетаскивая ручки, чтобы зафиксировать исходную форму букв на месте при изменении их размера.Когда вас устраивает размер текста, отпустите кнопку мыши, затем отпустите клавишу Shift. Убедитесь, что вы сначала отпустили кнопку мыши, , затем клавишу Shift, иначе вы получите неожиданный результат:

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

Чтобы переместить текст, щелкните в любом месте внутри поля «Свободное преобразование» и перетащите текст в центр документа:

Перемещение текста в центр.

Чтобы принять новый размер и положение текста, щелкните галочку на панели параметров:

Щелкните галочку, чтобы выйти из Free Transform.

Шаг 8: Добавьте стиль слоя наложения градиента

Если мы снова посмотрим на панель Layers, мы увидим наш новый слой Type, расположенный над другими слоями. Создадим эффект хрома для текста. Щелкните значок Layer Styles (значок fx ) в нижней части панели слоев:

Щелкните значок Стили слоя (FX).

Выберите Gradient Overlay из списка:

Выбор Gradient Overlay из списка стилей слоя.

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце установлены параметры «Наложение градиента». Нажмите на образец цвета градиента :

Щелкните образец цвета градиента.

Шаг 9: Создайте новый настраиваемый градиент

Откроется редактор градиентов, как и раньше. Опять же, мы собираемся создать наш собственный градиент, но чтобы дать нам отправную точку, выберите градиент Black, White , щелкнув его миниатюру (третий слева, верхний ряд) в Presets площадь вверху:

Выбор черно-белого градиента для начала.

Черно-белый градиент отображается на панели предварительного просмотра в нижней половине диалогового окна с черным ограничителем цвета под левой стороной полосы и белым цветом под правой стороной.

Начнем с редактирования цвета слева. Но вместо того, чтобы нажимать на ограничитель цвета, чтобы выбрать его, а затем щелкать образец цвета, чтобы отредактировать его цвет, давайте воспользуемся более быстрым ярлыком. Дважды щелкните на ограничителе черного цвета :

Двойной щелчок по ступеньке черного цвета слева.

Выбирает ограничитель цвета. , а открывает палитру цветов. Измените цвет с черного на , белый , установив значения R , G и B на 255 , затем нажмите OK:

Выбор белого из палитры цветов.

Вернувшись в редактор градиентов, измените Location точки цвета с 0% на 5% :

Изменение местоположения на 5%.

Затем добавьте новую цветовую точку, дважды щелкнув справа от той, которую мы только что отредактировали.Не беспокойтесь о том, куда вы нажмете, потому что мы установим его местоположение в мгновение ока:

Добавление новой цветовой точки.

Когда откроется палитра цветов, выберите средний насыщенный розовый , установив R на 220 , G на 40 и B на 215 . Когда закончите, нажмите OK:

Выбор розового из палитры цветов.

Установите Местоположение для новой точки цвета на 25% :

Установка местоположения на 25%.

Дважды щелкните справа от предыдущей цветовой точки, чтобы добавить новую:

Добавление новой цветовой точки.

В палитре цветов выберите черный , установив R , G и B на 0 . Нажмите ОК:

Выбор черного в палитре цветов.

Установить местоположение на 50% :

Установка местоположения на 50%.

Дважды щелкните , чтобы добавить еще одну цветовую точку:

Добавление еще одной новой цветовой точки.

Выберите белый в палитре цветов, установив R , G и B на 255 . Нажмите ОК:

Выбор белого из палитры цветов.

Установите Location на 51% так, чтобы он располагался вплотную к черному ограничителю цвета посередине:

Установка местоположения на 51%.

Добавьте еще одну новую цветовую точку , дважды щелкнув справа от предыдущей:

Добавление еще одной цветной точки.

Выберите средний, насыщенный синий , установив от R до 15 , G до 95 и B от до 215 . Нажмите ОК:

Выбор синего цвета в палитре цветов.

Установить местоположение на 75% :

Установка местоположения на 75%.

Наконец, давайте отредактируем крайнюю правую границу цвета, дважды щелкнув на ней :

Двойной щелчок по цветовой шкале справа.

Измените его цвет с белого на , черный , установив R , G и B на 0 , затем нажмите OK:

Выбор черного в качестве окончательного цвета.

Затем измените его Location со 100% на 95% :

Изменение местоположения на 95%.

Шаг 10: Сохраните градиент как предустановку

Это была большая работа, поэтому, прежде чем мы закроем редактор градиентов, давайте сохраним наш настраиваемый градиент как еще один новый пресет.Введите имя для предустановки в поле Имя . Я назову свой «Ретро Хром 80-х». Щелкните New , чтобы сохранить:

Присвоение имени и сохранение пользовательского градиента в качестве предустановки.

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

Добавлен новый пресет.

Шаг 11: Установите стиль и угол градиента

Щелкните OK, чтобы закрыть редактор градиентов.Вернувшись в диалоговое окно Layer Style, убедитесь, что для Style градиента установлено значение Linear , а для Angle установлено значение 90 °:

Проверка параметров стиля и угла.

Оставьте диалоговое окно Layer Style открытым, потому что нам нужно добавить еще несколько стилей. Вот как выглядит мой текст с примененным хромированным градиентом:

Текст после применения стиля Gradient Overlay.

Шаг 12: Добавьте обводку

Затем мы добавим обводку вокруг букв.Щелкните слово Stroke в левом столбце диалогового окна Layer Style:

Выбор стиля слоя «Обводка».

Параметры обводки отображаются в центре диалогового окна. Измените цвет обводки, щелкнув образец цвета :

Щелкните образец цвета.

Измените цвет обводки на тот же оттенок синего, который мы использовали для хромового градиента, установив R на 15 , G на 95 и B на 215 .Нажмите ОК:

Изменение цвета обводки на синий.

После того, как вы изменили цвет, установите Положение штриха на Внутри , чтобы придать штриху острые углы. Затем увеличьте Size , чтобы отрегулировать толщину штриха. Я установил свой 8 пикселей :

Параметры размера и положения.

Вот мой текст после добавления синей обводки:

Текст с примененным градиентом и обводкой.

Шаг 13: Добавьте стиль скоса и тиснения

По-прежнему в диалоговом окне «Стиль слоя» выберите Bevel & Emboss в столбце слева:

Выбор «Фаска и тиснение».

Открывает опции Bevel & Emboss. В области «Структура» вверху увеличьте Размер до того же значения, которое вы использовали для обводки. В моем случае это было 8 пикселей . Затем установите Style на Stroke Emboss и Technique на Chisel Hard . Уменьшите глубину с до 30% :

Параметры структуры для скоса и тиснения.

В разделе «Затенение» установите угол на -30 ° и высоту от до 32 ° :

Параметры «Угол» и «Высота».

Затем щелкните маленькую стрелку справа от миниатюры Gloss Contour . Не нажимайте на сам эскиз, а только на стрелку рядом с ним. Выберите контур Ring — Double , дважды щелкнув его миниатюру (третий слева, нижний ряд):

Выбор кольца — двойной контур.

Включите параметр Anti-aliased справа от Gloss Contour, установив соответствующий флажок. Затем увеличьте непрозрачность для Highlight Mode и Shadow Mode до 100% :

Выберите «Сглаживание», затем установите непрозрачность «Режима подсветки» и «Тень» на 100%.

Вот мой текст со скосом и тиснением, примененным к обводке:

Эффект после применения Bevel & Emboss.

Шаг 14: Включить «Контур»

Включите Contour , установив флажок непосредственно под Bevel & Emboss в левом столбце диалогового окна:

Щелкните внутри флажка «Контур».

Усиливает световой эффект мазка, делая буквы блестящими и металлическими:

Эффект после включения Contour.

Шаг 15: Добавьте внутреннее свечение

Выберите Inner Glow в столбце слева:

Добавление стиля слоя Inner Glow.

В параметрах внутреннего свечения измените цвет свечения, щелкнув образец цвета :

Изменение цвета внутреннего свечения.

В палитре цветов выберите более темный синий цвет, установив R на 15 , G на 30 и B на 130 .Нажмите ОК:

Выбор более темного синего цвета в палитре цветов.

Вернувшись к параметрам Inner Glow, измените Blend Mode свечения с Screen на Multiply , который переключает его из свечения в тень. Увеличьте Непрозрачность до 100% . Затем увеличьте размер примерно до 18 пикселей , чтобы вы едва могли видеть его внутри букв:

Параметры внутреннего свечения.

Вот мой текст с примененным Inner Glow.Поскольку скриншот небольшой, его сложно увидеть, но с вашим эффектом вы должны увидеть очень тонкую синюю тень вокруг каждой буквы внутри:

Эффект с примененным эффектом Inner Glow.

Шаг 16: Добавьте внешнее свечение

Выберите Outer Glow в столбце слева:

Добавление стиля слоя Outer Glow.

Измените цвет внешнего свечения, щелкнув образец цвета :

Изменение цвета внешнего свечения.

В палитре цветов выберите тот же более темный оттенок синего, который мы выбрали для Inner Glow, еще раз установив R на 15 , G на 30 и B на 130 . Нажмите ОК:

Выбираем тот же оттенок синего для Outer Glow.

Вернитесь к параметрам Outer Glow, увеличьте непрозрачность до 70% , затем увеличьте Size до 150 пикселей :

Параметры внешнего свечения.

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

Последний эффект хромированного текста в стиле ретро.

Если мы посмотрим на панель Layers, мы увидим наш слой Type со всеми нашими стилями слоев, перечисленными под ним:

Стили слоя перечислены под слоем «Тип».

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 17: Добавьте больше текста

Давайте добавим текст в дизайн.Не снимая выделения с инструмента «Текст», щелкните под словом «РЕТРО» и введите новое слово. Я наберу «4ever». Щелкните галочку на панели параметров, чтобы принять текст:

Щелкнув под «RETRO» и набрав «4ever».

Шаг 18: Измените шрифт

После добавления нового слова давайте перейдем к панели параметров и изменим шрифт. Я выберу другой шрифт, который я загрузил из Adobe Typekit, он называется BD Retrocentric . Опять же, если у вас нет доступа к Adobe Typekit, в Google есть множество бесплатных ретро-шрифтов:

Выбор другого шрифта на панели параметров.

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

Вот как выглядит слово «4ever» с моим новым шрифтом. На данный момент он слишком мал, но мы исправим это дальше:

Слово «4ever», теперь с новым шрифтом.

Шаг 19. Измените размер текста с помощью свободного преобразования

Давайте изменим размер и положение нового текста, перейдя в меню Edit и выбрав Free Transform :

Идем в Edit> Free Transform.

Нажмите и удерживайте клавишу Shift и перетащите угловых маркеров , чтобы изменить размер текста. Чтобы изменить положение текста, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Я изменяю размер и перемещаю текст так, чтобы он располагался ниже правой части слова «RETRO».По завершении нажмите галочку на панели параметров, чтобы принять изменения:

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

Шаг 20. Добавьте стиль слоя наложения градиента

Давайте придадим этому новому слову больше неонового оттенка. Щелкните значок Layer Styles (fx) в нижней части панели слоев:

Идем в Edit> Free Transform.

Выберите Gradient Overlay из списка:

Выбор стиля наложения градиента.

В диалоговом окне «Стиль слоя» щелкните образец цвета градиента , чтобы открыть редактор градиента:

Щелкните образец цвета градиента.

Выберите градиент Black, White в разделе Presets, щелкнув его миниатюру:

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

Дважды щелкните на отметке черного цвета слева, чтобы изменить ее цвет:

Двойной щелчок по черному ограничителю цвета.

Выберите темно-розовый, установив от R до 140 , G до 15 и B до 140 . Нажмите ОК:

Выбор темно-розового в палитре цветов.

Установите Положение остановки цвета на 25% :

Установка местоположения на 25%.

Дважды щелкните белый ограничитель цвета справа, чтобы изменить его цвет:

Двойной щелчок по белому ограничителю.

Выберите более светлый розовый, установив от R до 255 , G до 0 и B до 235 . Нажмите ОК:

Выбираем светло-розовый.

Измените его местоположение на 75% :

Изменение местоположения на 75%.

Шаг 21: Сохраните градиент как предустановку

Введите имя градиента. Я назову свой «Ретро Неон 80-х». Затем нажмите New , чтобы сохранить его как предустановку:

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

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

Область предустановок, показывающая новую предустановку ретро-неона 80-х годов.

Шаг 22: Установите параметры стиля и угла

Щелкните OK, чтобы закрыть редактор градиентов. Вернувшись в диалоговое окно Layer style, убедитесь, что Style для градиента установлен на Linear , а Angle — на 90 ° :

Проверка параметров стиля и угла.

Вот как выглядит текст (слово «4ever») с примененным градиентом «Ретро неон 80-х»:

Текст после применения градиента.

Шаг 23: Добавьте стиль внутреннего свечения

Выберите Inner Glow в столбце слева:

Выбор внутреннего свечения.

Щелкните образец цвета , чтобы изменить цвет свечения:

Щелкните образец цвета Inner Glow.

В палитре цветов выберите white , установив R , G и B на 255 .Нажмите ОК:

Изменение цвета внутреннего свечения на белый.

Измените Blend Mode Inner Glow на Color Dodge и Opacity на 85% . Затем установите размер примерно на 11 пикселей :

Параметры внутреннего свечения.

Вот мой текст с примененным градиентом и внутренним свечением:

Текст после применения Inner Glow.

Шаг 24: Добавьте стиль скоса и тиснения

Выберите Bevel & Emboss в столбце слева:

Добавление стиля слоя Bevel & Emboss.

Внизу в параметрах затенения щелкните маленькую стрелку справа от миниатюры Gloss Contour и выберите контур Linear , дважды щелкнув на его миниатюре (первый слева, в верхнем ряду). :

Дважды щелкните миниатюру линейного контура.

Затем в опциях структуры измените Style на Inner Bevel и Technique на Chisel Hard . Установите глубину примерно на 115% , размер от до 8 пикселей , затем увеличьте параметр Смягчение примерно до 10 пикселей , чтобы сгладить края:

Варианты конструкции.

Вернитесь в раздел «Затенение» внизу, снимите флажок Use Global Light и убедитесь, что Angle установлен на 90 ° и Altitude находится на 30 ° . Наконец, установите Непрозрачность для Highlight Mode на 75% и Shadow Mode на 50% :

Параметры затенения.

Вот слово «4ever» после применения Bevel & Emboss. Буквы теперь имеют более округлый вид:

Эффект после применения Bevel & Emboss.

Шаг 25: Добавьте внешнее свечение

Еще один стиль слоя, который нужно применить. В столбце слева выберите Outer Glow :

Добавление стиля Outer Glow.

Щелкните образец цвета , чтобы изменить цвет внешнего свечения:

Изменение цвета внешнего свечения.

В палитре цветов выберите розовый, установив R на 215 , G на 0 и B на 255 .Нажмите ОК:

Выбор розового для внешнего свечения.

Убедитесь, что Blend Mode установлен на Screen . Установите Непрозрачность примерно на 35% и, наконец, увеличьте Размер примерно до 55 пикселей :

Параметры внешнего свечения.

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

Эффект со всеми стилями слоя, примененными к обоим словам.

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

Давайте добавим к эффекту еще одно неоновое слово, на этот раз над словом «RETRO». Щелкните верхний слой Type на панели Layers (в моем случае это слой «4ever») и перетащите его вниз на значок New Layer в нижней части панели Layers. Его копия со всеми добавленными стилями слоев появится над оригиналом:

Перетащите слой с текстом «4ever» на значок нового слоя.

Шаг 27: Выберите инструмент «Перемещение»

Выберите Photoshop Move Tool на панели инструментов:

Выбор инструмента «Перемещение».

Шаг 28: Перетащите копию на место

Выбрав инструмент «Перемещение», щелкните копию текста «4ever» в документе и перетащите ее над левой стороной слова «RETRO»:

Перетащите копию над словом «РЕТРО».

Шаг 29: Измените слово на «80-е»

Если вы посмотрите на панель «Слои», вы увидите копию слоя «Текст» (со словом «копия» в его имени) над оригиналом.Чтобы отредактировать текст, дважды щелкните миниатюру слоя Type :