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

Обновлено: 02.07.2024

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

Шаг 1. Создайте новый документ (Ctrl+N), размерами 640х480 пикс. и разрешением 72 пикс/дюйм.

Шаг 2. Залейте ваш документ Черным цветом (D, Alt+Backspace).

Шаг 3. Выберите цвет переднего плана (Основной цвет) – Белый (клавиша Х), возьмите инструмент Текст (Type tool (Т)), шрифт - "Times New Roman Bold" и напишите слово - "GOLD":

Шаг 4. При помощи Свободной трансформации (Free Transform (Ctrl+T)), увеличьте размер текста (зажав клавиши Shift+Alt, для того, чтобы увеличение его равномерно, относительно середины текста).

Шаг 5. Дублируйте слой с текстом (Ctrl+J), у вас должно теперь быть три слоя в палитре слоев.

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

Шаг 6. Находясь на копии слоя с текстом, нажмите на значок Стилей слоя (Layer Styles), у основания палитры слоев (или просто кликните по слою два раза).

Выберите - Наложение градиента (Layer Styles).
Нам нужно изменить цвета градиента. Кликните на область предварительного просмотра градиента, чтобы открыть диалоговое окно Редактор градиента (Gradient Editor).

Шаг 7. В окне Редактор градиента, кликните по левому ползунку (контрольная точка цвета), чтобы выбрать его, а затем нажмите на - Цвет, чтобы изменить цвет выбранного ограничителя.

В Редакторе градиента, кликните по правому ползунку (контрольная точка цвета), а затем нажмите на – Цвет, чтобы изменить цвет выбранного ограничителя.

*если у вас цвета расположились, не так как на картинке (снизу светлое, а сверху темное), то это не страшно, на данном этапе работы, это не так важно*

Шаг 8. Измените в окне Наложение градиента, Стиль (Style) на Зеркальный (Reflected).

Вот что у вас должно получится:

Шаг 9. В окне Стиль слоя, перейдите во вкладку Тиснение (Bevel and Emboss).

Шаг 10. В окне тиснение, измените Метод (Technique) на Жесткая огранка (Chisel Hard).
*не закрывайте окно Стиль слоя*

Шаг 11. Спуститесь в самый низ, во вкладке Тиснение, кликните по стрелочке, которая находится справа от миниатюры Контура глянца (Gloss Contour), в выпавшем меню, выберите Двойное кольцо (Ring - Double), так же поставьте галочку напротив Сглаживание (Anti-Aliased), чтобы на тексте не было сильно резких границ.

Вот что у вас должно получится.

Шаг 12. В этой же вкладке (Тиснение), подымитесь вверх и измените Размер (Size), тяните ползунок вправо, пока края букв, не сомкнуться в середине (автор остановился на 16пикс. (для своей работы я увеличила до 18 пикс.)).

Шаг 13. Теперь измените Глубину (Depth), чтобы увеличить эффект освещения на буквах (автор остановился на 171%).

Теперь наш текст, стал смотреться намного лучше.

Шаг 14. Затем поставьте галочку во вкладке Контуры, это придаст тексту еще более металлический вид (в параметрах контуры ни чего не нужно менять).

Вот что получится.

Шаг 15. Последнее, что мы сделаем, перед тем как выйдем из диалогового окна Стиль слоя. Это добавим Внутреннее свечение (Inner Glow).
Установите такие параметры во вкладке Внутреннее свечение (Inner Glow):

*Непрозрачность структуры, во Внутреннем свечении, можете подрегулировать по своему вкусу*

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

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

Выберите – Обводку (Stroke) и установите там такие параметры:

Шаг 17. Щелкните на область предварительного просмотра градиента.

Шаг 18. Теперь перейдите во вкладку Тиснение (Bevel and Emboss) и установите такие настройки (не забудьте поставить галочку – Контуры (ниже Тиснения)):

Вы должны получить вот такой результат.

Шаг 19. Последнее, что мы сделаем в диалоговом окне Стиль слоя, это добавим Внешнего свечения (Outer Glow).
Перейдите во вкладку Внешнее свечение (Outer Glow) и установите там вот такие параметры:

*Выйдите из диологового окна Стиль слоя, нажав Да, чтобы сохранить все изменения*

Вокруг вашего текста, появится легкое свечение.

Шаг 20. Выше всех слоев, создайте новый слой Ctrl+Shift+N и назовите его, например, «Блеск».
Теперь у нас в палитре появился новый слой, на котором мы будем рисовать блеск на нашем тексте.

