Изящный золотой текст в Adobe Photoshop. Позолота объекта в фотошопе

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

Шаг 1: подготовка к работе

1. Создайте новый рисунок размером 1200х800 px и откройте окно «Слои».

2. Сделайте фон черным, воспользовавшись инструментом «Заливка».

3. Выберите белый цвет в палитре и напишите что-нибудь, используя инструмент «Текст». Мы выбрали шрифт Times New Roman Bold размером 230 пт, рис.2.

4. Расположите текст посередине с помощью инструмента «Перемещение». Чтобы изменить размер надписи используйте «Свободную трансформацию» в меню «Редактирование».

Шаг 2: делаем золото

1. Нажмите внизу окна слоев кнопку fx и выберите в списке «Наложение градиента». Кликните один раз по его цвету для редактирования. Появится окошко с цветовой школой. Если на панели инструментов у вас стояли стандартные цвета (черный и белый), то градиент будет черно-белым.

На шкале вы увидите ползунки, это контрольные точки цвета. Кликните два раза мышкой на нижний левый ползунок и выберите на палитре желтый (#ffff00), рис.3, точно так же измените конечный цвет градиента, кликнув на второй нижний ползунок справа. Оттенок поставьте ближе к золотому (мы взяли #cc9900), рис.4. Нажмите «Ок». В окошке со стилями градиента измените стиль на «Зеркальный», непрозрачность и масштаб поставьте 100%, рис.5, снова кликните «Ок». Должно получиться примерно как на здесь, рис.6.

2. Снова нажмите fx и «Тиснение». Измените метод на «Жесткая огранка», глубина 195%, размер 90, рис.7, выберите «Двойное кольцо» для контура глянца и поставьте галочку напротив «Сглаживание» рядом с контуром, рис.8. Уже похоже назолото. Можно еще увеличить глубину по вкусу.

3. Но не спешите закрывать окно стилей, слева под «Тиснением» поставьте галочку напротив «Контур».

4. Там же, в окне стилей, поставьте галку перед «Глянец» и выделите его мышкой, перейдя в настройки. Выберите режим«Осветление основы», непрозрачность поставьте примерно 50%, а цвет ярко-желтый (#ffff00), рис.9.

5. Теперь выберите «Тень», режим наложения «Нормальный», непрозрачность 100%, цвет #999900, смещение и размах = 0, размер = 6, контур «Двойное кольцо» плюс «Сглаживание», рис.10. Вот что получилось, рис.11.

1. Создайте новый пустой слой (вторая кнопка справа от корзины в окне слоев).

2. Активируйте инструмент «Пипетка» и возьмите пробу цвета с самого светлого участка букв.

3. Переключитесь на «Кисть» с непрозрачностью 100% и отрегулируйте размер инструмента.

4. В настройках кисти в верхнем меню загрузите категорию «Разные кисти» и выберите кисточку №25 или №48, рис.12.

5. Нарисуйте блеск на буквах, там, где это будет уместно. Примерно как на образце, рис.13.

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

• 

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

• 

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

Для примера я взял изображение наушников, которые и буду покрывать позолотой.

Данную картинку в полном размере и формате png, а так же исходники и другие материалы к уроку вы можете сказать здесь в блоке "Материалы" справа. В видео-уроке, кроме наушников я покрываю золотом автомобиль, исходники и изображения так же имеются в указанном разделе.

И так, я взял изображение наушников в формате png, которое предварительно вырезано и не имеет заднего фона. Если вы хотите использовать какой-то свой объект, то его необходимо предварительно вырезать с заднего фона, если вы не знаете, как это сделать, ознакомьтесь с одним из способов в уроке " ".

1. Первым делом создаем новый холст, на котором будем работать, в верхнем меню выбираем "Файл" - "Создать" и задаем необходимые размеры, я установил размер 1024px на 1024px.

Поскольку золото хорошо смотрится на темном фоне, выполним заливку холста темно-серым цветов, близком к черному. Теперь откроем программой фотошоп изображение наушников, перетащим его на наш холст и настроем его размер, выбрав в верхнем меню "Редактирование" - "Свободное трансформирование" или нажав комбинацию клавиш "Ctrl + T". При изменении размера удерживаем клавишу "Shift", чтобы изображение оставалось в своих пропорциях.

2. Далее, необходимо скопировать слой с наушниками, для этого удерживая клавишу "Alt", кликнув по слою с наушниками в панели слове левой клавишей мыши и удерживая обе клавиши перетаскиваем данный слой вверх. Таким образом получится копия слоя с изображением наушников. Далее сделаем этот новый слой с изображением наушников черно-белым. Для этого выделяем его, кликнув левой кнопкой мыши в панели слоев и в верхней панели меню выбираем "Изображение" - "Коррекция" - "Черно-белое", либо нажимаем комбинацию клавиш "Alt + Shift + Ctrl + B". В появившемся окне настроек ничего не меняем, просто нажимаем "Ок".

Снова копируем слой с черно-белым изображением наушников и делаем инверсию для данного слоя, выбрав в верхнем меню "Изображение" - "Коррекция" - "Инверсия", либо нажав комбинацию клавиш "Ctrl + I". В результате получим вот такой эффект.

Теперь этому слою установим наложение "Разница", выбираем его в панели слоев, вместо наложения "Обычные".

3. Теперь проделываем еще раз все тоже самое с получившимся слоем, а именно, копируем его, делаем инверсию, устанавливаем наложение "Разница" и объединяем с предыдущим. В результате должно получиться вот такое изображение.

4. Далее на получившееся изображение (слой) будем накладывать корректирующий слой с цветом. Для этого выделяем этот слой и в панели слоев снизу кликаем по иконке создания корректирующего слоя и открывшемся списке меню выбираем "Цветовой баланс".

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

Настройки цвета необходимо производить во всех тонах, т.е. настроив цвет в тоне "Средние тона", необходимо перейти и настроить так же цвет в "Тени" и в "Света". В результате должно получиться что-то типа такого.

Теперь наложим еще один корректирующий слой "Сочность", для этого выделяем слой с наушниками в панели слоев снова кликаем по иконке создания слоя и выбираем "Сочность". Далее в появившейся панели настроек так же подключаем этот корректирующий слой и выставляем ползунок параметра "Сочность" на 100%.

И точно так же подключаем еще один корректирующий слой "Уровни" и настраиваем уровни на свое усмотрение. В результате всех этих действий получается вот такое изображение.

5. Последним действием мы удалим ненужные элементы позолоты, а именно с самих накладок для ушей, ведь нам нужен только золотой корпус, а сами накладки не должны иметь золотой цвет.

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

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

В результате получаются наушники с золотым корпусом.

Вот таким не сложным способом в программе фотошоп можно практически любой объект покрыть позолотой.

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

Результат

Исходники

• Шрифт FoglihtenNo07 .
• Паттерны Free Tileable Leather Patterns от WebTreatsETC.
• Градиенты gradient-shapes для Photoshop от ilnanny (нам понадобятся файлы Tracks.grd и CHROMES.grd).
• Стандартный набор кистей

Чтобы скачать нужный нам стандартный набор кистей для Photoshop, зайдите в меню Edit > Presets > Preset Manager/Редактировать>Наборы>Менеджер наборов и выберите Brushes/Кисти в выпадающем меню Preset Type/Тип набора. Затем кликните по маленькой стрелке справа от выпадающего меню и выберите Square Brushes/Квадратные кисти. В появившемся диалоговом окне выберите Append/Добавить.

Загружаем контуры

Нам нужно скачать контуры, которые мы будем использовать для некоторых стилей слоя. Для этого вновь зайдите в менеджер наборов и выберите Contours/Контуры в меню Preset Type/Тип набора.

Кликните по маленькой стрелку в правом верхнем углу и выберите Contours/Контуры.

Нажмите Append/Добавить в появившемся окне.

Шаг 1

Создайте документ размером 950 x 650 px. Дублируйте фон дважды и смените для второй копии слоя параметр Fill на 0.

Кликните дважды по первой копии фонового слоя и укажите ему стиль слоя Gradient Overlay/Перекрытие градиента. Настройте параметры эффекта как показано ниже, указав градиент от цвета #4a4a46 к #282929.

Это добавит обычный градиент фону.

Кликните дважды по второй копии фонового слоя и примените к нему стиль слоя Pattern Overlay/Перекрытие Узора. Выберите паттерн webtreats_brown_leather.jpg и повторите настройки ниже.

Так вы добавите фону текстуру кожи.

Шаг 2
Создайте текст, используя шрифт FoglihtenNo07 цвета # 816d36 и размера в 250 pt.
В меню Character/Символы (Window > Character/Окно>Символы) кликните по иконке Standard Ligatures/Стандартные лигатуры, затем дублируйте слой с текстом.

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

Bevel and Emboss/Тиснение

Contour/Контур

Stroke/Обводка
Используйте градиент Gold Rail G2.

Так мы создадим обводку.

Шаг 3

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

Bevel and Emboss/Тиснение

Contour/Контур

Inner Glow/Внутреннее свечение
Используйте цвет #ececec

Pattern Overlay/Перекрытие узора
Используйте паттерн webtreats_grey_leather.jpg

Drop Shadow/Тень

Так мы стилизуем текст.

Шаг 4

Выделите оба текстовых слоя, дублируйте их и разместите копии под оригинальными слоями. В меню выберите Layer > Merge Layers/Слой>Объединить слои.
Переименуйте получившийся слой в «Shadow» и смените для него параметр Fill/Заливка на 0.

Кликните дважды по слою «Shadow», чтобы указать ему стиль слоя Drop Shadow/Тень со следующими параметрами:

Так мы добавим еще больше глубины эффекту.

Шаг 5

Возьмите инструмент Brush/Кисть, откройте палитру Brush/Кисть и выберите кисть Hard Square 7 px. Настройте параметры кисти как показано ниже:

Brush Tip Shape/Форма отпечатка кисти

Shape Dynamics/Динамика формы

Шаг 6

Кликните правой кнопкой по любому из текстовых слове и выберите Create Work Path/Создать рабочий контур.

Создайте новый слой поверх остальных слоев, назовите его «Diamonds» и выберите инструмент Direct Selection/Прямое выделение.

Кликните правой кнопкой по рабочему контуру и выберите Stroke Path/Обводка контура. Появится окно, в котором вам нужно выбрать в графе Tool/Инструмент значение Brush/Кисть. Также включите опцию Simulate Pressure/Имитировать нажим.

Таким образом мы создадим обвокдку из камушков. Нажмите Enter/Return, чтобы избавиться от контура.

Шаг 7

Кликните дважды по слою «Diamonds», чтобы применить к нему следующие стили слоя:

Bevel and Emboss/Тиснение
Цвет тени: #3e2900

Contour/Контур

Color Overlay/Перекрытие цвета
Цвет: #776d38

Drop Shadow/Тень

Таким образом у нас появятся камушки.

Результат

Перевод — Дежурка

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

Конечный результат:

Шаг 1

Откройте изображение узора в Фотошопе. Мы будем использовать его в качестве фона для текста. Перейдите в меню Редактирование > Определить узор (Edit > Define Pattern) и сохраните изображение как узор.

Создайте новый документ (Ctrl + N) размером 1152х900 пикселей. Установите основной цвет - #8a5240, а фоновый - #310901. Выберите инструмент Градиент (Gradient Tool) (G): Стиль (Style) - Радиальный (Radial), Градиент - От основного к фоновому (Foreground to Transparent). Сделайте заливку из центра холста к любому краю.

Выберите инструмент Заливка (Paint Bucket Tool) (G) и в настройках на верхней панели установите заливку Узором (Pattern). В списке выберите узор, сохранённый в начале урока. Создайте новый слой (Ctrl + Shift + N) и залейте его узором.

Установите Режим наложения (Blending Mode) слоя с узором на Перекрытие (Overlay) и понизьте Непрозрачность (Opacity) до 60%.

Шаг 2

Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), перейдите в меню Окно > Символ (Window > Character) и настройте, как показано ниже. В настройках инструмента на верхней панели включите Сглаживание (Anti-aliasing) и установите Метод сглаживания (Anti-aliasing method) на Резкое (Sharp). Напишите что-нибудь на холсте. Я, например, написал «A Heart of Gold».

Кликните дважды на текстовом слое, чтобы открыть окно стилей. Примените следующие стили:

Тиснение (Bevel & Emboss):

Контур (Contour):

Внутреннее свечение (Inner Glow):

Глянец (Satin):

Наложение градиента (Gradient Overlay):

Отбрасывание тени (Drop Shadow):

Результат:

Шаг 3

Создайте новый слой поверх остальных и назовите его «Texture». Установите основной цвет на #ffef48 , а фоновый на #593809 .

Сделайте выделение текстового слоя (удерживая Ctrl, кликните на миниатюре слоя).

Примените фильтр Облака, Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Чтобы убрать выделение с холста, нажмите Ctrl + D.

Шаг 4

Перейдите галерею фильтров Фильтр > Галерея фильтров (Filter > Filter Gallery). В категории Эскиз (Sketch) выберите фильтр Волшебный карандаш (Conte` Crayon) и настройте его, как показывает следующий скриншот.

Результат:

Результат:

Затем примените фильтр Масляная живопись (Paint Daubs) из категории Имитация художественных эффектов (Artistic).

Результат:

Установите Режим наложения (Blending Mode) слоя «Texture» на Мягкий свет (Soft Light) и понизьте Непрозрачность (Opacity) слоя до 30%. На тексте появится красивый эффект отражения, как на настоящем золоте.

Шаг 5

Установите основной цвет на #9e0039 , выберите инструмент Кисть (Brush Tool) (B) и перейдите в палитру кистей (F5).

Настройте кисть, как показано ниже:

Форма отпечатка кисти (Brush Tip Shape):

Динамика формы (Shape Dynamics):

Шаг 6

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Создать рабочий контур (Create Work Path).

Создайте новый слой под текстовым и назовите его «Stroke». Выберите инструмент Стрелка
(Direct Selection Tool) (A).

Кликните правой кнопкой на контуре и выберите пункт Выполнить обводку контура (Stroke Path).

В появившемся окне выберите Кисть (Brush) и установите галочку на функции Имитировать нажим (Simulate Pressure).

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

Шаг 7

Перейдите к стилям слоя «Stroke» и настройте их так:

Тиснение (Bevel & Emboss):

Контур (Contour):

Отбрасывание тени (Drop Shadow):

Текст станет толще и объёмнее.

Той же кистью нарисуйте точки на краях красной обводки.

Шаг 8

Поверх всех слоёв нужно создать корректирующий слой Карта градиента (Gradient Map). Это можно сделать через иконку чёрно-белого круга в нижней части палитры слоёв.

Установите Режим наложения (Blending Mode) корректирующего слоя - Мягкий свет (Soft Light) и понизьте Непрозрачность (Opacity) до 50%.

Настройте градиент так:

Цвета станут ярче и светлее.

На этом мы заканчиваем урок. Можете скачать PSD файл, пройдя по

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

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

Для начала разберемся. А какой цвет считается золотым? Желтый? Белый? Охра? Нет. Так что же представляет из себя золотой цвет? Градиент. Именно плавный переход от одного цвета к другому и воспринимается нами как золотой цвет.

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

Второй не менее важный момент – чередование цветов.

Что такое цвет? Это отраженный свет. Почему мы видим разницу между объемным предметом и предметом плоским? На объемный предмет свет ложится определенным образом. Предмет условно делится на несколько областей.

Назовем все эти области:

Блик – самая светлая часть. Пятно или полоса белого цвета.

Свет – крупная освещенная часть.

Полутень – промежуток между тенью и светом.

Тень – самая темная часть.

Рефлекс – отраженный свет. Узкая полоса, повторяющая свет.

Как именно распределяются эти области мы можем увидеть на следующей схеме:

Для примера я приведу золотой градиент. Как видите, здесь тоже учитывается это правило. Именно поэтому мы воспринимаем текстуру золотой (т.е. объемной).

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

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

Нажимаем комбинацию клавиш ctrl+shift+n для того, чтобы создать новый слой, с которым мы будем работать.

На боковой панели инструментов ищем «заливка». Заливаем рабочую область любым цветом. У меня будет желтый.

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

Вот это окошко нас интересует. Выставляем следующие настройки:

Затем кликаем по полосе с цветом.

Нижние ползунки - цвет. Как вы понимаете, нам нужен переход более масштабный. Не 2 цвета, а гораздо больше. Поэтому, кол-во ползунков нам следует увеличить. Чтобы вызвать их, кликаем по полосе с цветом.

Теперь их стало больше.

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

Вон он, тот самый инструмент, который позволит вам узнать цвет области. Тыкаем по нужным. После чего копируем его данные.

Какие цвета получились у меня:

• свет #fffca4
• тень #5a2b11
• полутень #b37832
• блик #fdfdfb
• рефлекс a #47205

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

Я чуть сдвинула ползунки, как видите.

Вот, что у нас получилось в итоге:

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

Дабы изменить форму нашего золотого градиента, мы можем вернуться к окну «градиент» и изменить настройки. Допустим, попытаемся сделать градиент угловым.

Довольно интересный эффект, не правда ли?

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

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