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

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… или используя сочетание клавиш Ctrl+N (Win) / Command+N (Mac). Я просто собираюсь использовать предустановленный размер 640×480 . Вы можете использовать любой размер, который вам нравится для ширины и высоты, а затем нажмите «ОК», чтобы создать новый документ Photoshop:

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

Посмотрите видео или продолжите работу с письменным руководством ниже:

Шаг 2: Залейте фоновый слой черным цветом

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

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

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

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

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

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

На данный момент текст слишком мелкий, поэтому, выбрав текстовый слой в палитре слоев, используйте сочетание клавиш Ctrl+T (Win) / Command+T (Mac), чтобы вызвать Photoshop Free Transform поле и ручки вокруг текста. Удерживайте 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: Выберите более светлый и темный золотой цвет для градиента

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

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

Это вызывает палитру цветов 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% . Нажмите на образец цвета прямо под словом «Шум», чтобы открыть палитру цветов. Введите R:232, G:128, B:31 , чтобы дать нам оранжевый цвет (этот цвет был взят из фотографии золотого кирпича), и нажмите OK, чтобы выйти из палитры цветов. Наконец, увеличьте свечение 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

Предварительный просмотр руководства

Шаг 1.

Создание фона

Сначала мы создадим простой дополнительный фон для нашего золотого текста.

Откройте Photoshop и создайте новый документ, выбрав «Файл» > «Создать» (Ctrl+N/Cmd+N) с нужными размерами изображения (у меня 1000x600px).

Залейте фоновый слой темно-коричневым цветом (#211901).

Установите цвет переднего плана на желтый (#fee86a).

Переключитесь на инструмент «Кисть» (B). Настройте инструмент «Кисть» с большой мягкой кистью (размером примерно 500 пикселей).

Примените кисть, щелкнув один раз в середине холста. Затем измените режим наложения слоя на Vivid Light и установите непрозрачность слоя на 50%.

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

Добавьте текст с помощью Horizontal Type Tool (T).

Я использовал шрифт Times Bold с размером шрифта 200 пикселей и черным цветом текста. Однако этот текстовый эффект будет работать с большинством шрифтов, поэтому не стесняйтесь использовать предпочитаемый шрифт. (Ознакомьтесь с некоторыми бесплатными шрифтами, перейдя в категорию «Коллекция шрифтов» Design Instruct.)

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

Шаг 3: Эффект слоя с наложением градиента

Чтобы создать стиль слоя, дважды щелкните текстовый слой на панели «Слои».

Откроется диалоговое окно Layer Style.

Сначала настроим эффект слоя Gradient Overlay. Настройки, которые я использовал, показаны ниже.

Вот результат применения эффекта слоя Gradient Overlay:

Шаг 4: Эффект слоя Color Overlay

Далее мы добавим эффект слоя Color Overlay к нашему стилю слоя.

Вот как выглядит наш текст с примененными настройками Color Overlay:

Шаг 5: Эффект слоя Bevel and Emboss

Чтобы придать нашему золотому тексту некоторую глубину, мы будем использовать эффект слоя Bevel and Emboss. . Вы можете использовать изображение ниже в качестве справки для ваших настроек.

Как видите, теперь у нас есть красивый эффект скоса и тиснения:

Шаг 6: Эффект слоя «Внутренняя тень»

Теперь применим эффект слоя «Внутренняя тень».

Вот наша работа с эффектом слоя «Внутренняя тень»:

Шаг 7: Эффект слоя «Обводка»

Далее, чтобы придать краям нашего текста некоторую четкость, мы добавим эффект слоя «Обводка».

Шаг 8: Эффект слоя «Тень»

Примените эффект слоя «Тень», следуя настройкам, показанным ниже.

Шаг 9: Эффект слоя внешнего свечения

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

Шаг 10: Сохраните стиль золотого текста (если хотите)

Этот шаг не является обязательным.

Если вы хотите повторно использовать этот стиль слоя с золотым текстовым эффектом позже, вы можете сохранить его на панели «Стили».