Позолоченный текстовый эффект в фотошопе — распишем все нюансы

Прежде чем мы начнем: обратите внимание, что это руководство изначально было написано для Photoshop CS5 и более ранних версий. Если вы используете Photoshop CC или CS6 , вам нужно ознакомиться с нашим полностью обновленным учебником « Превращение текста в золото с помощью Photoshop» .

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


Вот эффект, для которого мы собираемся:

Конечный эффект

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

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

Содержание

Как создать золотой текст в фотошопе

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

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

Создание нового документа в Photoshop

Создайте новый документ в Photoshop. Я использую предустановленный размер 640×480.
Создание документа того же размера в Photoshop CS6.

Смотрите видео и делитесь своими комментариями на нашем канале YouTube!

Шаг 2: заполните фоновый слой черным


Нажмите D на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона в Photoshop, и в качестве цвета переднего плана установите черный цвет. Затем используйте сочетание клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы залить фоновый слой черным:

Залейте фоновый слой черным

Фоновый слой теперь заполнен черным.

Шаг 3: установите цвет переднего плана на белый и добавьте текст

Нажмите X на клавиатуре, чтобы поменять местами основной и фоновый цвета, чтобы белый цвет стал вашим основным. Выберите инструмент «Текст» в палитре «Инструменты» или нажмите клавишу T на клавиатуре. Выберите шрифт на панели параметров в верхней части экрана, затем щелкните внутри окна документа и введите свой текст. Я использую «Times New Roman Bold» здесь, чтобы все было просто, если вы хотите следовать. Я введу слово «ЗОЛОТО»:

Введите текст

Установите цвет переднего плана на белый и введите текст.

Шаг 4: измените размер текста с помощью команды Free Transform


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

Окно «Свободное преобразование» в Photoshop и тексты

Измените размер текста с помощью Free Transform.

Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование.

Шаг 5: продублируйте текстовый слой

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

Дублируйте текстовый слой

Палитра слоев Photoshop теперь показывает три слоя.

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

Шаг 6: добавь наложение градиента к тексту


Выбрав слой для копирования текста, щелкните значок « Стили слоев» в нижней части палитры «Слои»:

Щелкните значок «Стили слоев» в нижней части палитры «Слои».

Щелкните значок «Стили слоев» в нижней части палитры «Слои».

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

Выберите стиль слоя Gradient Overlay

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

Это вызывает диалоговое окно Layer Style с настройками Gradient Overlay:

Диалоговое окно

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

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

Шаг 7: выбери более светлый и темный золотой цвет для градиента

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

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

Нажмите на левый цветной маркер в редакторе градиентов, затем щелкните образец цвета.

Это поднимает палитру цветов Photoshop . Вы можете использовать любой золотой цвет, который предпочитаете, но если вы хотите следовать, я ввел цвет R: 247, G: 238, B: 173, который дает нам светло-золотой цвет (я обманул и выбрал цвет фото золотой монеты):

Выбор цвета в Photoshop

Введите R: 247, G: 238, B: 173 для цвета левого градиента.

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

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

Нажмите на правый цветной маркер, затем нажмите на образец цвета.

Когда сборщик цветов возвращается, введите R: 193, G: 172, B: 81, чтобы получить более темный золотой цвет (также взятый из золотой монеты):

Выбор цвета в Photoshop

Введите R: 193, G: 172, B: 81 для правильного цвета градиента.

Нажмите OK, чтобы выйти из палитры цветов еще раз, и нажмите OK, чтобы выйти из редактора градиентов.

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

Цвет градиента, примененный к тексту

Цвета градиента применяются к тексту.

Еще не выходите из диалогового окна Layer Style. У нас есть больше дел.

Шаг 8: измени градиент «Стиль» на «Отраженный»


Вернувшись в параметры «Наложение градиента» в диалоговом окне «Стиль слоя», нажмите стрелку вниз справа от слова «Линейный» и измените стиль градиента на « Отраженный» :

Изменение стиля градиента с линейного на отраженный

Измените стиль градиента с «Линейный» на «Отраженный».

Это добавит более темный золотой цвет к верхней и нижней части текста, оставляя более светлый цвет в середине:

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

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

Шаг 9: выберите параметры «Наклон и тиснение»

Нажмите непосредственно на слова «Наклон и тиснение» в меню стилей слоев в левой части диалогового окна «Стиль слоя», чтобы переключиться на параметры « Наклон и тиснение» . Убедитесь, что вы нажимаете непосредственно на сами слова, а не только в маленьком окошке рядом с ними, иначе параметры не появятся:

Переключитесь на параметры Bevel и Emboss

Нажмите прямо на слова «Скос и тиснение» в меню слева.

Шаг 10: поменяй «Технику» на «Зубило Хард»


В параметрах «Скос и тиснение структуры» в середине диалогового окна «Стиль слоя» щелкните стрелку, направленную вниз, справа от слова «Сглаживание», и измените « Техника на жесткое долото» :

