Сайт о телевидении

Сайт о телевидении

» » Золотой цвет в фотошопе. Пишем золотыми буквами в фотошоп

Золотой цвет в фотошопе. Пишем золотыми буквами в фотошоп

Фотошоп включает в себя инструменты, позволяющие оформлять изображения и отдельные их элементы в различных цветовых оттенках. В числе востребованных в современном дизайне – золотые. Каковы основные возможности 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. Создайте новый документ (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% .

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

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

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

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

Шаг 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).

Шаг 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

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

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

Шаг 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. Операции расписаны пошагово, почти каждый шаг сопровождается скриншотом. Урок рассчитан на пользователей, которые знакомы с азами работы с редактором,...