Шаг 21. Для того чтобы нарисовать блеск. Нам понадобятся специальные кисти, которые есть в стандартом наборе Photoshop.
Выберите инструмент Кисть (Brush tool (B)). Кликните правой кнопкой мыши где-нибудь на вашем документе, чтобы открыть окно выбор набора кистей, нажмите на меленькую стрелочку, справа вверху окна. В выпавшем меню, выберите набор Разные кисти (Assorted Brushes).

После того как нажмете на выбранный набор, Photoshop спросит у вас: Заменить текущие кисти? Нажмите Добавить, чтобы у вас не пропали все ранее загруженные кисти, заменившись набором Разные кисти.

Шаг 22. Возьмите инструмент Пипетка (Eyedropper (I)) и кликните по самому светлому участку на тексте, чтобы выбрать цвет для нашего блеска (так же, при активном инструменте Кисть, можно зажать клавишу Alt, и кликнуть по тому месту, цвет которого вы хотите использовать).

Шаг 23. В настройках инструмента кисть, выберите, из ранее загруженного набора Кисть – Перекрестные штрихи4 (Crosshatch).

Шаг 24. После того как вы выбрали кисть и установили нужный цвет, находясь на новом слое, кликните в нескольких местах кистью. После каждого клика, меняйте размер кисти используя клавиши Ctrl+ [ или ], чтобы добавить больше хаотичности.
Получается интересный эффект, но не стоит сильно увлекаться, так как, перегрузив изображение блестками, можно испортить картинку в целом.
Если вам покажется, что Блеск сильно яркий, то вы можете снизить непрозрачность слою, как это сделал автор, понизив его до 50%.

Шаг 1. Откройте ваше изображение в Photoshop.

*Обратите внимание на то, какое именно изображение я выбрала. На нем уже как будто присутствует блеск. Пробовать можно на любом фото и результат и настройки под ваше изображение всегда будут разные, но желательно, чтобы фото было светлое и предварительно уже обработанное: цвет, оттенок, мелкие неровности и дефекты кожи. (Самое идеальное будет, если вы найдете фото с кожей уже «намазанной» чем-то блестящим). *

Как же нам добиться золотого оттенка на коже?
Самый простой способ, это использовать цвета переднего (основного) и заднего (фонового) плана. Но перед тем как использовать их, мы должны иметь представление о том, как выглядит, и какие оттенки имеет само золото.
Для этого откройте любое понравившееся изображение с золотыми предметами.
Я взяла вот такое:

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

Затем кликните два раза по миниатюре заднего плана, на панели инструментов и возьмите темный оттенок на золотом предмете.

*Не берите сильно темный цвет, это немного испортит эффект.
Но, учитывая то, что мы будем использовать Карту градиента (Gradient Map) Корректирующим слоем, то в любой момент можно будет подрегулировать цвета. В дальнейшем вы уже сами увидите, какие оттенки наиболее подходящие для вашей работы.
Возможно, это будет не обязательно золото, может, вы найдете что-то синего или зеленого оттенка, главное это использовать светлые и темные оттенки предмета*

Шаг 2. После того, как вы установили нужные вам цвета, можете свернуть или закрыть изображение с золотыми предметами, оно нам больше не понадобится.
Перейдем к нашему изображению с девушкой.
Для начала нам нужно будет отделить девушку от фона. Вы можете воспользоваться любым для вас удобным методом (если фон чисто белый, то самый быстрый способ это Волшебная палочка (Magiс Wand Tool (W))).
Я работаю с использованием Графического планшета, поэтому для меня самый быстрый и простой способ отделить предмет от сложного фона, это Быстрая маска (Quick Mask(Q)). Отделяем от фона ту часть, к которой хотим применить эффект золота. Я решила, что это будет девушка вместе с волосами, а ткань останется родного, белого цвета.
Скопируйте выделение на новый слой (Ctrl+J) (если используете быструю маску, не забудьте инвертировать выделение (Shift+Ctrl+I)).
*я скрыла первый слой, чтобы показать результат выделения*

Шаг 3. Применим к получившемуся слою, Корректирующий слой (Adjustment layer) – Карта градиента (Gradient Map).
Для этого кликните на значок «Создать новый корректирующий слой» (Create new fill or Adjustment layer), на палитре слоев и выберите там Карта градиента (Gradient Map).

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

После применения Карта градиента (Gradient Map), все ваше изображение будет окрашено, вместе с фоном. Для того чтобы эффект был виден только на коже, нам нужно скрыть не нужные участки.
Оставаясь на Корректирующем слое «Карта градиента», зажав клавишу Ctrl, кликните по миниатюре предыдущего слоя с выделенной девушкой. Появится выделение девушки, инвертируйте его (Shift+Ctrl+I) и затем залейте выделение черным цветом (Alt+Delete).
Все лишнее скроется

Ctrl+D, снимите выделение.