Измените технику на Chisel Hard

Измените «Техника» с «Гладкая» на «Долото Хард».

Шаг 11: Измени «Глянцевый контур» на «Кольцо двойное»

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

Изменение контура блеска на двойное кольцо

Измените «Глянцевый контур» на «Кольцо двойное».

Выберите параметр « Сглаживание», чтобы наш текст не получал «неровности».

Вот текст на данный момент:

Эффект золотого текста.

Эффект пока что.

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


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

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

Перемещайте ползунок «Размер» вправо, пока не закроете пустые места внутри букв.

Открытые пространства исчезли:

Открытые пространства внутри букв были закрыты

После перетаскивания ползунка «Размер» вправо, открытые пространства внутри букв были удалены.

Шаг 13: увеличьте глубину структуры, чтобы усилить эффект освещения

Затем перетащите ползунок глубины вправо, чтобы усилить эффект освещения букв. Я перетащил мое значение до 171% :

Увеличьте глубину, чтобы усилить эффект освещения.

Перетащите ползунок «Глубина» вправо, чтобы усилить эффект освещения букв.

Теперь все начинает хорошо выглядеть

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

Эффект после увеличения «Глубины».

Шаг 14: включи «Контур» в меню стиля слоя

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

Включить опцию Contour

Установите флажок «Контур», чтобы включить его, не просматривая его параметры.

Вот текст с включенным «Контуром»:

Эффект с включенной опцией Контур.

Эффект с включенной опцией «Контур».

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

Последнее, что нужно сделать здесь, прежде чем мы выйдем из диалогового окна Layer Style и переключимся на исходный текстовый слой. Мы собираемся добавить эффект Inner Glow, чтобы улучшить наши золотые цвета. Чтобы сделать это, нажмите непосредственно на слова Inner Glow слева от диалогового окна Layer Style, чтобы включить его и вызвать его параметры:

Выберите стиль слоя Inner Glow

Выберите стиль слоя «Inner Glow». Нажмите прямо на его имя, чтобы открыть параметры для него.

Измените варианты, которые я обвел здесь:

Измените эти параметры Inner Glow

Варианты «Внутреннее свечение».

Сначала измените режим смешивания на Умножение . Затем уменьшите непрозрачность до 50% . Нажмите на образец цвета непосредственно под словом «Шум», который вызывает палитру цветов. Введите R: 232, G: 128, B: 31, чтобы дать нам оранжевый цвет (этот был взят из фотографии золотого кирпича) и нажмите OK, чтобы выйти из палитры цветов. Наконец, увеличьте размер свечения до 15 пикселей .

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

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

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

Шаг 16: добавь обводку к оригинальному текстовому слою

На этом мы закончили со слоем копирования текста. Теперь мы будем работать с исходным текстовым слоем, поэтому щелкните его в палитре слоев, чтобы выбрать его. Мы вернемся к диалоговому окну Layer Style еще раз, поэтому нажмите на иконку Layer Styles в нижней части палитры Layers:

Щелкните значок «Стили слоев» в нижней части палитры «Слои».

Выбрав исходный текстовый слой, щелкните значок «Стили слоев» в нижней части палитры «Слои».

На этот раз выберите Stroke внизу списка:

Выберите стиль слоя Stroke из списка.

Выберите стиль слоя «Stroke» из списка.

Это вернет диалоговое окно Layer Style обратно, установив параметры обводки. Измените варианты, которые я обвел ниже:

Измените параметры стиля слоя Stroke.

Параметры стиля слоя «Штрих».

Сначала увеличьте размер штриха до 5 пикселей . Затем измените Тип заливки с «Цвет» на Градиент . Мы будем использовать те же цвета градиента для обводки, которые мы использовали в тексте. Прежде чем приступить к установке цветов градиента, измените стиль градиента на Отраженный .

Шаг 17: установите градиент обводки в те же цвета, что и текст

Нажмите непосредственно на область предварительного просмотра градиента в параметрах обводки:

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

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

Это снова вызовет редактор градиентов . Установите цвета градиента на те же цвета, которые мы использовали в тексте. Для левого цвета используйте R: 247, G: 238, B: 173 , а для цвета справа — R: 193, G: 172, B: 81 . Нажмите OK, чтобы выйти из редактора градиентов, как только вы установите цвета, и ваш текст должен выглядеть следующим образом:

Градиентный штрих применяется к тексту.

Градиентный штрих применяется к тексту.

Шаг 18: примени стиль «Наклон и выбей» к инсульту

Нажмите непосредственно на слова Bevel and Emboss в меню слева от диалогового окна Layer Style, чтобы снова включить его и вызвать его параметры. На этот раз, вместо того, чтобы добавить фаску и тиснение к тексту, мы добавим его к обводке. Измените варианты, которые я обвел ниже:

Варианты Bevel и Emboss для обводки

Параметры «Наклон и тиснение» применяются к обводке.

