В данном уроке будет рассмотрен способ создания золотого покрытия практически любого объекта в программе фотошоп. Если накладывать на объект просто золотистый цвет, то эффект будет не на столько реалистичен, потому что просто золотой цвет не передаст структуру золота. Объект из золота должен выглядеть как литой, то есть вылитый из золота, а не просто иметь золотистый цвет. Поэтому мы сначала подготовим объект, придав ему необходимую структуру, а потом уже покрасим его.
Для примера я взял изображение наушников, которые и буду покрывать позолотой.
Данную картинку в полном размере и формате png, а так же исходники и другие материалы к уроку вы можете сказать здесь в блоке "Материалы" справа. В видео-уроке, кроме наушников я покрываю золотом автомобиль, исходники и изображения так же имеются в указанном разделе.
И так, я взял изображение наушников в формате png, которое предварительно вырезано и не имеет заднего фона. Если вы хотите использовать какой-то свой объект, то его необходимо предварительно вырезать с заднего фона, если вы не знаете, как это сделать, ознакомьтесь с одним из способов в уроке " ".
1. Первым делом создаем новый холст, на котором будем работать, в верхнем меню выбираем "Файл" - "Создать" и задаем необходимые размеры, я установил размер 1024px на 1024px.
Поскольку золото хорошо смотрится на темном фоне, выполним заливку холста темно-серым цветов, близком к черному. Теперь откроем программой фотошоп изображение наушников, перетащим его на наш холст и настроем его размер, выбрав в верхнем меню "Редактирование" - "Свободное трансформирование" или нажав комбинацию клавиш "Ctrl + T". При изменении размера удерживаем клавишу "Shift", чтобы изображение оставалось в своих пропорциях.
2. Далее, необходимо скопировать слой с наушниками, для этого удерживая клавишу "Alt", кликнув по слою с наушниками в панели слове левой клавишей мыши и удерживая обе клавиши перетаскиваем данный слой вверх. Таким образом получится копия слоя с изображением наушников. Далее сделаем этот новый слой с изображением наушников черно-белым. Для этого выделяем его, кликнув левой кнопкой мыши в панели слоев и в верхней панели меню выбираем "Изображение" - "Коррекция" - "Черно-белое", либо нажимаем комбинацию клавиш "Alt + Shift + Ctrl + B". В появившемся окне настроек ничего не меняем, просто нажимаем "Ок".
Снова копируем слой с черно-белым изображением наушников и делаем инверсию для данного слоя, выбрав в верхнем меню "Изображение" - "Коррекция" - "Инверсия", либо нажав комбинацию клавиш "Ctrl + I". В результате получим вот такой эффект.
Теперь этому слою установим наложение "Разница", выбираем его в панели слоев, вместо наложения "Обычные".
3. Теперь проделываем еще раз все тоже самое с получившимся слоем, а именно, копируем его, делаем инверсию, устанавливаем наложение "Разница" и объединяем с предыдущим. В результате должно получиться вот такое изображение.
4. Далее на получившееся изображение (слой) будем накладывать корректирующий слой с цветом. Для этого выделяем этот слой и в панели слоев снизу кликаем по иконке создания корректирующего слоя и открывшемся списке меню выбираем "Цветовой баланс".
И в открывшейся панели настроек подключаем корректирующий слой к слою с изображением наушников, кликнув в нижней части на иконку со стрелкой. После этого настраиваем цветовую гамму ползунками до нужного эффекта. Прибавляем желтый цвет и немного красного, чтобы получить цвет золота.
Настройки цвета необходимо производить во всех тонах, т.е. настроив цвет в тоне "Средние тона", необходимо перейти и настроить так же цвет в "Тени" и в "Света". В результате должно получиться что-то типа такого.
Теперь наложим еще один корректирующий слой "Сочность", для этого выделяем слой с наушниками в панели слоев снова кликаем по иконке создания слоя и выбираем "Сочность". Далее в появившейся панели настроек так же подключаем этот корректирующий слой и выставляем ползунок параметра "Сочность" на 100%.
И точно так же подключаем еще один корректирующий слой "Уровни" и настраиваем уровни на свое усмотрение. В результате всех этих действий получается вот такое изображение.
5. Последним действием мы удалим ненужные элементы позолоты, а именно с самих накладок для ушей, ведь нам нужен только золотой корпус, а сами накладки не должны иметь золотой цвет.
Для этого в панели слоев выбираем слой с наушниками, на который мы накладывали эффекты и подключаем к нему маску, кликнув по значку в нижней части панели.
Теперь выбираем жесткую кисть, устанавливаем черный цвет и данной кистью просто закрашиваем не нужные фрагменты.
В результате получаются наушники с золотым корпусом.
Вот таким не сложным способом в программе фотошоп можно практически любой объект покрыть позолотой.
Шаг 1
Создайте новый документ в Фотошопе под именем «Gold Text Effect» с такими параметрами:
Шаг 2
Инструментом Горизонтальный текст ( ",this,event,"320px");">Horizontal Type Tool) напишите слово «GOLD». Настройки шрифта показаны ниже.
Шаг 3
Примените к тексту стиль Наложение градиента ( ",this,event,"320px");">Layer Style – Gradient Overlay): Режим – Нормальный, Стиль – Линейный.
Шаг 4
Примените стиль Тиснение: Стиль – Внутрений скос, Метод – Жёсткая огранка, Режим подсветки – Нормальный, Режим тени – Умножение.
Шаг 5
Примените стиль Глянец: Режим – Перекрытие.
Шаг 6
Сейчас мы создадим фон. Залейте фоновый слой коричневым цветом (RGB 88, 59, 28). Кликните дважды на этом слое, чтобы разблокировать его. В появившемся окне напишите название слоя «Brown bg».
Шаг 7
Создайте новый слой над слоем «Brown bg» и назовите его «Notepaper». Залейте слой белым цветом и примените фильтр Почтовая бумага ( ",this,event,"320px");">Note Paper Filter).
Шаг 8
Установите режим наложения текстурного слоя на Перекрытие ( ",this,event,"320px");">Blending Mode – Overlay) и уменьшите непрозрачность до 30%.
Шаг 9
Создайте новый слой «Right light» над слоем «Notepaper» и залейте его белым цветом. Затем примените фильтр Эффекты освещения ( ",this,event,"320px");">Lighting Effects Filter).
Шаг 10
Установите режим наложения этого слоя на Мягкий свет ( ",this,event,"320px");">Blending Mode – Soft Light) и уменьшите непрозрачность до 60%. Текущий слой будет выполнять функцию источника света на правой стороне.
Шаг 11
Установите цвета по умолчанию (D), под слоем «Right Light» создайте новый слой «Left Shadow». Выберите инструмент Градиент ( ",this,event,"320px");">Gradient Tool) и на верхней панели выберите градиент От основного к прозрачному (Foreground to Transparent). Протяните градиент от левого края направо.
Шаг 12
Установите режим наложения слоя «Left shadow» на Умножение ( ",this,event,"320px");">Blending Mode – Multiply) и уменьшите непрозрачность до 40%.
Шаг 13
Создайте новый слой между слоями «Right light» и «Gold». Назовите его «Gold shadow». Выделите слой «Gold» ( ",this,event,"320px");">Ctrl + Click).
Шаг 14
Заполните выделение чёрным цветом и сдвиньте его на несколько пикселей влево.
Шаг 15
Установите режим наложения тени на Умножение ( ",this,event,"320px");">Blending Mode – Multiply) и примените фильтр Размытие в движении ( ",this,event,"320px");">Motion Blur Filter) со значением 10 пикселей. Затем примените фильтр Размытие по Гауссу ( ",this,event,"320px");">Gaussian Blur Filter) со значением 3 пикселя. В результате у нас должна получиться реалистичная тень.
Шаг 16
Выделите слой «Gold» ещё раз и создайте корректирующий слой Цветовой тон/Насыщенность ( ",this,event,"320px");">Layer – Hue/Saturation).
Шаг 17
Назовите корректирующий слой «Color boost» и настройте, как показано ниже. Выделение в форме текста поможет автоматически заполнить маску корректирующего слоя.
Шаг 18
Создайте ещё один корректирующий слой Кривые ( ",this,event,"320px");">Layer – Curves) и назовите его «Contrast».
Шаг 19
Создайте новый слой (Ctrl + Shift + N).
Шаг 20
Выберите режим наложения Перекрытие (Overlay) и включите заливку 50% серым цветом.
Шаг 21
Выделите слой «Gold» ( ",this,event,"320px");">Ctrl + Click), выберите инструмент Осветлитель ( ",this,event,"320px");">Dodge Tool) и на верхней панели выберите диапазон Света (Highlights) и установите 100% Экспозицию ( ",this,event,"320px");">Exposure). Обрисуйте светлые участки текста, которые должны быть освещены. Не создавайте слишком яркий свет на тексте. Активное выделение поможет Вам не выйти за пределы текста. Когда закончите осветлять текст, нажмите Ctrl + D, чтобы убрать выделение. Уменьшите непрозрачность слоя до 70%.
Шаг 22
Создайте ещё один слой, залитый 50% серым цветом, и назовите его «Highlight bright». Установите режим наложения этого слоя на Яркий свет ( ",this,event,"320px");">Blending Mode – Vivid Light) и уменьшите непрозрачность до 70%. Данный режим наложения поможет создать более яркие участки. Выберите маленькую мягкую кисть, зажмите клавишу Alt, чтобы активировать пипетку, и определите светло-жёлтый цвет со светлых участков текста. Нарисуйте маленькие пятна на светлыми пятнами предыдущего слоя «Highlight soft».
Шаг 23
Золото по своей природе должно быть сияющим, а значит отражать свет. Сейчас мы создадим светлые пятна на фоновой текстуре, получаемые благодаря золотому тексту. Над слоем «Right light» создайте новый слой «Surface light». Установите режим наложения этого слоя на Перекрытие (Blenidng Mode – Overlay).
Шаг 24
Выделите слой «Gold» ( ",this,event,"320px");">Ctrl + Click), инвертируйте выделение (Ctrl + Shift + I) и тем же жёлтым цветом, что и на слое «Highlight bright» нарисуйте пятна под текстом. Пятна текущего слоя должны находиться там же, где и пятна слоёв «Highlight soft» и «Highlight bright».
Блик ",this,event,"320px");">Lens Flare Filter). Создайте новый слой «Lens flares» над слоем «Highlight bright» и заполните его чёрным цветом. Установите режим наложения Линейный осветлитель ( ",this,event,"320px");">Lens Flare Filter). В окне настроек зажмите клавишу Alt и кликните на области предпросмотра, чтобы открыть панель для ввода точных координат. Введите туда нужные цифры и нажмите ОК.
Выберите другой тип объектива и уменьшите яркость.
Данный фильтр помимо основного сияния создаёт дополнительные артефакты как кольца, пятна и тому подобное. Мягкой кистью чёрного цвета закрасьте их.
Шаг 28
Добавьте больше сияний на текст. После этого обесцветьте их всех (В настоящее время в интернете можно найти что угодно. Обилие информации позволяет дизайнерам существенно экономить время. Хотя порой, в процессе поиска нужной текстуры или фона потери времени просто колоссальны. И проще воссоздать текстуру самостоятельно.
Сейчас я хочу поговорить о золотом градиенте. Да, для человека сведущего в дизайне создать подобный фон – дело нескольких минут. Но для новичка это может стать проблемой. На то есть несколько причин.
Для начала разберемся. А какой цвет считается золотым? Желтый? Белый? Охра? Нет. Так что же представляет из себя золотой цвет? Градиент. Именно плавный переход от одного цвета к другому и воспринимается нами как золотой цвет.
Думаю, вы понимаете, что главное в создании градиента – грамотный подбор цветов. Для того, чтобы добиться нужного оттенка, вы можете найти изображение с золотистым предметом и просто скопировать цвета при помощи пипетки.
Второй не менее важный момент – чередование цветов.
Что такое цвет? Это отраженный свет. Почему мы видим разницу между объемным предметом и предметом плоским? На объемный предмет свет ложится определенным образом. Предмет условно делится на несколько областей.
Назовем все эти области:
Блик – самая светлая часть. Пятно или полоса белого цвета.
Свет – крупная освещенная часть.
Полутень – промежуток между тенью и светом.
Тень – самая темная часть.
Рефлекс – отраженный свет. Узкая полоса, повторяющая свет.
Как именно распределяются эти области мы можем увидеть на следующей схеме:
Для примера я приведу золотой градиент. Как видите, здесь тоже учитывается это правило. Именно поэтому мы воспринимаем текстуру золотой (т.е. объемной).
Наша задача – подобрать нужный оттенок для каждой области. При помощи цветов мы можем добиться даже более интересного эффекта.
Приступим к уроку. Для начала создаем рабочую область. Любого размера, удобного для вас. Начнем с линейного золотого градиента.
Нажимаем комбинацию клавиш ctrl+shift+n для того, чтобы создать новый слой, с которым мы будем работать.
На боковой панели инструментов ищем «заливка». Заливаем рабочую область любым цветом. У меня будет желтый.
Подготовительный этап закончен. Приступаем к созданию золотого градиента. В окне слоев выбираем наш, созданный. Кликаем по нему правой клавишей мыши. И из выпадающего меню выбираем «параметры наложения».
Вот это окошко нас интересует. Выставляем следующие настройки:
Затем кликаем по полосе с цветом.
Нижние ползунки - цвет. Как вы понимаете, нам нужен переход более масштабный. Не 2 цвета, а гораздо больше. Поэтому, кол-во ползунков нам следует увеличить. Чтобы вызвать их, кликаем по полосе с цветом.
Теперь их стало больше.
Настал тот момент, когда мы будем подбирать цвета. Как я уже говорила выше, вы можете взять цвета с любого изображения. Подбирать их самостоятельно очень трудно и долго. Я постараюсь повторить градиент как на этом изображении с кольцами.
Вон он, тот самый инструмент, который позволит вам узнать цвет области. Тыкаем по нужным. После чего копируем его данные.
Какие цвета получились у меня:
- свет #fffca4
- тень #5a2b11
- полутень #b37832
- блик #fdfdfb
- рефлекс a #47205
Теперь возвращаемся к окну градиента. Кликаем на ползунок. И в окошке выбора цвета просто вбиваем эти цвета в нужной последовательности, пользуясь схемой.
Я чуть сдвинула ползунки, как видите.
Вот, что у нас получилось в итоге:
Как видите, наш градиент действительно золотой.
Дабы изменить форму нашего золотого градиента, мы можем вернуться к окну «градиент» и изменить настройки. Допустим, попытаемся сделать градиент угловым.
Довольно интересный эффект, не правда ли?
При помощи изменения стиля градиента вы можете создать множество интересных эффектов.
Как видите, сделать золотой градиент или золотой фон необходимого вам оттенка или формы не составит труда даже для начинающего дизайнера. Данный навык пригодится для создания множества интересных элементов, которые могут вам пригодится для создания дизайн – макета сайта.
Для начала мы создадим подходящий фон для нашего золотого текста.
Открываем Photoshop и создаём новый документ размером 1000 на 600 пикселей.
Залейте фоновый слой темно-коричневым цветом #211901.
Теперь установите основной цвет цветовой палитры как жёлтый #fee86a.
Переключитесь на инструмент "Кисть" (Brush Tool). Задайте кисти диаметр примерно 500 пикселей и жесткость 0 процентов.
1. Наложение градиента (Gradient Overlay)
Первый стиль слоя. который мы зададим тексту - Наложение градиента (Gradient Overlay). Этот стиль задаст цвет телу букв. В панели слоёв кликните по значку "Добавить стиль слоя", выберите "Наложение градиента" и задайте следующие параметры:
Вот что у меня получилось:
2. Наложение цвета (Color Overlay)
Сделаем цвет текста немного более естественным, для этого применим стиль слоя
"Наложение цвета" (Color Overlay). Параметры указаны на рисунке ниже:
Вот как теперь выглядит изображение:
3. Тиснение (Bevel and Emboss)
Чтобы придать нашему золотому тексту некоторую глубину, используем стиль слоя
Тиснение (Bevel and Emboss). Ниже показаны параметры этого стиля:
Вот как выглядит изображение после применения "Тиснения":
4. Внутренняя тень (Inner Shadow)
Теперь создадим небольшую глубину буквам при помощи "Внутренней тени" (Inner Shadow). Введите для этого стиля следующие настройки:
Вот что получилось:
5. Обводка (Stroke)
Чтобы придать нашему тексту некоторую резкость, мы применим стиль Обводка (Stroke) со следующими параметрами:
Результат:
6. Тень (Drop Shadow)
Чтобы придать буквам эффект трёхмерности, иными словами, некоторый объём, используем стиль слоя Тень (Drop Shadow), параметры указаны ниже:
Результат:
7. Внешнее свечение (Outer Glow)
И завершающий эффект тексту мы придадим с помощью Внешнего свечения (Outer Glow).
Параметры:
И вот каков готовый результат:
Текстовый эффект готов. Но если Вы хотите использовать его вновь в других работах, Вам необходимо сохранить созданный стиль слоя. Подробно о сохранении стилей слоя для дальнейшего использования рассказывается .
В этом фотошоп уроке, мы будем придавать тексту золотой эффект.
Вот что у нас должно получится в результате:
Шаг 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. В окне Редактор градиента , кликните по левому ползунку (контрольная точка цвета), чтобы выбрать его, а затем нажмите на - Цвет, чтобы изменить цвет выбранного ограничителя.
Откроется диалоговое окно Выбор цвета (Color Picker ). Вы можете использовать любые цвета золота, но если хотите именно повторить этот урок, то автор установил вот такой цвет: # F7 EEAD. Нажмите Да, чтобы применить цвет и выйти из диалогового окна Выбор цвета.
В Редакторе градиента, кликните по правому ползунку (контрольная точка цвета), а затем нажмите на - Цвет, чтобы изменить цвет выбранного ограничителя.
В появившемся окне Выбор цвета установите цвет: #
C1
AC51.
Нажмите Да, чтобы выйти из диалогового окна Выбор цвета, затем Да, чтобы выйти из диалогового окна Редактор градиента.
Не выходите, пока, из диалогового окна Стиль слоя
, так мы дальше еще продолжим преобразование нашего текста.
Вот, что должно у вас получится, на данном этапе.
*если у вас цвета расположились, не так как на картинке (снизу светлое, а сверху темное), то это не страшно, на данном этапе работы, это не так важно*
Шаг 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. Щелкните на область предварительного просмотра градиента.
В появившемся окне Редактор градиента, установите те же цвета, которые мы ставили на дубликате слоя с текстом (#
F7
EEAD и #
C1
AC51
).
В итоге вот что у вас должно получится:
Шаг 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%
.
Вот что у нас получилось в итоге:
Надеюсь, урок вам понравился, желаю удачи в выполнении.