Шаг 4. Перейдите на слой с вырезанной девушкой (Слой 1) нажмите Ctrl+J, чтобы создать дубликат этого слоя. Поместите этот слой выше всех слоев.

Измените, Режим Наложения (Blend mode) этому слою на Свечение (Luminosity).

Шаг 5. Перед тем, как перейти к следующему шагу, отключите видимость самому первому слою с фоном (убрав глазик, возле миниатюры слоя на палитре слоев).
Теперь мы воспользуемся палитрой Каналов (Chennels), для того, чтобы выделить контрастные участки на коже, и получить эффект золотого блеска.
В палитре Каналов (Chennels), выберите наиболее контрастный канал, на мой взгляд, это Синий (Blue) канал.

Сделайте копию этого канала, потянув слой с каналом на значок «Создать новый канал» (Create new Chennel).

После того как сделаете копию Синего (Blue) канала, нажмите Ctrl+L, чтобы вызвать окно Уровни (Levels). Переместите черный и белый ползунки ближе к середине, подрегулируйте серый ползунок. Нужно добиться сильного контраста между черным и белым, но нужно постараться сделать так, чтобы переход не был сильно резким. Светлые участки, в дальнейшем и будут отвечать за блеск на коже.

Кликните по слою RGB в палитре Каналы (Chennel), чтобы вернуть обратно цветное изображение (отключите видимость копии Синего (Blue) канала, если она у вас не отключилась автоматически).
Перейдите в палитру Слои.
Дублируйте самый верхний слой (слой с режимом наложения Свечение(Luminosity)).
Измените этому слою режим наложения на Жесткий свет (Hard Light).

*видимость первому слою с фоном можно уже включить.*

Теперь, зайдите в Меню – Выделение – Загрузить выделенную область (Select – Load Selection).

В появившемся окне выберите Канал (Chennel): Синий (Blue) (копия) и нажмите ДА.

Появится выделение. Нажмите на значок Слой-маска (Layer Mask), внизу палитры слоев.

Все скроется, останется только блеск на коже (можете посмотреть эффект от этого слоя, отключив и снова включив ему видимость).

Шаг 6. Так как мы делаем эффект золотой кожи, то естественно золото должно быть только на коже (в моем варианте еще немного на волосах).
Вернем глазам естественный цвет.
Дублируйте первый слой с вырезанной девушкой (Слой1) и пометите его поверх всех слоев.
Переместив его на самый верх, весь эффект золота скроется и ваше изображение превратится в обычную цветную фотографию. Добавьте этому слою Слой-маску (Layer Mask) (кликнув по значку Слой-маски внизу палитры слоев). Чтобы вернуть эффект золота, нужно инвертировать маску (Ctrl+I), либо просто залить ее черным цветом (D, Ctrl+Delete). Затем, увеличьте ваше изображение, чтобы было удобней работать, возьмите белую Кисть : Жесткость (Hardness) примерно 50%, Размер примерно 5-9 пикс., и сотрите все лишнее с глаз, если приоткрыт рот, то все, что внутри и, в своем варианте, я немного сняла золото с волос (уменьшив Непрозрачность (Opacity) кисти до 20%). В общем, стирать нужно те места, на которые по вашему не стали наносить золото.
Я немного выделила глаза, поменяв цвет на голубой (на этом же слое, кистью голубого цвета, с низкой непрозрачность и измененным Режим Наложения самой Кисти на Цветность (Color) (не забудьте перейти именно на миниатюру слоя )).

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

Теперь поднимитесь на слой выше и добавьте новый Корректирующий слой Кривые (Curves) (он должен быть ниже слоя с «блеском»).

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

Для того чтобы эффект применялся только к коже и не затемнял фон, нужно повторить то что мы уже делали. Оставаясь на слое с Кривыми, зажав клавишу Ctrl, кликнуть по слою с вырезанной девушкой, появится выделение девушки. Затем инвертировать выделение (Shift+Ctrl+I) и залить его черным цветом (D, Ctrl+Delete).

Снова инвертируйте выделение (Shift+Ctrl+I). Затем, не снимая выделения, добавьте новый Корректирующий слой Цветовой баланс (Color Balance). В появившемся окне подкорректируйте цвета в Тенях (Shadows), Средних тонах (Midtones) и Светах (Highlights), так чтобы избавиться от ненужного оттенка (например - Зеленого) и придать коже более интересный оттенок.

После применения корректирующих слоев блеск немного потускнел. Если вы хотите чтобы он остался таким же ярким как был, то можно сделать следующее. Перейти в палитру Каналы (Channels). Зажав клавишу Ctrl кликнуть по слою Синий (копия), затем перейти на слой с Кривыми (Curves), выбрать черный цвет и залить им выделение, тем самым скрыть эффект от Кривых на светлых участках. Перейти на слой с Цветовым балансом (Color Balance) и проделать то же самое.
*Я сделала это только на слое с Цветовым балансом, так же можно вернуться к Слою с кривыми и немного подкорректировать его.*
Вот как выглядит моя палитра на данном этапе работы.