Во-первых, чтобы применить эти настройки к обводке, нам нужно изменить верхний параметр « Стиль» на « Тиснение» . Теперь все эти настройки будут применены к нашему инсульту. Измените Технику на Chisel Hard еще раз. Установите размер до 5 пикселей . В разделе «Затенение» щелкните стрелку, направленную вниз, справа от слов « Глянцевый контур», и еще раз выберите этот параметр « Кольцо — двойной» , который является третьим слева в нижнем ряду. Наконец, слева в области меню снова щелкните внутри флажка Contour, чтобы включить его.

После применения стиля Bevel and Emboss к обводке ваш текст должен выглядеть следующим образом:

Текст после применения стиля «Скос и тиснение» к обводке.

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

Шаг 19: примени стиль «Outer Glow»

Последнее, что нужно сделать здесь, в диалоговом окне Стили слоя. Мы собираемся добавить немного света в текст, как будто свет отражается от золота. Нажмите непосредственно на слова Outer Glow в меню слева, чтобы включить стиль Outer Glow и вызвать его параметры, затем измените параметры, которые я обвел ниже:

Опции для стиля Outer Glow.

Параметры стиля слоя Outer Glow.

Сначала уменьшите значение непрозрачности до 50% . Затем щелкните образец цвета непосредственно под словом «Шум», который вызывает палитру цветов Photoshop. Введите R: 183, G: 145, G: 79 для цвета (еще один образец фотографии из золотого кирпича) и нажмите OK, чтобы выйти из палитры цветов. Наконец, установите размер около 29 пикселей , а затем нажмите кнопку ОК, чтобы выйти из диалогового окна «Стили слоя».

Текст теперь имеет слабое свечение:

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

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

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

Шаг 20: добавь новый пустой слой над слоем копирования текста

Нажмите на слой копирования текста в палитре слоев, чтобы выбрать его, затем нажмите сочетание клавиш Ctrl + Shift + N (победа) / Command + Shift + N (Mac), чтобы открыть диалоговое окно « Новый слой ». Назовите новый слой «sparkles» и нажмите OK:

Диалоговое окно «Новый слой» в Photoshop.

Диалоговое окно Photoshop «Новый слой». Назовите новый слой «sparkles» и нажмите OK.

Теперь у нас есть новый пустой слой в палитре слоев:

Палитра слоев фотошопа.

Палитра «Слои» в Photoshop теперь показывает наш новый «сверкающий» слой сверху.

Шаг 21: загрузи «разные кисти»

Мы собираемся добавить немного блеска к нашему золотому тексту, чтобы он действительно сиял, и мы будем использовать кисть для этого. Но сначала нам нужно загрузить несколько новых кистей. Возьмите инструмент Brush из палитры Tools или нажмите B на клавиатуре, чтобы быстро выбрать его. Затем щелкните правой кнопкой мыши (Win) или удерживая нажатой клавишу « Control» (Mac) в любом месте окна документа, чтобы открыть меню параметров кисти, и щелкните небольшую стрелку, указывающую вправо в верхнем правом углу:

Меню параметров кисти

Нажмите на маленькую стрелку в верхнем правом углу меню кисти.

Нажмите на Assorted Brush в длинном списке, который появится, чтобы выбрать их:

Выберите Ассорти Кисти

Нажмите «Ассорти кисти» в появившемся списке.

Фотошоп спросит вас, хотите ли вы заменить текущие кисти этими новыми или просто добавить их к существующим. Нажмите Добавить :

Нажмите «Добавить», чтобы добавить кисти к существующим.

Нажмите «Добавить», чтобы добавить новые кисти к существующим.

Шаг 22 Извлеките светло-золотой цвет из текста с помощью инструмента «Пипетка»

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

Образец светло-золотого цвета из текста с помощью инструмента «Пипетка».

Образец светло-золотого цвета из текста с помощью инструмента «Пипетка».

Шаг 23: выбери одну из кистей «Crosshatch», чтобы использовать ее как блеск

С помощью образца светлого золотого цвета снова переключитесь на инструмент «Кисть», а затем еще раз щелкните правой кнопкой мыши (Win) / « Control-click» (Mac) в любом месте окна документа, чтобы открыть меню параметров кисти. Прокрутите вниз список доступных кистей, пока не найдете ту, которая выглядит как причудливая буква «Х». Если в настройках Photoshop включены всплывающие подсказки, вы увидите, что кисть называется «Перекрестная штриховка», как мы видим здесь:

Выберите одну из кистей Crosshatch

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

Шаг 24: нарисуйте несколько случайно расположенных блесток вокруг текста

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

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

Понизьте непрозрачность слоя с блестками

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

Как только вы добавили свои блестки и понизили непрозрачность по своему вкусу, вы выполнили эффект золотых букв! Вот мой окончательный результат эффекта «Позолоченный текст»:

Конечный эффект

Конечный эффект.

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



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

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

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

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

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