Как покрыть золотом объект в фотошопе, золотой цвет.
В данном уроке будет рассмотрен способ создания золотого покрытия практически любого объекта в программе фотошоп. Если накладывать на объект просто золотистый цвет, то эффект будет не на столько реалистичен, потому что просто золотой цвет не передаст структуру золота. Объект из золота должен выглядеть как литой, то есть вылитый из золота, а не просто иметь золотистый цвет. Поэтому мы сначала подготовим объект, придав ему необходимую структуру, а потом уже покрасим его.
Для примера я взял изображение наушников, которые и буду покрывать позолотой.
Данную картинку в полном размере и формате png, а так же исходники и другие материалы к уроку вы можете сказать здесь в блоке «Материалы» справа. В видео-уроке, кроме наушников я покрываю золотом автомобиль, исходники и изображения так же имеются в указанном разделе.
И так, я взял изображение наушников в формате png, которое предварительно вырезано и не имеет заднего фона.
Если вы хотите использовать какой-то свой объект, то его необходимо предварительно вырезать с заднего фона, если вы не знаете, как это сделать, ознакомьтесь с одним из способов в уроке «Как вырезать сложный объект в фотошоп«.
1. Первым делом создаем новый холст, на котором будем работать, в верхнем меню выбираем «Файл» — «Создать» и задаем необходимые размеры, я установил размер 1024px на 1024px.
Поскольку золото хорошо смотрится на темном фоне, выполним заливку холста темно-серым цветов, близком к черному. Теперь откроем программой фотошоп изображение наушников, перетащим его на наш холст и настроем его размер, выбрав в верхнем меню «Редактирование» — «Свободное трансформирование» или нажав комбинацию клавиш «Ctrl + T». При изменении размера удерживаем клавишу «Shift», чтобы изображение оставалось в своих пропорциях.
2. Далее, необходимо скопировать слой с наушниками, для этого удерживая клавишу «Alt», кликнув по слою с наушниками в панели слове левой клавишей мыши и удерживая обе клавиши перетаскиваем данный слой вверх.
Таким образом получится копия слоя с изображением наушников. Далее сделаем этот новый слой с изображением наушников черно-белым. Для этого выделяем его, кликнув левой кнопкой мыши в панели слоев и в верхней панели меню выбираем «Изображение» — «Коррекция» — «Черно-белое», либо нажимаем комбинацию клавиш «Alt + Shift + Ctrl + B». В появившемся окне настроек ничего не меняем, просто нажимаем «Ок».
Снова копируем слой с черно-белым изображением наушников и делаем инверсию для данного слоя, выбрав в верхнем меню «Изображение» — «Коррекция» — «Инверсия», либо нажав комбинацию клавиш «Ctrl + I». В результате получим вот такой эффект.
Теперь этому слою установим наложение «Разница», выбираем его в панели слоев, вместо наложения «Обычные».
И далее, необходимо объединить данный слой со слоем ниже, для этого кликаем по верхнему слою правой кнопкой мыши и появившемся списке меню выбираем «Объединить с предыдущим».
3. Теперь проделываем еще раз все тоже самое с получившимся слоем, а именно, копируем его, делаем инверсию, устанавливаем наложение «Разница» и объединяем с предыдущим.
В результате должно получиться вот такое изображение.
4. Далее на получившееся изображение (слой) будем накладывать корректирующий слой с цветом. Для этого выделяем этот слой и в панели слоев снизу кликаем по иконке создания корректирующего слоя и открывшемся списке меню выбираем «Цветовой баланс».
И в открывшейся панели настроек подключаем корректирующий слой к слою с изображением наушников, кликнув в нижней части на иконку со стрелкой. После этого настраиваем цветовую гамму ползунками до нужного эффекта. Прибавляем желтый цвет и немного красного, чтобы получить цвет золота.
Настройки цвета необходимо производить во всех тонах, т.е. настроив цвет в тоне «Средние тона», необходимо перейти и настроить так же цвет в «Тени» и в «Света». В результате должно получиться что-то типа такого.
Теперь наложим еще один корректирующий слой «Сочность», для этого выделяем слой с наушниками в панели слоев снова кликаем по иконке создания слоя и выбираем «Сочность».
Далее в появившейся панели настроек так же подключаем этот корректирующий слой и выставляем ползунок параметра «Сочность» на 100%.
И точно так же подключаем еще один корректирующий слой «Уровни» и настраиваем уровни на свое усмотрение. В результате всех этих действий получается вот такое изображение.
5. Последним действием мы удалим ненужные элементы позолоты, а именно с самих накладок для ушей, ведь нам нужен только золотой корпус, а сами накладки не должны иметь золотой цвет.
Для этого в панели слоев выбираем слой с наушниками, на который мы накладывали эффекты и подключаем к нему маску, кликнув по значку в нижней части панели.
Теперь выбираем жесткую кисть, устанавливаем черный цвет и данной кистью просто закрашиваем не нужные фрагменты.
В результате получаются наушники с золотым корпусом.
Вот таким не сложным способом в программе фотошоп можно практически любой объект покрыть позолотой.
youtube.com/embed/tVLWtRrD1aA»>
Помогла ли вам статья?
77 золотых стилей для фотошопа
Содержание
- 70 Golden Photoshop Layer Styles
- Gold Photoshop Layer Style
- 80 Golden Styles For Photoshop
- Elegant Gold Style
- Elegant Gold Effect PSD Mockup
- 3D Gold Style
Вы можете создавать удивительные золотые текстовые эффекты, используя PSD-файлы со стилями слоев Photoshop и стили слоя ASL. Золотые стили имитируют, например, старое ржавое золото, старинное золото, золотые эффекты к праздникам. Благодаря именно желтому оттенку объект или текст приобретают более нарядный вид, они привлекают внимание, поэтому часто его используют для рекламы люксовых товаров или тех товаров, что имеют какую-то особенность.
Мы подобрали для вас несколько вариаций золотых стилей для фотошопа.
О том, как использовать стили слоя, что важно знать и о чем помнить при работе с ними, мы рассказали в Инструкции «Как установить и работать со стилями слоя Photoshop».
О том, как воспользоваться psd-шаблонами и как редактировать смарт-слои в Photoshop, мы рассказали в Инструкции «Как использовать PSD-шаблоны в Photoshop».
70 Golden Photoshop Layer Styles
Эти стили помогут вам добавить вашему художественному произведению эффект сияющего золота. Объект или текст, но они будут сиять, светиться, будто миллионы алмазов окрасили в оттенки желтого и оранжевого.
Формат: .asl
Количество: 70
Размер файла: 211 КБ
Скачать
Gold Photoshop Layer Style
Простой, но красивый золотой стиль для Photoshop. Украсьте свои шрифты или графику этим стилем и выделите их! Стиль имитирует золотую краску, без объема для объекта.
Формат: .asl
Количество: 1
Размер файла: 5 МБ
Скачать
80 Golden Styles For Photoshop
Стили Photoshop помогают дизайнерам выполнять работу быстро и легко.
Эти 80 золотых стилей, которые вы можете использовать для написания заголовков, текста или для оформления объектов. Стили отличаются объемностью и сиянием, сочетания золотого с черным.
Формат: .asl
Количество: 1
Размер файла: 2,6 МБ
Скачать
Elegant Gold Style
Создайте элегантную золотую типографику с помощью этого золотого стиля Photoshop. Внутри ZIP-файла вы найдете PSD с легкоредактируемыми смарт-объектами. Стиль «3D золото» работает для любого типа слоя: текста, векторной формы или растровых изображений.
Формат: .psd
Количество: 1
Размер файла: 6 МБ
Скачать
Elegant Gold Effect PSD Mockup
Мокап PSD с глянцевым золотым текстовым эффектом. Используйте его для создания великолепных текстовых эффектов. Золотой текст редактируется, так что вы можете использовать любой тип шрифта, который вы хотите, любой текст, размер и т.
д. Вы даже можете использовать его для фигур.
Формат: .psd
Количество: 1
Размер файла: 2,7 МБ
Скачать
3D Gold Style
Архив содержит 3 файла PSD для каждого размера стиля. Стиль имитирует отчасти мульяшный вариант надписей, с небольшим сиянием. Файлы PSD имеют смарт-слои, поэтому с ними удобно работать.
Формат: .psd
Количество: 3
Размер файла: 5 МБ
Скачать
Позолоченный текстовый эффект в Photoshop
Прежде чем мы начнем: Пожалуйста, обратите внимание, что это руководство изначально было написано для Photoshop CS5 и более ранних версий. Если вы используете Photoshop CC или CS6 , вам стоит ознакомиться с нашим полностью обновленным учебником «Превращение текста в золото с помощью Photoshop».
Автор сценария Стив Паттерсон.
В этом уроке по текстовым эффектам Photoshop мы узнаем, как превратить текст в золото, используя стили слоя Photoshop.
Мы даже добавим немного блесток в конце, чтобы наши золотые буквы действительно сияли.
Вот эффект, к которому мы стремимся:
Окончательный результат позолоченного текста.
Начнем!
Шаг 1. Откройте новый документ Photoshop
Откройте новый документ в Photoshop, перейдя в меню File и выбрав New… или используя сочетание клавиш
Создайте новый документ в Photoshop. Я использую предустановленный размер 640×480.
Посмотрите видео или продолжите работу с письменным руководством ниже:
Шаг 2: Залейте фоновый слой черным цветом
Нажмите D на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона Photoshop, что устанавливает черный в качестве цвета переднего плана.
Фоновый слой теперь заполнен черным цветом.
Шаг 3. Установите белый цвет переднего плана и добавьте текст
Нажмите X на клавиатуре, чтобы поменять местами цвета переднего плана и фона, чтобы белый стал цветом переднего плана. Выберите инструмент Type на палитре Tools или нажмите T на клавиатуре. Выберите шрифт на панели параметров в верхней части экрана, затем щелкните внутри окна документа и введите текст. Я использую «Times New Roman Bold», чтобы не усложнять задачу, если вы хотите продолжить. Я ввожу слово «ЗОЛОТО»:
Установите белый цвет переднего плана и введите текст.
Шаг 4. Измените размер текста с помощью команды Free Transform
На данный момент текст слишком мелкий, поэтому, выбрав текстовый слой в палитре слоев, используйте сочетание клавиш Ctrl+T (Win) / Command+T
Удерживайте Shift+Alt (Win) / Shift+Option (Mac), чтобы Photoshop ограничил пропорции текста и изменил размер текста от центра, когда вы перетаскиваете любой из угловых маркеров, чтобы увеличить текст:Измените размер текста с помощью Free Transform.
Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять преобразование.
Шаг 5: Дублируйте текстовый слой
Используйте сочетание клавиш Ctrl+J (Win) / Command+J (Mac), чтобы быстро дублировать текстовый слой. Теперь у вас должно быть три слоя в палитре слоев:
.Палитра слоев Photoshop теперь показывает три слоя.
Следующие несколько шагов мы будем работать над слоем копии текста.
Шаг 6. Добавьте наложение градиента к тексту
Выбрав слой копирования текста, щелкните значок Стили слоя в нижней части палитры слоев:
Щелкните значок «Стили слоев» в нижней части палитры «Слои».
Выберите Gradient Overlay из списка:
Выберите стиль слоя Gradient Overlay из списка.
Откроется диалоговое окно Layer Style с параметрами Gradient Overlay:
В диалоговом окне «Стиль слоя Photoshop» установлены параметры «Наложение градиента».
Мы собираемся установить цвета для нашего градиента, поэтому щелкните непосредственно область предварительного просмотра градиента (обведена красным выше), чтобы вызвать редактор градиента .
Шаг 7: Выберите более светлый и темный золотой цвет для градиента
Когда появится редактор градиентов , щелкните левый цветовой маркер
Щелкните левый цветовой маркер в редакторе градиентов, затем щелкните образец цвета.
Это вызывает палитру цветов Photoshop .
Вы можете использовать любой золотой цвет, который вам больше нравится, но если вы хотите продолжить, я ввел цвет R:247, G:238, B:173 , который дает нам светло-золотой цвет (я сжульничал и попробовал цвет с фото золотой монеты):
Введите R:247, G:238, B:173 для цвета левого градиента.
Нажмите OK, чтобы принять цвет и выйти из палитры цветов. Затем, вернувшись в редактор градиентов, щелкните правый цветовой маркер , чтобы выбрать его, а затем снова щелкните образец цвета :
.Щелкните правый цветовой маркер, затем снова щелкните образец цвета.
Когда палитра цветов вернется, введите R:193, G:172, B:81 , чтобы получить более темный золотой цвет (также взятый с золотой монеты):
Введите R:193, G:172, B:81 для правильного цвета градиента.
Нажмите «ОК», чтобы снова выйти из палитры цветов, и нажмите «ОК», чтобы также выйти из редактора градиентов.
Теперь ваш текст должен выглядеть так:
Цвета градиента, примененные к тексту.
Пока не выходите из диалогового окна «Стиль слоя». Нам еще многое предстоит сделать.
Шаг 8. Измените «Стиль» градиента на «Отраженный»
Вернитесь к параметрам «Наложение градиента» в диалоговом окне «Стиль слоя», щелкните стрелку вниз справа от слова «Линейный» и измените Стиль градиента до Отраженный :
Измените стиль градиента с «Линейный» на «Отраженный».
Это добавит более темный золотой цвет вверху и внизу текста, оставив более светлый цвет в середине:
Текст после изменения стиля градиента.
Шаг 9: Выберите параметры «Bevel and Emboss»
Нажмите непосредственно на слова «Bevel and Emboss» в меню стилей слоя в левой части диалогового окна «Стиль слоя», чтобы переключиться на Варианты скоса и тиснения . Убедитесь, что вы нажимаете непосредственно на сами слова, а не только на маленькое поле рядом с ними, иначе параметры не появятся:
Нажмите непосредственно на слова «Bevel and Emboss» в меню слева.
Шаг 10. Измените «Техника» на «Твердое долото»
В параметрах Bevel and Emboss Structure в середине диалогового окна Layer Style щелкните стрелку вниз справа от слова «Smooth» и измените Техника от до Долото твердое :
Изменить «Технику» с «Гладкая» на «Твердая долото».
Шаг 11. Измените «Глянцевый контур» на «Двойное кольцо»
В параметрах Shading под параметрами структуры щелкните стрелку вниз справа от слова «Gloss Contour» и выберите Ring — Double , который находится в нижнем ряду, третий слева:
Измените «Контур глянца» на «Двойное кольцо».
Выберите также параметр Anti-Aliased , чтобы текст не получил «зазубрины».
Вот текст на данный момент:
Эффект до сих пор.
Шаг 12: Увеличьте «Размер» структуры, чтобы закрыть открытое пространство внутри букв
Вернитесь к параметрам Структура в верхней части диалогового окна Стили слоев и перетащите ползунок Размер вправо, пока не закроете открытые пространства внутри букв.
Здесь я перетащил свой до значения 16 пикселей :
Перетащите ползунок «Размер» вправо, пока не закроете пустые места внутри букв.
Открытых пространств больше нет:
После перетаскивания ползунка «Размер» вправо пробелы внутри букв были удалены.
Шаг 13: Увеличьте «глубину» структуры, чтобы усилить эффект освещения
Затем перетащите ползунок Глубина вправо, чтобы усилить эффект освещения букв. Я перетащил свой до значения 171% :
Перетащите ползунок «Глубина» вправо, чтобы усилить эффект освещения букв.
Теперь все начинает выглядеть хорошо:
Эффект после увеличения «Глубины».
Шаг 14. Включите «Контур» в меню стилей слоя
Затем щелкните внутри флажка слева от слова Contour слева от диалогового окна Layer Style, непосредственно под параметром «Bevel and Emboss». Это еще больше усилит наш золотой эффект. Нет необходимости изменять какие-либо параметры для него, поэтому просто установите флажок, чтобы включить его:
Щелкните внутри флажка «Контур», чтобы включить его, не просматривая его параметры.
Вот текст с включенным «Контуром»:
Эффект при включенной опции «Контур».
Шаг 15: Добавьте внутреннее свечение
Последнее, что нужно сделать здесь, прежде чем мы выйдем из диалогового окна «Стиль слоя» и переключимся на исходный текстовый слой. Мы собираемся добавить эффект внутреннего свечения, чтобы улучшить наши золотые цвета. Для этого нажмите прямо на слова Inner Glow 9.0004 слева от диалогового окна «Стиль слоя», чтобы включить его и вызвать его параметры:
Выберите стиль слоя «Внутреннее свечение». Нажмите прямо на его имя, чтобы открыть его параметры.
Изменить параметры, которые я обвел здесь:
Опции «Внутреннее свечение».
Сначала измените режим наложения на Умножение . Затем уменьшите Opacity до 50% . Нажмите на образец цвета прямо под словом «Шум», чтобы открыть палитру цветов. Введите 
Наконец, увеличьте свечение Size до 15 пикселей .
Когда вы закончите, вы можете нажать OK, чтобы выйти из диалогового окна Layer Style. Теперь ваш текст должен выглядеть примерно так:
.Текст после применения стиля слоя «Внутреннее свечение».
Шаг 16. Добавьте обводку к исходному текстовому слою
На этом мы закончили со слоем копии текста. Теперь мы собираемся работать с исходным текстовым слоем, поэтому щелкните его в палитре слоев, чтобы выбрать его. Мы снова вернемся к диалоговому окну Layer Style, поэтому щелкните значок Layer Styles в нижней части палитры слоев:
Выбрав исходный текстовый слой, щелкните значок «Стили слоев» в нижней части палитры «Слои».
На этот раз выберите Stroke внизу списка:
Выберите из списка стиль слоя «Обводка».
Это вернет диалоговое окно Layer Style обратно, установив параметры Stroke. Измените параметры, которые я обвел ниже:
Параметры стиля слоя «Обводка».
Сначала увеличьте обводку Размер до 5 пикселей . Затем измените Fill Type с «Color» на Gradient . Мы собираемся использовать те же цвета градиента для обводки, что и для текста. Прежде чем мы начнем устанавливать цвета градиента, измените градиент 9.0003 Стиль от до Отраженный .
Шаг 17. Установите градиент обводки на те же цвета, что и текст
Нажмите непосредственно на область предварительного просмотра градиента в параметрах обводки:
Щелкните область предварительного просмотра градиента.
Это снова вызовет Редактор градиентов . Установите цвета градиента на те же цвета, которые мы использовали для текста. Для левого цвета используйте R:247, G:238, B:173 , а для правого цвета используйте Р:193, Г:172, Б:81 . Нажмите OK, чтобы выйти из редактора градиентов после того, как вы установили цвета, и ваш текст должен выглядеть так:
Градиентная обводка, примененная к тексту.
Шаг 18. Применение стиля «Bevel and Emboss» к обводке
Нажмите непосредственно на слова Bevel and Emboss в меню слева от диалогового окна Layer Style, чтобы еще раз включить его и вызвать его параметры. На этот раз, вместо того, чтобы добавлять стиль скоса и тиснения к тексту, мы добавим его к обводке. Измените параметры, которые я обвел ниже:
Параметры «Скос и тиснение», применяемые к обводке.
Во-первых, чтобы применить эти настройки к обводке, нам нужно изменить верхнюю опцию Style на Stroke Emboss . Теперь все эти настройки будут применены к нашему штриху. Измените Technique на Chisel Hard еще раз. Установите размер на 5 пикселей . В разделе «Затенение» щелкните стрелку вниз справа от слов Gloss Contour 9.0004 и еще раз выберите опцию Ring — Double , третью слева в нижнем ряду. Наконец, слева в области меню еще раз щелкните внутри флажка Contour , чтобы включить его.
После применения стиля Bevel and Emboss к обводке текст должен выглядеть следующим образом:
Эффект после применения стиля «Bevel and Emboss» к обводке вокруг текста.
Шаг 19: Применение стиля «Внешнее свечение»
Последнее, что нужно сделать здесь, в диалоговом окне «Стили слоя». Мы собираемся добавить немного свечения к тексту, как будто свет отражается от золота. Нажмите непосредственно на слова Outer Glow в меню слева, чтобы включить стиль Outer Glow и вызвать его параметры, затем измените параметры, которые я обвел ниже:
Параметры стиля слоя «Внешнее свечение».
Сначала уменьшите значение Opacity до 50% . Затем нажмите на образец цвета прямо под словом «Шум», который вызывает палитру цветов Photoshop. Введите R:183, G:145, G:79 для цвета (еще один образец фотографии с золотым кирпичом) и нажмите OK, чтобы выйти из палитры цветов.
Наконец, установите размер примерно на 29 пикселей , а затем нажмите OK, чтобы выйти из диалогового окна Стили слоя.
Теперь вокруг текста появляется слабое свечение:
Текст теперь со слабым свечением вокруг него.
Осталось сделать одно…
Шаг 20. Добавьте новый пустой слой над слоем с копией текста
Нажмите на слой копии текста в палитре «Слои», чтобы выбрать его, затем нажмите сочетание клавиш Ctrl+Shift+N (Win) / Command+Shift+N (Mac), чтобы открыть диалоговое окно New Layer коробка. Назовите новый слой «блестки» и нажмите «ОК»:
.Диалоговое окно Photoshop «Новый слой». Назовите новый слой «блестки» и нажмите «ОК».
Теперь у нас есть новый пустой слой в палитре слоев:
Палитра слоев Photoshop теперь показывает наш новый слой «блестки» вверху.
Шаг 21: Загрузите «Ассорти кистей»
Мы собираемся добавить немного блесток к нашему золотому тексту, чтобы он действительно сиял, и мы собираемся использовать для этого кисть.
Но сначала нам нужно загрузить несколько новых кистей. Возьмите инструмент «Кисть» из палитры «Инструменты» или нажмите B на клавиатуре, чтобы быстро выбрать его. Затем щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, (Mac) в любом месте окна документа, чтобы открыть меню параметров кисти, и щелкните маленькую стрелку вправо в правом верхнем углу:
Щелкните маленькую стрелку в правом верхнем углу меню «Кисть».
Нажмите на Ассорти кистей в появившемся длинном списке, чтобы выбрать их:
Нажмите «Разные кисти» в появившемся списке.
Photoshop спросит вас, хотите ли вы заменить текущие кисти этими новыми кистями или просто добавить их к существующим. Нажмите Добавить :
Нажмите «Добавить», чтобы добавить новые кисти к существующим.
Шаг 22. Пример светло-золотистого цвета текста с помощью инструмента «Пипетка»
Возьмите инструмент «Пипетка» из палитры «Инструменты» или нажмите I , чтобы быстро выбрать его, а затем щелкните одну из самых светлых областей в тексте, чтобы попробовать этот цвет.
Мы собираемся использовать этот цвет для наших блесток:
Попробуйте светло-золотой цвет текста с помощью инструмента «Пипетка».
Шаг 23. Выберите одну из кистей «крестик» для использования в качестве блесток
С образцом светло-золотистого цвета снова переключитесь на инструмент «Кисть», а затем еще раз щелкните правой кнопкой мыши (Win) / Удерживая нажатой клавишу Control, щелкните (Mac) в любом месте окна документа, чтобы открыть меню параметров кисти. Прокрутите список доступных кистей, пока не найдете ту, которая выглядит как причудливая буква «X». Если у вас включены подсказки в настройках Photoshop, вы увидите, что кисть называется «Штрих», как мы видим здесь:
Выберите одну из кистей «Перекрестие» (она выглядит как «X»), чтобы использовать ее для блесток.
Шаг 24. Нарисуйте несколько случайных блесток вокруг текста
Выбрав кисть и готовый образец цвета, щелкните в нескольких случайных местах вокруг текста, чтобы добавить блестки.
Изменяйте размер кисти после каждого щелчка, чтобы добавить еще больше случайности, используя клавиши правой и левой квадратных скобок , чтобы увеличивать или уменьшать размер кисти на лету. Добавлять блестки весело, но слишком много — это слишком много, поэтому добавляйте только несколько. Парочка больших и пара меньших должны сделать это.
Если вам кажется, что ваши блестки выглядят слишком ярко, уменьшите непрозрачность слоя «блестки». Здесь я понизил свой до 50%:
Уменьшите непрозрачность слоя «блестки», чтобы уменьшить их интенсивность.
После того, как вы добавили блестки и уменьшили непрозрачность по своему вкусу, вы завершили эффект золотых букв! Вот мой окончательный результат эффекта «Позолоченный текст»:
Финальный эффект.
И вот оно! Теперь, когда вы создали золотой текст, посмотрите часть 2, где я покажу вам, как легко перенести эффект на другой фон! Или посетите наши разделы «Текстовые эффекты» или «Фотоэффекты» для получения дополнительных руководств!
Создание золотого текстового эффекта в Photoshop CC и CS6
Превратите текст в золото с помощью этого пошагового руководства, которое покажет вам, как создавать блестящие золотые буквы и текст в Photoshop!
Автор сценария Стив Паттерсон.
В этом уроке я покажу вам, как легко создать эффект золотого текста в Photoshop, используя простые эффекты слоя и градиенты. И чтобы золотые буквы действительно сияли, мы добавим блестки к тексту с помощью одной из кистей Photoshop!
Я обновил это руководство, чтобы включить последние изменения в Photoshop, такие как новая панель «Кисти» в Photoshop CC 2018 и новые сочетания клавиш «Свободное преобразование» в CC 2019. Поэтому для достижения наилучших результатов вам нужно использовать последнюю версию Фотошоп. Но там, где это необходимо, я также включаю исходные шаги, чтобы пользователи Photoshop CS6 могли по-прежнему следовать им.
Вот как будет выглядеть эффект золотого текста, когда мы закончим:
Финальный эффект.
Начнем!
Начну с шагов по настройке документа и добавлению исходного текста. Но если вы уже добавили свой текст, вы можете перейти к шагу 8, где мы начинаем превращать текст в золото.
Шаг 1. Создайте новый документ Photoshop
Создайте новый документ, перейдя в меню File в строке меню и выбрав New :
Перейдите в меню «Файл» > «Создать».
И в диалоговом окне «Новый документ» установите Ширину вашего документа на 1600 пикселей , высота до 800 пикселей и разрешение до 72 пикселя/дюйм .
Затем в Photoshop CC нажмите кнопку «Создать» или в CS6 нажмите «ОК»:
Установка ширины, высоты и разрешения нового документа.
Появляется новый документ:
Новый документ Photoshop.
Посмотрите видео или продолжите работу с письменным руководством ниже:
Шаг 2. Залейте документ черным цветом
Чтобы выделить золотые буквы, измените цвет фона документа с белого на черный.
Перейдите в меню Edit в строке меню и выберите Fill :
Переходим к Правка > Заполнить.
Затем в диалоговом окне «Заливка» установите Contents на Black и нажмите OK:
Изменение содержимого на черный.
Фотошоп заливает фон черным цветом:
Документ после заливки фона черным цветом.
Шаг 3. Выберите инструмент «Текст»
Чтобы добавить свой текст, выберите Type Tool на панели инструментов:
Выбор инструмента «Текст».
Шаг 4: Выберите шрифт
Затем на панели параметров выберите шрифт. В этом уроке я буду упрощать и использовать Times New Roman Bold , но вы можете использовать любой шрифт, который вам нравится.
Установите размер типа на 72 pt . Мы изменим размер шрифта, как только добавим его, но это даст нам самый большой предустановленный размер на данный момент:
Выбор шрифта и установка размера 72 pt.
Шаг 5: Установите белый цвет шрифта
Чтобы текст отображался на черном фоне, установите начальный цвет шрифта белый .
Мы добавим золотые цвета позже, используя эффекты слоя.
Щелкните образец цвета на панели параметров:
Щелчок по образцу цвета.
И в палитре цветов выберите белый, установив R , G и B значения (красный, зеленый и синий) по 255 . Затем закройте палитру цветов, нажав OK:
.Изменение цвета шрифта на белый.
Шаг 6. Добавьте текст в документ
Щелкните внутри документа и добавьте свой текст. Я напечатаю слово «ЗОЛОТО».
Не беспокойтесь, что текст слишком маленький. Мы изменим его размер на следующем шаге:
.Добавление текста.
Чтобы принять текст, нажмите галочку на панели параметров:
Щелкните галочку, чтобы принять текст.
Шаг 7. Измените размер и положение текста с помощью функции «Свободное преобразование»
Чтобы изменить размер текста и переместить его в центр холста, перейдите в меню Edit и выберите Free Transform :
Перейдите в Редактирование > Свободное преобразование.
Затем измените размер текста, щелкнув и перетащив любой из угловых маркеров , которые появляются вокруг него.
Но здесь мы сталкиваемся с различием между Photoshop CC и CS6.
Как изменить размер текста в Photoshop CC
Начиная с Photoshop CC 2019, Free Transform теперь автоматически блокирует соотношение сторон при перетаскивании маркеров, поэтому вы не искажаете форму букв при изменении размера текста. Это то поведение, которое нам нужно, поэтому, если вы используете Photoshop CC, вы можете просто перетаскивать маркеры, не добавляя никаких клавиш-модификаторов.
Как изменить размер текста в Photoshop CS6
Но в CS6 вам нужно нажать и удерживать клавишу Shift при перетаскивании маркеров, чтобы зафиксировать соотношение сторон на месте. Когда вы закончите изменять размер текста, не забудьте отпустить кнопку мыши 9.0645 до , отпуская клавишу Shift.
Как переместить текст в центр документа
После изменения размера текста переместите его в центр холста, щелкнув внутри поля «Свободное преобразование» и перетащив текст в нужное место.
Когда вы закончите, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы закрыть Free Transform:
Изменение размера текста путем перетаскивания угловых маркеров.
Шаг 8: Сделайте копию слоя Type
Теперь, когда мы добавили текст, мы готовы начать превращать буквы в золото.
На панели «Слои» сделайте копию слоя «Тип», перетащив ее вниз на значок «Добавить новый слой» внизу:
Перетаскивание слоя «Тип» на значок «Добавить новый слой».
Копия слоя «Тип» появляется над оригиналом:
Появится слой «ЗОЛОТАЯ копия».
Очистите панель «Слои» в Photoshop с помощью этих важных советов!
Шаг 9. Раскрасьте текст с помощью эффекта слоя Gradient Overlay
Чтобы превратить текст в золото, мы будем использовать эффекты слоя Photoshop. И первый эффект, который нам нужен, это Gradient Overlay. Мы будем использовать его, чтобы добавить немного золотого цвета к буквам.
Убедитесь, что на панели «Слои» выбран слой «ЗОЛОТАЯ копия». Затем щелкните значок Layer Styles (значок «fx») внизу:
Щелкните значок Стили слоя.
И в меню эффектов слоя выберите Наложение градиента :
Выбор эффекта слоя Gradient Overlay.
Шаг 10. Создайте собственный золотой градиент
Photoshop открывает диалоговое окно «Стиль слоя» с параметрами «Наложение градиента».
Во-первых, удалите все предыдущие настройки, которые вы могли использовать, нажав кнопку Reset to Default :
Сброс параметров наложения градиента.
Затем отредактируйте цвета градиента, щелкнув образец градиента :
Щелчок по образцу цвета градиента.
В редакторе градиентов дважды щелкните точку цвета под левой стороной градиента:
Двойной щелчок по левой цветовой остановке.
Добавление цветов золотого градиента
Мы собираемся создать собственный золотой градиент для текста.
И чтобы помочь нам, я взял образцы цветов с фотографии золотой монеты.
В палитре цветов установите для параметра R значение 9.0003 247 , значение G до 238 и значение B до 173 . Затем нажмите OK, чтобы закрыть палитру цветов:
Изменение цвета левой стороны золотого градиента.
Вернитесь в редактор градиентов, дважды щелкните точку цвета под правой стороной градиента:
Двойной щелчок по правой цветовой остановке.
И в палитре цветов установите R на 193 , G от до 172 и B от до 81 . Затем нажмите OK:
Изменение цвета правой стороны золотого градиента.
Узнайте, как сэмплировать цвета текста с ваших изображений!
Шаг 11. Сохраните золотой градиент как предустановку
Вам снова понадобится этот градиент, так что сохраните его как пресет.
В редакторе градиентов назовите градиент «Gold», а затем нажмите кнопку New , чтобы сохранить его:
Сохранение пользовательского градиента в качестве предустановки.
Миниатюра золотого градиента появляется в области Presets :
Photoshop добавляет миниатюру для нашего нового набора настроек «Золотой градиент».
Нажмите «ОК», чтобы закрыть редактор градиентов, но оставьте диалоговое окно «Стиль слоя» открытым.
Вот текст с примененным золотым градиентом:
Текст окрашен золотым градиентом.
Шаг 12. Измените стиль градиента на отраженный
Вернувшись в диалоговое окно Layer Style, измените Стиль градиента до Отраженный :
Изменение параметра «Стиль» на «Отраженный».
Это перемещает более темный золотой цвет вверху и внизу текста, а более светлый цвет проходит через середину:
Эффект со стилем градиента, установленным на «Отраженный».
Шаг 13: Добавьте эффект слоя Bevel & Emboss
В левой части диалогового окна «Стиль слоя» находится список всех эффектов слоя, которые мы можем выбрать.
Выберите Bevel & Emboss , нажав непосредственно на название эффекта:
Добавление эффекта слоя Bevel & Emboss.
Затем очистите все предыдущие пользовательские настройки, нажав кнопку Восстановить значения по умолчанию :
Сброс параметров Bevel & Emboss до значений по умолчанию.
Шаг 14. Измените технику на долото жесткое
Убедитесь, что в разделе «Структура» для параметра «Стиль » установлено значение « Внутренний скос ».
Затем измените Technique на Chisel Hard :
Изменение техники на жесткое долото.
Шаг 15. Измените контур блеска на кольцо — двойное
В разделе Shading щелкните маленькую стрелку справа от эскиза Gloss Contour .
Убедитесь, что вы нажимаете на стрелку, а не на миниатюру.
Затем дважды щелкните контур Ring — Double , чтобы выбрать его (третий эскиз слева, нижний ряд):
Изменение параметра Gloss Contour на Ring-Double.
Шаг 16. Измените угол и включите сглаживание
Все еще в разделе Shading установите Angle на 120° .
Затем включите параметр Сглаживание , чтобы сгладить любые неровные края:
Установка угла 120° и включение сглаживания.
Шаг 17. Установите непрозрачность света и тени на 75%
Чтобы добавить больше контраста эффекту, увеличьте оба0003 Непрозрачность подсветки и Непрозрачность теней от до 75% :
Параметры непрозрачности Highlight Mode и Shadow Mode.
А вот и эффект:
Текст после применения Bevel and Emboss.
Шаг 18: Увеличьте значение Size, чтобы заполнить буквы
Чтобы текст больше походил на чистое золото, закройте пространство внутри букв, увеличив Size эффекта Bevel and Emboss.
Самый простой способ сделать это — сначала щелкнуть внутри поля значения размера, чтобы сделать его активным. Затем используйте клавишу со стрелкой вверх на клавиатуре, чтобы медленно увеличивать значение. При этом вы увидите, как буквы заполняются от внешних краев к центрам.
Необходимое значение размера будет зависеть от размера вашего текста. Для меня значение 41 пиксель делает работу:
Увеличение значения размера.
А вот и золотой эффект с заполненными буквами:
Эффект золотого текста после увеличения значения размера.
Шаг 19: Увеличьте значение глубины
Затем увеличьте значение Depth , перетащив ползунок вправо. Это улучшит освещение и добавит больше контраста отражению в буквах. Я установлю значение глубины примерно на 170% :
Увеличение значения глубины.
И теперь буквы действительно начинают казаться золотыми:
Эффект после увеличения значения глубины.
Шаг 20. Добавьте эффект слоя «Внутреннее свечение»
Добавьте эффект слоя Inner Glow , щелкнув его имя в левой части диалогового окна Layer Style:
Добавление эффекта слоя «Внутреннее свечение».
Затем удалите все предыдущие настройки, щелкнув Сброс до значений по умолчанию :
Сброс настроек внутреннего свечения до значений по умолчанию.
Измените режим наложения внутреннего свечения с экрана на Умножить .
И установите Непрозрачность на 50% :
Установка режима наложения и непрозрачности эффекта внутреннего свечения.
Затем измените цвет свечения, щелкнув образец цвета :
.Щелчок по образцу цвета.
И в палитре цветов выберите оттенок оранжевого, установив значение R на 232 , G на 128 и B на 31 (я взял этот цвет с фотографии золотого кирпич).
Затем нажмите OK в палитре цветов:
Выбор оранжевого цвета для внутреннего свечения.
Наконец, увеличьте Size свечения, пока оно полностью не заполнит буквы. В моем случае я установлю значение размера 75 пикселей:
.Увеличьте значение размера.
Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно Layer Style.
Теперь ваш золотой эффект должен выглядеть примерно так:
Эффект золотой буквы после применения внутреннего свечения.
Шаг 21: Выберите исходный текстовый слой
Вернувшись на панель «Слои», щелкните исходный слой «Тип», чтобы выбрать его:
Выбор исходного слоя типа.
Шаг 22: Добавьте Обводку вокруг букв
Затем щелкните значок Стили слоя внизу:
Щелкните значок Стили слоя.
И на этот раз выберите Stroke :
Выбор стиля слоя «Обводка».
В диалоговом окне Layer Style нажмите кнопку Reset to Default , чтобы сбросить все предыдущие настройки Stroke:
Сброс параметров обводки до значений по умолчанию.
Шаг 23. Залейте обводку предустановленным золотым градиентом
Измените Тип заливки обводки с Цвет на Градиент .
Затем щелкните маленькую стрелку справа от образца градиента и выберите «Золотой» градиент, который мы сохранили ранее, дважды щелкнув его миниатюру:
Изменение типа заливки на градиент и выбор пользовательского золотого градиента.
Шаг 24. Задайте стиль, положение и размер штриха
Измените стиль градиента с 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 .
Установите значение Размер на тот же размер, который вы выбрали для обводки, который в моем случае был 8 пикселей :
Изменение параметров стиля, техники и размера.
Повторная проверка других параметров Bevel & Emboss
Убедитесь, что все остальные настройки Bevel & Emboss такие же, как и раньше. Если по какой-то причине это не так, вам нужно их изменить:
Глубина: 170%
Угол: 120°
Контур глянца: Двойное кольцо
Сглаживание: Отмечено
Непрозрачность света: 75%
Непрозрачность теней: 75%
Параметры Bevel и Emboss для обводки.
Включение опции Контур
Ниже Bevel & Emboss в левой части диалогового окна Layer Style находится эффект с именем Contour . Нажмите внутри флажка, чтобы включить его.
Это еще больше улучшит освещение вокруг штриха:
Выбор контура для обводки.
А вот как золотой текст теперь выглядит с Bevel & Emboss, примененным к обводке:
Обводка теперь использует те же эффекты освещения и отражения, что и тип.
Шаг 26. Применение эффекта внешнего свечения к слою
Давайте закончим наши стили слоя, добавив слабое свечение вокруг текста, как будто свет отражается от золотых букв.
Нажмите непосредственно на слова Outer Glow в левой части диалогового окна Layer Style:
Выбор внешнего свечения.
Установите Непрозрачность свечения на 40% , а затем щелкните образец цвета :
Настройка непрозрачности и изменение цвета внешнего свечения.
В палитре цветов установите для параметра R значение 232 , для G значение 128 и для B значение 31 , а затем нажмите кнопку ОК:
Выбор нового цвета внешнего свечения.
И, наконец, увеличьте Размер свечения примерно до 60 пикселей :
Увеличение размера внешнего свечения.
Узнайте, как копировать эффекты слоев между слоями в Photoshop!
Мы закончили с эффектами слоя, поэтому нажмите OK, чтобы закрыть диалоговое окно Layer Style.
А вот золотой текстовый эффект со всеми примененными эффектами слоя, включая новое внешнее свечение:
Эффект почти завершен.
Шаг 27: Выберите слой «ЗОЛОТАЯ копия»
Завершим золотой текстовый эффект, добавив блестки к буквам. И для этого нам нужно добавить блестки на отдельный слой.
На панели «Слои» щелкните слой «ЗОЛОТАЯ копия» (верхний слой), чтобы выбрать его:
Выбор верхнего слоя Type.
Шаг 28: Добавьте новый слой над текстом
Затем нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкните значок Добавить новый слой :
Щелкните значок «Добавить новый слой», удерживая клавишу «Alt» (Win)/Option (Mac).
В диалоговом окне «Новый слой» назовите слой «Искры» и нажмите «ОК»:
Имя нового слоя.
Photoshop добавляет новый пустой слой с именем «Искры» над текстом:
Новый слой добавляется поверх остальных.
Шаг 29. Выберите инструмент «Кисть»
Мы создадим блестки с помощью одной из кистей Photoshop.
Выберите инструмент «Кисть» с панели инструментов:
Выбор инструмента «Кисть».
Шаг 30. Выберите кисть «Перекрестие 4» в наборе кистей «Ассорти»
. Кисть «Crosshatch 4», которая нам нужна для наших блесток, включена в Photoshop как часть набора Ассорти кистей. Но Ассорти кистей не загружаются автоматически, поэтому нам нужно будет загрузить набор самостоятельно.
И это подводит нас к еще одному различию между Photoshop CC и CS6.
В Photoshop CC 2018 компания Adobe изменила дизайн панелей кистей. Поэтому используйте шаги ниже, чтобы загрузить кисть на основе вашей версии Photoshop.
Как загрузить набор кистей в Photoshop CC
В Photoshop CC с выбранным инструментом «Кисть» щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, щелкните (Mac) внутри документа, чтобы открыть Средство выбора набора настроек кисти .
Затем щелкните значок меню в правом верхнем углу:
Щелчок по значку меню средства выбора набора кистей в Photoshop CC.
И выберите Legacy Brushes в меню:
Выбор «Устаревших кистей».
Нажмите OK , чтобы загрузить набор старых кистей:
Восстановление набора старых кистей.
Вернитесь в палитру пресетов кистей, прокрутите вниз до новой папки «Устаревшие кисти» и откройте ее, вращая:
Открытие папки «Устаревшие кисти».
И внутри папки откройте папку Кисти Ассорти :
Открытие набора «Ассорти кистей».
Затем прокрутите список различных кистей, пока не найдете Штриховка 4 кисть.
Дважды щелкните ее миниатюру, чтобы выбрать кисть и закрыть палитру предустановок кисти:
Дважды щелкните миниатюру кисти «Штриховка 4».
Как загрузить набор кистей в Photoshop CS6
В Photoshop CS6 с выбранным инструментом «Кисть» щелкните правой кнопкой мыши (Win)/ (Mac) внутри документа, удерживая нажатой клавишу «Control», чтобы открыть Средство выбора набора настроек кисти .
Затем щелкните значок меню в правом верхнем углу:
Щелчок по значку меню средства выбора предустановленных кистей.
И выберите в меню Набор Кистей Ассорти :
Выбор «Разные кисти» из меню.
Photoshop спросит, хотите ли вы заменить текущие кисти новыми кистями.
Выберите Добавить , чтобы добавить их к существующим кистям:
Добавление различных кистей вместе с текущими кистями.
Вернувшись в палитру предустановок кистей, прокрутите список кистей, пока не найдете 48 пикселей Перекрестная штриховка 4 кисть. Найдите кисть, которая выглядит как «X» с числом 48 под ним (48 означает, что размер кисти по умолчанию составляет 48 пикселей).
Дважды щелкните ее миниатюру, чтобы выбрать кисть и закрыть палитру предустановок кисти:
Двойной щелчок по миниатюре кисти «Перекрестие 4».
Шаг 31: Образец золотого цвета для блесток
Выберите цвет блесток, выбрав цвет из текста.
Нажмите и удерживайте Alt (Win) / Option (Mac) клавишу на клавиатуре, чтобы временно переключиться с инструмента «Кисть» на инструмент «Пипетка» , а затем щелкните светло-золотой цвет, чтобы попробовать его.
Выберу светлую область на букву «О»:
Удерживая Alt (Win)/Option (Mac) и выбирая цвет из текста.
Шаг 32: Нажмите на буквы, чтобы добавить случайные блестки
Отпустите клавишу Alt (Win) / Option (Mac), чтобы вернуться к инструменту «Кисть» . А затем щелкните несколько случайных точек вокруг текста, чтобы добавить блестки.
Для большего разнообразия изменяйте размер кисти перед каждым щелчком, нажимая левую, или правую скобку на клавиатуре. Клавиша левой скобки уменьшает размер кисти, а клавиша правой скобки увеличивает ее.
Не добавляйте слишком много блесток, иначе вы переборщите. Пара больших и меньших — это все, что вам действительно нужно. Если вам не нравится последний добавленный вами блеск, нажмите Ctrl+Z (Win) / Command+Z (Mac) на клавиатуре, чтобы отменить действие, а затем повторите попытку.
Здесь я добавил пару блёсток к букве «G», третью блёстку поменьше в нижней части буквы «L» и четвёртую в левом верхнем углу буквы «D»:
Эффект после добавления блесток.