Если вернуться к слою Карта градиента (Gradient Map), и пробежаться по палитре градиентов, то можно найти еще интересные эффекты (не забывайте про включение и отключение Инверсии).

Таким же образом можно применить любой корректирующий слой, например Выборочная коррекция цвета (Selective Color). Получается интересный эффект, если в Красных цветах, переместить Голубой и Черный ползунки вправо до +100.
Используя этот метод можно получить много разных вариантов. Самое главное это уловить принцип его работы.

Надеюсь, урок вам понравился и желаю удачи в выполнении.

Автор: Сёмина Ирина.

Градиент – специальный инструмент в Фотошопе, который позволяет создавать эффект плавного цветового перехода. Сфера применения градиентов достаточно широка – от заливки фона полотна до оформления отдельных его элементов. В данной статье мы разберем процесс создания и пример использования собственного градиента.

Процесс создания градиента

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

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

“Градиент”

Основные настройки градиента

Если все сделано верно, то на экране появится окно Редактора градиентов, в котором можно создать свой градиент или отредактировать один из уже имеющихся в Фотошопе.

Порядок действий здесь следующий:

создаем новый градиент (меняем имеющийся);
вводим название;
сохраняем градиент.

Давайте рассмотрим Редактор градиентов и алгоритм его использования подробнее.

Практический пример

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

Окрасим крайнюю левую точку в нужный цвет. Для этого кликаем на нее левой кнопкой мыши, чтобы активировать настройки. Далее кликаем по текущему цвету (параметр “Цвет”), чтобы запустить палитру цветов.
В палитре цветов выбираем нужный цвет/оттенок и жмем ОК.
Далее, по ранее описанному алгоритму, создаем новые контрольные точки в нужном количестве, определяем их позицию на градиенте и задаем для каждой цвет.

Заключение

Некоторым новичкам, вероятно, может показаться, что создание градиентов в Фотошопе – сложный процесс, на освоение которого придется потратить немало времени. Однако описанный выше способ достаточно прост в использовании и позволяет создавать градиенты любой сложности.

Об эффектах в Фотошопе сказано немало и написано достаточно внушительное количество руководств. И ведь правда, как устоять перед возможностью ими воспользоваться, когда это так просто?

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

Создание золотого шрифта

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

Часть 1: Создание фона для золотого текста

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

Часть 2: Добавляем стили (параметры наложения) на слой с текстом

Приступим к стилизации текста. Для этого делаем двойной клик по слою или щелкаем правой кнопкой мыши на слой и в раскрывшемся меню выбираем параметры наложения.
Откроется окно с многочисленными эффектами и их настройками. Нам нужно выбрать “Тиснение”. Изменяемые настройки:
Стиль и метод оставляем неизменными.
Глубину выставляем от 150% до 200%, по желанию. Мы выберем среднее значение 175%.
Размер поставим 13 пикс.
Смягчение оставим на отметке 0.
Угол выкручиваем на 120 градусов и ставим галку напротив “глобальное свечение”.

Такой результат получился после наложения стиля “Тиснение” с нашими настройками:

В выпадающем списке настроек контура выбираем “Скругленные ступени”.
Включаем сглаживание.
Ползунок диапозона сдвигаем на 40%.

Стало еще лучше? Да, стало намного лучше:

В режиме наложения выбираем “Мягкий свет” с непрозрачностью в 70%.
Добавляем шумов на глазок. В нашем варианте это 20%.
В пункте цвет выбираем оттенок светло-оранжевого цвета.
Метод оставялем “мягким”.
В пункте “Источник” выбираем “Из центра”.
“Стягивание” оставляем с нулевым значением, а вот с “размером” все индивидуально и значение зависит от того, какого размера шрифт вы используете. Мы выставили максимальное значение – 250 пикселей.
Остальные настройки не трогаем.

В режиме наложения выбираем “Яркий свет”.
В качестве цвета возьмем бледно-желтый.
Непрозрачность оставляем на уровне 50%, а угол выкручиваем на 90% (в нашем случае).
Играемся также и со смешением и размером. Здесь уже все индивидуально.
Тип контура выбираем – “Конус”.
Галочки “Сглаживание” и “Инвертировать” оставляем включенными.

Кликаем “ОК”. На этом все! Наш золотой шрифт наконец-то готов.

Благодаря параметрам наложения в Фотошопе можно творить и создавать удивительные проекты.

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

Читайте также: