В этом уроке мы узнаем, как создать забавный ретро-текстовый эффект 80-х годов в Photoshop, используя блестящие хромированные и неоновые буквы! Чтобы создать эффект, мы будем использовать стили слоев Photoshop, которые не только упростят задачу, но и сделают наш текст полностью редактируемым. Мы будем использовать градиентный заливочный слой, чтобы создать фон для эффекта. И чтобы закончить, мы добавим несколько блесток вокруг текста с помощью Photoshop’s Brush Tool!
Большая часть ретро-эффекта будет сделана с использованием градиентов, и мы будем создавать несколько пользовательских градиентов по пути. Чтобы сэкономить время в будущем, мы сохраним каждый пользовательский градиент как новый пресет. Таким образом, в следующий раз, когда вы захотите создать ретро-эффект, вы сможете быстро выбрать нужные градиенты из предустановок, а не создавать их заново с нуля.
Я буду использовать Photoshop CC здесь, но все, что мы будем делать, полностью совместимо с Photoshop CS6 и более ранними версиями Photoshop. Я также буду использовать пару шрифтов в стиле ретро, которые я скачал с Adobe Typekit и которые доступны в большинстве тарифных планов Creative Cloud. Если у вас нет доступа к Adobe Typekit, не беспокойтесь. Быстрый поиск в Google найдет множество бесплатных ретро-шрифтов, которые вы можете использовать.
Вот как будет выглядеть ретро-текстовый эффект 80-х, когда мы закончим:
Есть много шагов, но все они очень просты, так что если вы готовы, давайте начнем!
Содержание
- 1 Как создать эффект ретро текста 80-х
- 1.1 Шаг 1: создайте новый документ Photoshop
- 1.2 Шаг 2: добавь слой градиентной заливки
- 1.3 Шаг 3. Создайте новый пользовательский градиент
- 1.4 Шаг 4: Сохранить градиент в качестве предустановки
- 1.5 Шаг 5: установите стиль и угол градиента
- 1.6 Шаг 6: добавь свой текст
- 1.7 Шаг 7: измените размер и переместите текст со свободным преобразованием
- 1.8 Шаг 8: добавь стиль наложения градиента
- 1.9 Шаг 9: создай новый пользовательский градиент
- 1.10 Шаг 10: сохрани градиент как предустановку
- 1.11 Шаг 11: установите стиль и угол градиента
- 1.12 Шаг 12: добавь инсульт
- 1.13 Шаг 13: добавь стиль Bevel & Emboss
- 1.14 Шаг 14: Включите «Контур»
- 1.15 Шаг 15: добавь внутреннее свечение
- 1.16 Шаг 16: добавь внешнее свечение
- 1.17 Шаг 17: добавь больше текста
- 1.18 Шаг 18: измени шрифт
- 1.19 Шаг 19: измени размер текста со свободным преобразованием
- 1.20 Шаг 20: добавь стиль наложения градиента
- 1.21 Шаг 21: сохрани градиент как предустановку
- 1.22 Шаг 22: установите параметры стиля и угла
- 1.23 Шаг 23: добавь стиль внутреннего свечения
- 1.24 Шаг 24: добавь стиль Bevel & Emboss
- 1.25 Шаг 25: добавь внешнее свечение
- 1.26 Шаг 26: сделай копию неонового текстового слоя
- 1.27 Шаг 27: выбери инструмент перемещения
- 1.28 Шаг 28: перетащи копию на место
- 1.29 Шаг 29: измени слово на «80-е»
- 1.30 Шаг 30: перекос и перестановка текста
- 1.31 Step 31: Add A New Blank Layer
- 1.32 Step 32: Select The Brush Tool
- 1.33 Step 33: Load The «Assorted Brushes» Set
- 1.34 Step 34: Choose The «48 px Crosshatch 4» Brush
- 1.35 Step 35: Set Your Foreground Color To White
- 1.36 Step 36: Change The Angle And Size Of The Brush
- 1.37 Step 37: Paint A Few Sparkles
Как создать эффект ретро текста 80-х
Шаг 1: создайте новый документ Photoshop
Давайте начнем с создания нового документа Photoshop. Перейдите в меню « Файл» в строке меню в верхней части экрана и выберите « Создать» :
Откроется диалоговое окно «Новый документ». Если вы используете Photoshop CC, вы увидите обновленную версию диалогового окна. Если вы используете CS6 или более раннюю версию, вы увидите старое, традиционное диалоговое окно. Давайте сначала посмотрим на версию Photoshop CC, а затем рассмотрим старую версию. Не волнуйтесь, это займет всего минуту.
Переработанная версия диалогового окна в Photoshop CC состоит в основном из новой области слева, где мы можем просматривать и выбирать эскизы заданных размеров документов для различных типов проектов (Фото, Печать, Интернет, Мобильные и т. Д.) В виде а также размеры, которые мы недавно использовали. Для этого урока вы можете игнорировать этот новый раздел. Единственный раздел, который нам нужен, — это панель « Предварительные настройки» справа, где мы находим традиционные варианты создания собственного пользовательского документа:
Это интересно: Нанесение текстуры на лицо с помощью Photoshop (видео)
Для этого урока мы создадим документ с Width от 1600 пикселей и высотой от 1000 пикселей . Установите для параметра « Разрешение» значение 72 пикселя / дюйм, а для фона — « Белый» . Затем нажмите кнопку « Создать», чтобы создать новый документ:
Если вы используете Photoshop CS6 или более раннюю версию, вы увидите старое традиционное диалоговое окно «Новый документ». Опять же для этого урока, установите ширину на 1600 пикселей и высоту до 1000 пикселей . Значение разрешения должно составлять 72 пикселя / дюйм, а для параметра Background Contents должно быть установлено значение White . Нажмите OK, чтобы создать новый документ:
Шаг 2: добавь слой градиентной заливки
Прежде чем добавить наш текст, давайте создадим более интересный фон для эффекта. Чтобы сделать это, мы будем использовать один из слоев градиента в Photoshop. Нажмите на значок « Новый заливочный или корректирующий слой» в нижней части панели «Слои»:
Затем выберите градиент из списка:
Шаг 3. Создайте новый пользовательский градиент
Откроется диалоговое окно « Градиентная заливка ». Нажмите на образец цвета градиента в верхней части. Мой образец цвета в настоящее время показывает градиент от черного к прозрачному. Не волнуйтесь, если ваш показывает что-то другое:
При нажатии на образец цвета открывается редактор градиентов в Photoshop, где мы можем создать собственный градиент. Чтобы дать нам отправную точку, выберите черный, белый градиент, нажав на его миниатюру (третий слева, верхний ряд) в разделе « Наборы » в верхней части диалогового окна:
Если мы посмотрим на нижнюю половину редактора градиентов, то увидим большую панель предварительного просмотра, показывающую, как в настоящее время выглядит градиент. Поскольку мы выбрали предустановку «Черный, Белый градиент», на панели предварительного просмотра отображается градиент от черного слева до белого справа:
Мы можем редактировать цвета градиента, используя цветовые остановки прямо под панелью предварительного просмотра. На данный момент есть две цветовые остановки; черный слева и белый справа.
Нажмите на черный цвет слева, чтобы выбрать его. Затем нажмите на образец цвета, чтобы изменить его цвет:
Это открывает палитру цветов Photoshop, где мы можем выбрать другой цвет. Для этого первого цвета давайте выберем темно-синий, установив значение R (красный) на 0 , значение G (зеленый) также на 0 и значение B (синий) на 40 :
Нажмите кнопку ОК, чтобы закрыть палитру цветов. Вернувшись в Редактор градиентов, нажмите на белый цвет справа, чтобы выбрать его. Затем щелкните образец цвета, чтобы изменить его цвет:
Когда палитра цветов откроется, выберите темно-розовый, установив значение R на 25 , G на 0 и B на 25 :
Нажмите кнопку ОК, чтобы закрыть палитру цветов. Теперь у нас есть градиент от темно-синего слева до темно-розового справа. Давайте добавим третий цвет в середине градиента.
Это интересно: Вращение холста с помощью инструмента «Поворот» в Photoshop
Нажмите прямо под центром панели предварительного просмотра, чтобы добавить новую цветовую остановку . Не беспокойтесь о щелчке в точном центре, потому что мы установим местоположение остановки цвета после того, как выбрали цвет. После того, как вы добавили новую цветовую остановку, нажмите на образец цвета, чтобы изменить его цвет:
В палитре цветов выберите черный для середины градиента, установив значения R , G и B на 0 :
Нажмите кнопку ОК, чтобы закрыть палитру цветов. Затем в редакторе градиентов убедитесь, что новый цветовой ограничитель находится точно в центре градиента, установив для его местоположения значение 50% :
Шаг 4: Сохранить градиент в качестве предустановки
Прежде чем закрыть редактор градиентов, давайте сохраним наш пользовательский градиент в качестве нового пресета. Фактически, мы сохраним все наши пользовательские градиенты как предустановки по мере продвижения. Таким образом, в следующий раз, когда вы захотите создать этот эффект, вы сможете быстро выбрать градиенты из области «Предустановки», а не создавать их заново с нуля.
Введите имя для градиента в поле « Имя» непосредственно под миниатюрами пресетов. Я назову градиент «Ретро-фон 80-х». Затем нажмите кнопку New :
Photoshop сохраняет градиент как новый стиль, и его миниатюра появляется в области «Наборы настроек». Теперь вы можете щелкнуть миниатюру, чтобы мгновенно выбрать градиент в следующий раз, когда он вам понадобится:
Шаг 5: установите стиль и угол градиента
Нажмите кнопку ОК, чтобы закрыть редактор градиентов. Затем, вернувшись в диалоговое окно «Градиентная заливка», убедитесь, что для параметра « Стиль» установлено значение « Линейный», а « Угол» равен 90 ° :
Нажмите кнопку ОК, чтобы закрыть диалоговое окно «Градиентная заливка». Если мы посмотрим на панель «Слои», то увидим новый слой градиентной заливки с именем «Градиентная заливка 1», расположенный над фоновым слоем:
И в нашем документе, хотя это немного трудно увидеть на белом фоне страницы, теперь у нас есть градиент от темно-розового в верхней части до черного в середине и затем до темно-синего в нижней части. Это будет фоном для нашего ретро-текстового эффекта:
Шаг 6: добавь свой текст
Теперь, когда у нас есть фон, давайте добавим немного текста. Выберите инструмент Photoshop Type Tool на панели инструментов:
Выбрав инструмент «Текст», выберите параметры шрифта на панели параметров в верхней части экрана. Как я упоминал ранее, я буду использовать пару шрифтов из Adobe Typekit, но вы найдете много отличных (и бесплатных) ретро-шрифтов в Google.
В этом случае я буду использовать шрифт Orbitron Black . После того, как вы выбрали свой шрифт, установите размер 72 пт . Мы изменим размер текста вручную после того, как добавим его, но сейчас это позволит нам начать с самого большого размера, который мы можем выбрать из списка предустановленных размеров:
Мы установим наш цвет шрифта на белый, чтобы мы могли легко видеть его на фоне. Нажмите на образец цвета на панели параметров:
Это открывает палитру цветов. Выберите белый, установив значения R , G и B на 255 . Нажмите OK, чтобы закрыть палитру цветов, когда вы закончите:
Затем щелкните внутри документа и введите свой текст. Я наберу слово «РЕТРО», все заглавными буквами:
Чтобы принять текст, нажмите галочку на панели параметров:
Шаг 7: измените размер и переместите текст со свободным преобразованием
Чтобы изменить размер и изменить положение текста, мы будем использовать команду Photoshop Free Transform. Перейдите в меню « Правка» в верхней части экрана и выберите « Свободное преобразование» :
Это помещает поле Free Transform и обрабатывает текст. Чтобы изменить его размер, перетащите любой угловой маркер . Нажмите и удерживайте клавишу Shift при перетаскивании ручек, чтобы зафиксировать оригинальные формы букв на месте, пока вы изменяете их размер. Когда вы довольны размером текста, отпустите кнопку мыши, затем отпустите клавишу Shift. Обязательно сначала отпустите кнопку мыши, затем клавишу Shift, иначе вы получите неожиданные результаты:
Чтобы изменить положение текста, щелкните в любом месте поля «Свободное преобразование» и перетащите текст в центр документа.
Чтобы принять новый размер и положение текста, нажмите галочку на панели параметров:
Шаг 8: добавь стиль наложения градиента
Если мы снова посмотрим на панель «Слои», то увидим наш новый слой «Тип», расположенный над другими слоями. Давайте создадим эффект хрома для текста. Нажмите на иконку Layer Styles (значок fx ) внизу панели Layers:
Выберите Gradient Overlay из списка:
Откроется диалоговое окно «Стиль слоя» в Photoshop с настройками наложения градиента в средней колонке. Нажмите на образец цвета градиента :
Шаг 9: создай новый пользовательский градиент
Откроется редактор градиентов, как и раньше. Опять же, мы собираемся создать наш собственный пользовательский градиент, но чтобы дать нам отправную точку, выберите черный, белый градиент, нажав на его миниатюру (третий слева, верхний ряд) в области Presets вверху:
Черный, белый градиент появляется в панели предварительного просмотра в нижней половине диалогового окна, с черным цветом под левой стороной панели и белым цветом под правой стороной.
Мы начнем с редактирования цвета слева. Но вместо того, чтобы щелкнуть на цветовом ограничителе, чтобы выбрать его, а затем щелкнуть образец цвета, чтобы изменить его цвет, воспользуемся более быстрым сочетанием клавиш. Двойной щелчок на остановке черного цвета :
Это выбирает цветовую остановку и открывает палитру цветов. Измените цвет с черного на белый , установив значения R , G и B на 255 , затем нажмите OK:
Вернитесь в редактор градиентов и измените расположение цветовой остановки с 0% до 5% :
Затем добавьте новый цветовой стоп, дважды щелкнув справа от того, который мы только что отредактировали. Не беспокойтесь о том, где вы нажимаете, потому что мы установим его местоположение в ближайшее время:
Когда палитра цветов откроется, выберите средний насыщенный розовый , установив R на 220 , G на 40 и B на 215 . Нажмите OK, когда вы закончите:
Установите местоположение новой остановки цвета на 25% :
Дважды щелкните справа от предыдущего цвета, чтобы добавить новый:
В палитре цветов выберите черный , установив R , G и B на 0 . Нажмите ОК:
Установите его местоположение на 50% :
Дважды щелкните, чтобы добавить еще одну цветовую остановку:
Выберите белый из палитры цветов, установив R , G и B на 255 . Нажмите ОК:
Установите местоположение на 51%, чтобы оно находилось прямо напротив остановки черного цвета в середине:
Добавьте еще одну новую цветовую остановку, дважды щелкнув справа от предыдущего:
Выберите средний насыщенный синий , установив R на 15 , G на 95 и B на 215 . Нажмите ОК:
Установите его местоположение на 75% :
Наконец, давайте отредактируем остановку цвета в крайнем правом углу, дважды щелкнув по ней:
Измените его цвет с белого на черный , установив R , G и B на 0 , затем нажмите OK:
Затем измените его местоположение со 100% до 95% :
Шаг 10: сохрани градиент как предустановку
Это была большая работа, поэтому, прежде чем мы закроем Градиентный редактор, давайте сохраним наш пользовательский градиент как еще один новый пресет. Введите имя для предустановки в поле Имя . Я назову мой «80-х Ретро Хром». Нажмите Новый, чтобы сохранить его:
Новая миниатюра для предустановки появится в области предустановок. В следующий раз, когда вы захотите создать этот эффект, вы можете быстро выбрать градиент из пресетов:
Шаг 11: установите стиль и угол градиента
Нажмите кнопку ОК, чтобы закрыть редактор градиентов. Вернувшись в диалоговое окно «Стиль слоя», убедитесь, что для стиля градиента установлено значение « Линейный», а для угла установлено значение 90 °:
Оставьте диалоговое окно Layer Style открытым, потому что у нас есть еще несколько стилей для добавления. Вот как выглядит мой текст с примененным градиентом Chrome:
Шаг 12: добавь инсульт
Далее мы добавим обводку вокруг букв. Нажмите на слово Stroke в левом столбце диалогового окна Layer Style:
Параметры обводки отображаются в центре диалогового окна. Измените цвет обводки, щелкнув образец цвета :
Измените цвет обводки на тот же синий цвет, который мы использовали для градиента хрома, установив R на 15 , G на 95 и B на 215 . Нажмите ОК:
Как только вы изменили цвет, установите Положение обводки на Внутреннее, чтобы дать обводке острые углы. Затем увеличьте размер, чтобы настроить толщину обводки. Я установлю мой на 8 пикселей :
Вот мой текст после добавления синего штриха:
Шаг 13: добавь стиль Bevel & Emboss
По-прежнему в диалоговом окне Стиль слоя выберите Bevel & Emboss из столбца слева:
Откроется меню Bevel & Emboss. В области Структура вверху увеличьте Размер до того же значения, которое вы использовали для обводки. В моем случае это было 8 пикселей . Затем установите стиль на Stroke Emboss, а технику на Chisel Hard . Уменьшите глубину до 30% :
В разделе Shading, установить угол до -30 ° и Высота до 32 ° :
Затем нажмите на маленькую стрелку справа от миниатюры глянцевого контура . Не нажимайте на само изображение, просто стрелка рядом с изображением. Выберите Кольцо — Двойной контур, дважды щелкнув его миниатюру (третий слева, нижний ряд):
Включите параметр « Сглаживание» справа от «Блеска контура», установив флажок внутри него. Затем увеличивают непрозрачность в обоих режимах Выделите и теневом режиме до 100% :
Вот мой текст с Bevel & Emboss, примененным к обводке:
Шаг 14: Включите «Контур»
Включите Contour , установив флажок внутри его , прямо под Bevel & Emboss в левом столбце диалогового окна:
Это усиливает эффект освещения на мазке, делая буквы блестящими и металлическими:
Шаг 15: добавь внутреннее свечение
Выберите Inner Glow в колонке слева:
В параметрах Inner Glow измените цвет свечения, щелкнув образец цвета :
В палитре цветов выберите темно-синий, установив R на 15 , G на 30 и B на 130 . Нажмите ОК:
Вернувшись к параметрам Inner Glow, измените режим смешивания свечения с экрана на умножение , что переключит его с свечения на тень. Увеличьте непрозрачность до 100% . Затем увеличьте размер до 18 пикселей , чтобы вы могли едва видеть его внутри букв:
Вот мой текст с применением Inner Glow. Поскольку скриншот небольшой, его сложно увидеть, но благодаря вашему эффекту вы сможете увидеть очень тонкую синюю тень внутри каждой буквы:
Шаг 16: добавь внешнее свечение
Выберите Outer Glow из столбца слева:
Измените цвет Outer Glow, щелкнув образец цвета :
В палитре цветов выберите тот же более темный оттенок синего, который мы выбрали для Inner Glow, еще раз установив R на 15 , G на 30 и B на 130 . Нажмите ОК:
Вернувшись в параметры «Внешнее свечение», увеличьте непрозрачность до 70% , а затем увеличьте размер до 150 пикселей .
На данный момент мы добавили все наши стили слоя к тексту, поэтому нажмите кнопку ОК, чтобы закрыть диалоговое окно Стиль слоя. Вот мой хромированный текст с синим Outer Glow вокруг букв:
Если мы посмотрим на панель «Слои», то увидим наш слой «Тип» со всеми перечисленными ниже стилями слоя:
Шаг 17: добавь больше текста
Давайте добавим больше текста в дизайн. Пока инструмент выбора еще выбран, нажмите под словом «RETRO» и введите новое слово. Я наберу «4ever». Нажмите на галочку на панели параметров, чтобы принять текст:
Шаг 18: измени шрифт
Добавив новое слово, давайте перейдем на панель параметров и изменим шрифт. Я выберу другой шрифт, который я скачал из Adobe Typekit, этот называется BD Retrocentric . Опять же, если у вас нет доступа к Adobe Typekit, на Google есть множество бесплатных ретро-шрифтов:
Причина, по которой мы не изменили шрифт перед добавлением второго слова, заключается в том, что у нас все еще был выбран исходный слой Типа на панели «Слои», что означает, что Photoshop изменил бы шрифт для слова «РЕТРО», и это было не то, что мы хотели. Чтобы сохранить исходный шрифт для первого слова, нам нужно было добавить второй слой Type перед сменой шрифта.
Вот как выглядит слово «4ever» с моим новым шрифтом. В данный момент он слишком мал, но мы исправим это следующим образом:
Шаг 19: измени размер текста со свободным преобразованием
Давайте изменим размер и переместим новый текст, перейдя в меню « Правка» и выбрав « Свободное преобразование» :
Нажмите и удерживайте клавишу Shift и перетащите угловые маркеры, чтобы изменить размер текста. Чтобы изменить положение текста, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Я буду изменять размер и перемещать текст так, чтобы он располагался ниже правой части слова «РЕТРО». Нажмите на галочку на панели параметров, когда вы закончите, чтобы принять изменения:
Шаг 20: добавь стиль наложения градиента
Давайте дадим этому новому слову больше неонового взгляда. Нажмите на значок Layer Styles (fx) внизу панели Layers:
Выберите Gradient Overlay из списка:
В диалоговом окне «Стиль слоя» щелкните образец цвета градиента, чтобы открыть редактор градиентов:
Выберите черный, белый градиент в разделе «Наборы настроек», щелкнув по его миниатюре:
Дважды щелкните на черном цветном ограничителе слева, чтобы изменить его цвет:
Выберите темно-розовый, установив R на 140 , G на 15 и B на 140 . Нажмите ОК:
Установите расположение цветовой остановки на 25% :
Дважды щелкните на белом цветном ограничителе справа, чтобы изменить его цвет:
Выберите светло-розовый, установив R на 255 , G на 0 и B на 235 . Нажмите ОК:
Измените его местоположение на 75% :
Шаг 21: сохрани градиент как предустановку
Введите имя для градиента. Я назову мое «80-е Ретро Неон». Затем нажмите « Создать», чтобы сохранить его в качестве предустановки:
Появится миниатюра для новой предустановки, готовая к повторному выбору при следующем создании эффекта:
Шаг 22: установите параметры стиля и угла
Нажмите кнопку ОК, чтобы закрыть редактор градиентов. Вернувшись в диалоговое окно « Стиль слоя», убедитесь, что для « Стиль» для градиента установлено значение « Линейный», а « Угол» равен 90 ° :
Вот как выглядит текст (слово «4ever») с примененным градиентом «80-е Ретро Неон»:
Шаг 23: добавь стиль внутреннего свечения
Выберите Inner Glow в колонке слева:
Нажмите образец цвета, чтобы изменить цвет свечения:
В палитре цветов выберите белый , установив R , G и B на 255 . Нажмите ОК:
Измените режим смешивания Inlow Glow на Color Dodge и непрозрачность до 85% . Затем установите размер около 11 пикселей :
Вот мой текст с применением градиента и внутреннего свечения:
Шаг 24: добавь стиль Bevel & Emboss
Выберите Bevel & Emboss из столбца слева:
Погружение в опции Shading, нажмите на маленькую стрелку справа от Gloss контура эскиза и выбрать линейный контур с помощью двойного щелчка на его миниатюре (первые один слева, верхний ряд):
Затем в разделе «Параметры структуры» измените стиль на « Внутренний скос» и « Техника» на « Зубило жесткое» . Установите для параметра « Глубина» значение около 115% , а для параметра « Размер» — 8 пикселей , а затем увеличьте параметр « Смягчить» до 10 пикселей, чтобы сгладить края.
Вернувшись в раздел «Затенение» внизу, снимите флажок « Использовать глобальный свет» и убедитесь, что угол установлен на 90 °, а высота на уровне 30 ° . Наконец, установите непрозрачность режима подсветки на 75% и режима тени на 50% :
Вот слово «4ever» после нанесения Bevel & Emboss. Буквы теперь имеют более округлый вид:
Шаг 25: добавь внешнее свечение
Просто примените еще один стиль слоя. Выберите Outer Glow из столбца слева:
Нажмите образец цвета, чтобы изменить цвет Outer Glow:
В палитре цветов выберите розовый, установив R на 215 , G на 0 и B на 255 . Нажмите ОК:
Убедитесь, что режим смешивания установлен на экран . Установите непрозрачность около 35% и, наконец, увеличьте размер до 55 пикселей :
И с этим мы закончили с нашими стилями слоя! Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Стиль слоя». Вот как теперь выглядит мой ретро-текстовый эффект:
Шаг 26: сделай копию неонового текстового слоя
Давайте добавим еще одно неоновое слово к эффекту, на этот раз над словом «РЕТРО». Нажмите на верхний слой «Тип» на панели «Слои» (в моем случае это слой «4ever») и перетащите его вниз на значок « Новый слой» в нижней части панели «Слои». Его копия со всеми добавленными нами стилями слоя появится над оригиналом:
Шаг 27: выбери инструмент перемещения
Выберите инструмент « Перемещение» в Photoshop на панели инструментов:
Шаг 28: перетащи копию на место
Выбрав инструмент «Перемещение», щелкните копию текста «4ever» в документе и перетащите его над левой стороной слова «RETRO»:
Шаг 29: измени слово на «80-е»
Если вы посмотрите на панель «Слои», вы увидите копию слоя «Тип» (со словом «копия» в его названии) над оригиналом. Чтобы редактировать текст, дважды щелкните миниатюру слоя «Тип» :
Это подчеркивает существующий текст:
Введите «80-е» для нового слова. Нажмите на галочку в панели параметров, чтобы принять ее:
Шаг 30: перекос и перестановка текста
Давайте наклоним текст вверх, чтобы добавить больше интереса, и мы также изменим его положение. Поднимитесь в меню Edit , выберите Transform , затем выберите Skew :
Фотошоп помещает поле Transform и обрабатывает текст. Нажмите на правую ручку и перетащите ее вверх, пока вы не будете удовлетворены углом текста:
Затем щелкните внутри поля Transform и перетащите текст на место так, чтобы нижняя часть «80-х» перекрывала верхнюю часть «RETRO»:
Нажмите на галочку на панели параметров, чтобы принять изменения:
And here’s the retro text effect after skewing and moving the text. We’re almost done:
Step 31: Add A New Blank Layer
Let’s finish up the effect by adding a few sparkles around the chrome «RETRO» letters. For that, we’ll need a new layer. Click on the New Layer icon at the bottom of the Layers panel:
The new blank layer («Layer 1») appears above the «80s» Type layer:
Step 32: Select The Brush Tool
Select Photoshop’s Brush Tool from the Toolbar:
Step 33: Load The «Assorted Brushes» Set
The brush we need for the sparkles isn’t found in Photoshop’s default brushes so we’ll need to load in one of the other brush sets that’s included with Photoshop.
With the Brush Tool selected, right-click (Win) / Control-click (Mac) anywhere inside the image to open Photoshop’s Brush Preset Picker. Then, click on the menu icon (the gear icon) in the upper right corner:
In the lower half of the menu, you’ll see a list of other brush sets. Choose the Assorted Brushes set at the top of the list:
Photoshop will ask if you want to replace the current brushes with the new brushes. Click Append which will simply add the new ones in with the originals:
Step 34: Choose The «48 px Crosshatch 4» Brush
To make it easier for us to choose the brush we need, click again on the menu icon in the upper right of the Brush Preset Picker. Then, choose either Small List or Large List from the menu. I’ll choose Large List. This lets us view the brushes as a list rather than as thumbnails:
Scroll down the list until you find the 48 px Crosshatch 4 brush. Double-click on it to select it and close the Brush Preset Picker:
Step 35: Set Your Foreground Color To White
Make sure your brush color is set to white by pressing the letter D on your keyboard to quickly reset your Foreground and Background colors, which will make your Foreground color black and your Background color white. Then, press X to swap them, setting your Foreground color to white.
You can see your current Foreground and Background colors in the color swatches near the bottom of the Toolbar. Photoshop uses the Foreground color as the brush color, so make sure its swatch (upper left) is showing white:
Step 36: Change The Angle And Size Of The Brush
Before we add our sparkles, let’s change the angle of the brush, again to add more interest. Press the F5 key on your keyboard. This is a quick way to open Photoshop’s main Brush panel.
Make sure you have Brush Tip Shape selected at the top of the column on the left. Then, change the Angle to around 22°. Finally, increase the Size of the brush to around 65 px. You can experiment with the brush size if you like, but for this tutorial, 65 px should work nicely:
Step 37: Paint A Few Sparkles
To add the sparkles to the chrome, simply click in a few random spots around the word «RETRO». Three or four clicks should do it:
И с этим мы закончили! Вот, после добавления блесток, мой последний эффект ретро-текста 80-х годов:
И там у нас это есть! Вот как можно создать забавный ретро-текстовый эффект 80-х годов в Photoshop, используя стили слоев и пользовательские градиенты! Посетите наш раздел « Текстовые эффекты » для получения дополнительных уроков по текстовым эффектам в Photoshop!