Меню
ГлавнаяТехника

Простой метод создания в фотошопе золотого текста. Отливаем текст из золота в фотошоп

В этом уроке мы будем создавать типографический эффект фантазийного золотого текста в 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

Создайте новый документ в Фотошопе под именем «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

Добавьте больше сияний на текст. После этого обесцветьте их всех (

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

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

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

  • изображений;
  • текстов.

Начнем с первого пункта.

Как делать в фотошопе золотой цвет для изображений?

Цифровые изображения на большинстве современных компьютеров выстраиваются посредством комбинирования трех основных цветов: красного, зеленого и синего. Таким образом, меняя их интенсивность и взаиморасположение в структуре картинки, можно «перекрасить» изображение из одного цвета практически в любой другой. В частности – в золотой. Программа фотошоп включает в себя инструменты, позволяющие сделать это.

Рассмотрим то, каким образом можно «перекрасить» серебристую монету – например, 2 российских рубля – в золотой цвет.

Запускаем фотошоп – условимся, что это будет версия CS6, одна из самых популярных в России и в мире, с английским интерфейсом. Далее – открываем файл с изображением монеты. Можно, к примеру, скачать один из тех, что доступны на сайте ЦБ РФ – перейдите по ссылке . На этой страничке изображение 2-рублевой монеты, вероятно, представлено в наиболее естественном виде, без каких-либо лишних включений.

Следует отметить, что картинка с сайта ЦБ РФ особенно удобна в обработке тем, что представлена она в формате GIF с прозрачным фоновым слоем. Это позволяет фотошопу – в частности, версии CS6 – легко распознать собственно контуры монеты. При «перекрашивании», таким образом, изменится только ее изображение – фон корректироваться не будет.

Сразу же можно перейти к процессу придания 2-рублевой монете золотого цвета. Это делается с помощью инструмента Curves («кривые цвета»), позволяющего регулировать как раз таки сочетание красного, зеленого, синего оттенков, а также спектра RGB – с целью регулирования яркости изображения. Чтобы открыть данную опцию, нужно выбрать пункт меню Image, затем – Adjustments, после – Curves.

Для начала можно слегка затемнить монету, отведя черную кривую RGB немного назад – примерно так, как на скриншоте.

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

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

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

Как сделать золотой цвет в Photoshop для текста?

Создадим новый проект в фотошопе и разместим на нем какой-либо текст. Можно сделать его серым – впоследствии мы его, так или иначе, «перекрасим».

Следующий необходимый шаг – растрирование текста. Данная процедура предполагает переформатирование его из «буквенного» формата в графический. Это позволит применять к соответствующему элементу картинки любые эффекты фотошопа. Растрировать текст просто – нужно выбрать инструмент Rectangular Marquee Tool, затем кликнуть правой кнопкой мыши по тексту и выбрать пункт Rasterize Layer.

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

Далее полезно будет придать буквам, превратившимся в изображение посредством растрирования, эффект градиента. Для этого нужно кликнуть правой кнопкой на соответствующем слое, затем – выбрать Blending Options и отредактировать параметры на вкладке Bevel & Emboss (примерно так, как на скриншоте).

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

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

С помощью исследованных нами опций фотошопа можно «озолотить», таким образом, практически любое изображение.

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

Финальный результат:

Шаг 1. Создаем фон

Для начала, нужно создать простой фон для текста. Для этого, создайте новый документ (Файл – Новый) (File > New) (Ctrl+N) . Размер документа установите тот, который нужен именно Вам (в этом уроке автор создал документ размером 1000x600px).

Созданный документ залейте темно-коричневым цветом (#211901).

Для цвета переднего плана установите желтый (#fee86a) и выберите мягкую кисть размером 500px (Brush Tool) (B). Создайте новый слой (Shift + Ctrl + N) и кистью с выбранным желтым цветом кликните один раз в центре документа. Измените режим наложения слоя с желтым пятном на Яркий свет (Vivid Light) и уменьшите непрозрачность (Opacity) до 50%.

Шаг 2. Добавляем текст

Для того, чтобы написать текст, воспользуйтесь инструментом Текст (Horizontal Type Tool) (T). В этом уроке использован шрифт Times Bold с размером 200px, цвет текста черный. Шрифт Вы можете выбрать .

Теперь будем добавлять к тексту стили слоя, чтобы сделать его золотым.

Шаг 3. Добавляем стиль слоя Наложение градиента

К слою с текстом добавьте стиль слоя Наложение градиента (Gradient Overlay) и установите параметры, как показано на скриншоте:

Результат:

Шаг 4. Добавляем стиль слоя Наложение цвета

Теперь добавьте к слою с текстом стиль Наложение цвета (Color Overlay):

Результат:

Шаг 5. Добавляем стиль слоя Тиснение

Для того, чтобы добавить к тексту глубины, примените к нему стиль слоя Тиснение (Bevel and Emboss):

Результат:

Шаг 6. Добавляем стиль слоя Внутренняя тень

К слою с текстом добавьте стиль Внутренняя тень (Inner Shadow):

Результат:

Шаг 7. Добавляем стиль слоя Обводка

Для того, чтобы сделать края текста более четкими, добавьте стиль слоя Обводка (Stroke):

Результат:

Шаг 8. Добавляем стиль слоя Тень

К слою с текстом добавьте стиль Тень (Drop Shadow):

Результат:

Шаг 9. Добавляем стиль слоя Внешнее свечение

В финале, добавьте стиль слоя Внешнее свечение (Outer Glow). Он придаст тексту больше глубины.

Шаг 10. Сохраняем созданные стили для золотого текста

При желании, Вы можете сохранить созданные стили слоя для золотого текста, для того, чтобы потом применять их на любой другой текст. Для того, чтобы сохранить стили слоя, в палитре Слои (Layers) кликните по слою с текстом, чтобы сделать его активным, затем откройте палитру Стили (Styles panel) (Окно – Стили) (Window > Styles) и в нижней ее части кликните по кнопке Создать новый стиль (Create new style).

Written By Steve Patterson

В этом уроке мы научимся создавать золотые буквы, работая со стилями в Adobe Photoshop.

В результате нашей работы получим такой золотой сверкающий текст:

Шаг1. Создаем новый документ в Фотошопе: File menu / New , или Ctrl+N, задаем размер 640x480 пикселов и OK . Цвет фона – черный.

Шаг2. Выбираем Type tool на панели инструментов и вставляем нужный текст. Автор выбрал слово GOLD. Шрифт "Times New Roman Bold". Если размер текста вас не устраивает – редактируйте с помощью меню Free Transform или Ctrl+T.

Шаг3. Создайте дубликат текстового слоя GOLD с помощью контекстного меню или комбинации Ctrl+J . Дальше будем работать с копией слоя GOLD copy .

Шаг4. Задаем золотой градиент для текста. В окне Слои (Layers palette ) в Фотошопе есть полезная кнопка Layer Styles (Стиль слоя):

Выбираем наложение градиента.

Шаг5. Создаваемый градиент должен имитировать переливы золота, поэтому должен быть переход от светло золотого к насыщенному золотому. В окне редактора градиентов задаем цвет левого маркера так, как на рисунке - R:247, G:238, B:173, что соответствует светло-золотому цвету (# f7eead).

Для правого маркера аналогично задайте R:193, G:172, B:81 (# c1ac51). Затем нажмите ОК, закройте окно редактора.

Результат должен выглядеть примерно так:

Вот результат:

Окно редактора стилей не закрывайте, оно еще пригодится.

Шаг6. Текст должен быть объемным, для чего используем другие эффекты слоя. В окне редактора стилей устанавливаем следующие параметры для Bevel and Emboss (Тиснение)

вот таким образом: меняем Technique (Метод) на Chisel Hard (Жесткая огранка),


Gloss Contour (Контур глянца) на "Ring Double"

и выберите опцию Anti-Aliased (Сглаживание).

Установите размер 16 pixels и Depth (Глубина) 171%:

Теперь буквы стали золотыми.

Для усиления эффекта можно добавить Contour (Контур).

Шаг7. Продолжим работу с диалоговым окном редактора стилей. Выбираем Inner Glow (Внутреннее свечение)

и устанавливаем такие параметры: меняем цвет на оранжевый (R:232, G:128, B:31),

На этом закончим работу с дубликатом текстового слоя.

Шаг8. Продолжим работу с оригинальным текстовым слоем. Щелкните не этом слое в палитре слоев чтобы сделать его активным.

Щелкните на Layer Styles чтобы начать работу со стилями этого слоя.

Выбираем Stroke (Обводка) и задаем для нее такие параметры

Настроим градиент для обводки. Для этого откройте редактор градиентов и для левого маркера задайте цвет R:247, G:238, B:173 для правого - R:193, G:172, B:81. OK.
Шаг9. Теперь нужно настроить Bevel and Emboss (Тиснение) для Stroke (Обводки).
Для этого в диалоговом окне настройки стиля нужно выбрать Stroke Emboss и другие параметры настроить так, как на рисунке:


Результат должен быть такой.

Шаг10. Теперь можно добавить в диалоговом окне настройки стиля Outer Glow (Внешнее свечение), цвет R:183, G:145, G:79 .
Шаг11. А сейчас сделаем текст сверкающим и сияющим. Для этого добавим новый слой Sparkles. Этот слой должен быть над всеми слоями. Используем кисть похожую на Х, которую выберем из Assorted Brushes Adobe Photoshop.

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


Пересказала с английского Tortila