Искусственный металлический эффект, без сомнения, является невероятно популярным среди пользователей Photoshop. И нетрудно догадаться почему: впечатляющие результаты говорят сами за себя. Понятно, что хоть и существует много способов достижения схожих результатов, но некоторые для определённых задач подходят больше, чем другие. Мой способ довольно таки уникален хотя бы тем, что использует только эффекты слоёв и ничего более. На первый взгляд этот метод кажется сильно ограниченным, но на самом деле он очень гибкий и позволяет легко адаптировать метод к более поздним интерфейсам программы, что невозможно для способов, основанных на эффекте освещения.
В результате получается хромированный текст, но я потратил немного времени и объяснил, как вы можете сделать его более серебристым, более мягким/жёстким, добавить неровности и т.д.
Шаг 1.
Создайте новый документ размером 200×200 и, используя Инструмент «Горизонтальный Текст» (Horizontal Type Tool) , напишите одну букву. Я использовал шрифт «Script MT Bold» размером 222. Не расстраивайтесь, если у вас нет этого шрифта, просто выберите любой, который выглядит привлекательно (чтобы вы могли увидеть эффект во всей его красе).
Шаг 2.
Выберите слой, где у вас нарисована буква, и выберите пункт меню Слой > Стиль слоя > Внешнее свечение (Layer > Layer Style > Outer Glow) . И установите точно такие же параметры как на рисунке.
Конечно, этот шаг можно и не делать, но тёмные очертания выделяют объект на фоне.
Шаг 3.
Не закрывайте диалог с эффектами слоя. Перейдите на вкладку Тиснение (Bevel and Emboss) и установите параметры как на картинке.
По желанию: если вы хотите изменить внешний вид вашего металла, то лучше сделать это здесь. Меняя значение параметра Глубина (Depth) , вы можете делать металл мягче/резче. Параметр Контур глянца (Gloss contour) позволяет выглядеть эффекту мягче/жёстче на изгибах. Наконец, увеличивая параметр Размер (Size) можно сделать так, чтобы металл казался более округлым, но только до определённой степени — переборщите и потеряете эффект металла.
Шаг 4.
Перейдите во вкладку Контур (Contour) и измените кривую как показано на рисунке.
Шаг 5.
Зайдите в раздел Наложение цвета (Color Overlay) и измените цвет на белый.
Шаг 6.
Если вы хотите получить оттенок хрома, перейдите во вкладку Глянец (Satin) и введите следующие параметры.
Вы можете не выполнять это шаг, если хотите получить серебристый цвет или можете поиграться с кривыми, чтобы получить разные эффекты освещения.
Шаг 7.
Теперь выйдите из диалога эффектов слоя и полюбуйтесь тем, что вы натворили. Конечно, это отличная идея — добавить тень и красивый фон, но эти вещи я оставляю на ваше усмотрение 😉
Создание фактуры, имитирующей металл, одна из широко используемых дизайнерами возможностей Photoshop. Сегодня существует множество способов имитации металлических поверхностей, в частности блестящих хромированных, никелированных, железных, изъеденных коррозией, протравленных кислотой, элегантных поверхностей из благородного золота, серебра, платины, а также из ртути. Данные эффекты могут быть реализованы как с помощью специальных дополнительных фильтров, или экшенов, помогающих придать буквам или прочим объектам металлический блеск и выпуклость, так и на основе стандартных средств Photoshop, которые обеспечивают не менее профессиональный результат.
Самый простой способ добиться металлического эффекта - воспользоваться подходящим экшеном, которых немало в Сети. С этой целью стоит заглянуть, например, по адресам: http://www.webmaster.ru/~porcupine/actions/index.cfm?row=19&curpage=5 , http://easyphotoshop.chat.ru/actions/actions.htm , http://gribnick.da.ru/ , http://www.fotoshop.ru/cgi-bin/actions/detail.pl?id=76 и др. Однако вариантов здесь не так уж много, и желающим получить нестандартный эффект данный способ не подойдет. Лучше попытаться добиться нужного эффекта с помощью специальных плагинов, которые, как правило, позволят получить неплохую имитацию и при этом довольно быстро. В более сложных случаях придется действовать вручную, опираясь лишь на стандартные возможности программы.
Имитация металла стандартными средствами Photoshop
Этот вариант весьма трудоемкий и далеко не простой, но открывает широкие возможности для творчества, тем более что с различными техниками имитации металла можно ознакомиться на многочисленных сетевых ресурсах. Интересные способы создания металлических колец, эффекта металла с коррозией и хромированного, золотого и бронзового текста можно найти на сайте . С оригинальной имитацией синего металла можно ознакомиться на сайте http://ash.aiq.ru/ . Заглянув на http://www.savvy.net/ , несложно разобраться с созданием металлических текстур, хромированных и ртутных объектов. На сайте http://www.pegaweb.com/tutorials/ рассматривается способ создания эффектных металлических кнопок. Этот список можно продолжать еще долго, но мы ограничимся лишь наиболее интересными вариантами.
Бронза
Сильное впечатление производит имитация блестящей бронзовой поверхности, представленная на сайте http://www.eyesondesign.net/ . Для ее реализации создайте новое изображение в режиме RGB и залейте его светло-коричневым цветом, а затем темно-коричневым изобразите предполагаемый металлический объект (рис. 1).
Рис. 1. Исходное изображение
Выделите будущий металлический объект и сохраните выделение как новый канал Alpha1, применив команду Select→Save Selection (Выделить→Сохранить выделение). Затем объедините слои, смените цвет переднего плана на более темный и воспользуйтесь командой Edit→Stroke (Редактировать→Штрих), задав подходящие параметры. В данном случае выбраны Width (Ширина бордюра) 5 пикселов, Location (Положение) Inside (Внутри), Opacity (Непрозрачность) 100% и Mode (Режим) Normal (рис. 2).
Рис. 2. Изображение после применения команды Stroke
Примените команду Select→Modify→Contract (Выделение→Модифицировать→Сжать) при ширине сжатия в 15 пикселов, а затем заполните выделенную область белым цветом (рис. 3). Откажитесь от выделения.
Рис. 3. Изображение после сжатия выделенной области и заполнения выделения белым цветом
Примените фильтр Gaussian Blur: Filter→Blur→Gaussian Blur (Фильтр→Размытие→Размытие по Гауссу) с радиусом размытия 5 пикселов и измените режим слоя с Normal на Overlay (рис. 4).
Рис. 4. Результат размытия по Гауссу и изменения режима слоя
Сделайте копию данного слоя и назовите новый слой Chrome. Перейдите на канал Alpha1 и последовательно примените размытие по Гауссу: Filter→Blur→Gaussian Blur (Фильтр→Размытие→Размытие по Гауссу) вначале при радиусе размытия в 9 пикселов, затем в 6 и 3 и, наконец, в 1 пиксел. Результат будет выглядеть примерно так, как на рис. 5.
Рис. 5. Изображение после многократного размытия по Гауссу
Активизируйте слой Chrome и добавьте эффекты освещения: Filter→Render→Lighting Effects (Фильтр→Рендер→Эффекты света) при параметрах, как на рис. 6. Результат будет напоминать рис. 7.
Рис. 6. Окно установки параметров фильтра Lighting Effects
Рис. 7. Слой Chrome после наложения фильтра Lighting Effects
Активизируйте основной слой с объектом, выделите фон, сделайте инверсию в результате объект окажется выделенным, а затем расширьте границу на 1 пиксел с помощью команды Select→Modify→Expand (Выделение→Модифицировать→Расширить). После этого удалите ненужные части границы, нажав клавишу Del, и откажитесь от выделения (рис. 8).
Рис. 8. Результат очистки границы
Активизируйте слой Chrome, создайте новый слой Curves 1 с помощью команды Layer→New Adjustment Layer→Curves (Слой→Новая установка слоя→Кривые), включив флажок Group With Previous Layer (Объединить с предыдущим слоем) и при всех остальных параметрах по умолчанию, а кривые настройте в соответствии с рис. 9. Вновь активизируйте слой Chrome и опять воспользуйтесь командой Layer→New Adjustment Layer→Curves (Слой→Новая установка слоя→Кривые) с теми же настройками и с включенным флажком Group With Previous Layer (Объединить с предыдущим слоем) появится новый слой Curves 2; кривые следует настроить в соответствии с рис. 10.
Рис. 9. Окно настройки кривых для слоя Curves 1
Рис. 10. Окно настройки кривых для слоя Curves 2
Объедините слои командой Flatten Image и примените команду Layer→New Adjustment Layer→Hue/Saturation (Слой→Новая установка слоя→Цвет/Насыщенность), включив флажки Group With Previous Layer (Объединить с предыдущим слоем) при активизированном параметре Colorize (Колоризация) и настроив параметры Hue (Оттенок) и Saturation (Насыщенность). В данном примере выбран вариант: Hue - 33, Saturation 34. Результат, который у вас должен получиться, показан на рис. 11.
Рис. 11. Окончательный вид бронзовой поверхности
Для большей убедительности можно в качестве фона внедрить подходящую текстуру, имитирующую, скажем, ржавый металл, при такой текстуре результат должен напоминать изображение на рис. 12.
Рис. 12. Сверкающая бронза на ржавой текстуре
Золото
Один из самых интересных вариантов имитации золота приводится на сайте http://iolabs.virtualave.net/photoshop/gold/ . Чтобы получить подобную имитацию, напечатайте черный текст на белом фоне (рис. 13), выделите всю черную область и сохраните ее как выделение, применив команду Select→Save Selection (Выделить→Сохранить выделение). После этого объедините все слои с помощью команды Layer→Flatten Image (Слой→Выполнить сведение) и размойте всю картинку по Гауссу, применив фильтр Filter→Blur→Gaussian Blur (Фильтр→Размытие→Размытие по Гауссу) с коэффициентом размытия примерно 5 пикселов (рис. 14).
Рис. 13. Исходное изображение
Рис. 14. Изображение после размытия по Гауссу
Теперь нужно сформировать своеобразный бордюр для этого загрузите выделение командой Select→Load Selection (Выделить→Загрузить выделение) и заполните выделенную область черным цветом. Затем инвертируйте выделение, уменьшите его с помощью команды Select→Modify→Contract (Выделение→Модифицировать→Сжать) на 4 пиксела и залейте белым цветом (рис. 15).
Рис. 15. Картинка с бордюром
На следующем этапе необходимо немного подсветить объект с разных сторон для образования бликов, применив фильтр Filter→Render→Lighting Effects (Фильтр→Рендер→Эффект света) примерно с такими параметрами, как на рис. 16. При этом следует обратить внимание на то, что настройки необходимо изменить для всех трех источников света. Результат будет выглядеть так, как на рис. 17.
Рис. 16. Параметры фильтра Lighting Effects
Рис. 17. Изображение после внедрения трех источников света
Для того чтобы придать материалу вид металла, воспользуйтесь командой Image→Adjust→Curves и постройте кривую на (рис. 18); в итоге картинка должна напоминать изображение на рис. 19.
Наконец, неопределенный металл нужно превратить в золото, настроив уровни командой Image→ Adjustments→Levels (Изображение→Регулировки→Уровни) с входными параметрами Input Levels, равными 100; 1,0 и 255, и подобрав цвет и насыщенность с помощью команды Image→Adjustments→Hue/Saturation (Изображение→Регулировки→Цвет/Насыщенность) с включенным параметром Colorize (Колоризация) и значениями: Hue (Оттенок) - 35, Satuation (Насыщенность) - 35. Результат должен напоминать изображение на рис. 20.
Рис. 18. Окно настройки Curves
Рис. 19. Внешний вид изображения после настройки Curves
Рис. 20. Окончательный вариант имитации золота
Хром
Самый оригинальный способ создания хромированных объектов можно найти по адресу http://www.eyesondesign.net/ . Для его реализации создайте объект темно-серого цвета (рис. 21). Переименуйте активный слой в Chrome.
Рис. 21. Исходное изображение
Выделите объект, сохраните выделение командой Select→Save Selection (Выделить→Сохранить выделение) и уменьшите его примерно на 3 пиксела с помощью команды Select→Modify→Contract (Выделение→Модифицировать→Сжать). При этом нужно руководствоваться принципом: чем больше размер изображения, тем большее значение необходимо ввести.
Создайте над слоем Chrome новый слой Layer 1. Определите цвет переднего плана как белый, а цвет фона как черный, выберите Reflected Gradient и создайте градиентную заливку сверху вниз в рамках выделения (рис. 22). Откажитесь от выделения.
Рис. 22. Изображение после применения градиента
Перейдите в канал Alpha1 и размойте выделение по Гауссу: Filter→Blur→Gaussian Blur (Фильтр→Размытие→Размытие по Гауссу) поочередно три раза. Радиус размытия напрямую зависит от размера изображения, однако принцип изменения радиуса при переходе к следующему размытию постоянен: очередное значение радиуса размытия должно быть в два раза меньше предыдущего. В данном случае в первый раз был взят радиус 4 пиксела, во второй 2 и в третий 1 пиксел (рис. 23).
Рис. 23. Результат размытия канала по Гауссу
Вернитесь в палитру Layers, активизируйте слой Chrome и добавьте эффекты освещения Filter→Render→Lighting Effects (Фильтр→Рендер→Эффект света) с такими параметрами, как на рис. 24.
Рис. 24. Настройка параметров фильтра Lighting Effects
На следующем этапе потребуется придать изображению металлический блеск. Для этого откройте диалоговое окно Curves (Кривые): Image→Adjustments→Curves (Изображение→Регулировки→Кривые) и сформируйте кривую, показанную на рис. 25. В данном случае координаты первой точки кривой установлены в (60; 190), а второй в (190; 60) рис. 26.
Рис. 25. Окно настройки кривых
Рис. 26. Появление металлического блеска
Напоследок воспользуйтесь командой Image→Adjustments→Brightness/Contrast (Изображение→Регулировки→Яркость/Контраст), установив подходящие значения для параметров Brightness (Яркость) и Contrast (Контраст). В рассматриваемом примере значение Brightness равно 70, а Contrast 40 (рис. 27).
Рис. 27. Окончательный вариант хромированной поверхности
Ртуть
Что касается имитации ртутных поверхностей, то в Сети на очень многих сайтах можно найти два принципиально разных варианта реализации данного эффекта. Один, несомненно, впервые появился на сайте http://www.savvy.net/ , а авторство второго сегодня установить уже сложно. Более эффектную имитацию ртути дает именно второй вариант, поэтому на нем и остановимся.
Создайте новое изображение в режиме RGB, установите черный фон и белый цвет в качестве цвета переднего плана. Создайте новый канал Alpha 1 и нарисуйте предполагаемый металлический объект (рис. 28), а затем откажитесь от выделения.
Рис. 28. Исходное изображение на канале Alpha 1
Сделайте копию канала Alpha 1 по умолчанию новый канал получит имя Alpha 1 copy. Затем размойте канал Alpha 1 copy по Гауссу: Filter→Blur→Gaussian Blur (Фильтр→Размытие→Размытие по Гауссу) с радиусом размытия порядка 3 пикселов (если объект очень большой, то можно использовать и большее значение радиуса размытия; рис. 29).
Рис. 29. Канал Alpha 1 copy после размытия по Гауссу
Сделайте копию канала Alpha 1 copy - новый канал получит имя Alpha 1 copy 2. Переключитесь вновь на канал Alpha 1 copy и примените фильтр Filter→Other→Offset (Фильтр→Другие→Сдвиг) с параметрами (-1;-1) и вариантом Wrap Around (Циклический переход). Вернитесь на канал Alpha 1 copy 2 и воспользуйтесь тем же фильтром, но с параметрами настройки (1; 1).
После этого проведите вычисления для канала с помощью команды Image→Calculations… (Изображение→Вычисления…), выбрав настройки, как показано на рис. 30. В итоге будет создан новый канал Alpha 2, а изображение примет такой вид, как на рис. 31.
Рис. 30. Окно настроек команды Calculations
Рис. 31. Изображение после проведения вычислений
На канале Alpha 2 последовательно примените команды Image→Adjustments→Invert (Изображение→Регулировки→Негатив) и Image→Adjustments→Auto Levels (Изображение→Регулировки→Автоуровни) - рис. 32.
Рис. 32. Результат негатива и тоновой коррекции
Теперь воспользуйтесь инструментом Airbrush, чтобы смягчить границы изображения. Установите нажим 6%, выберите кисть примерно в 45 пикселов, установите белый цвет в качестве основного и сделайте напыление.
На следующем этапе потребуется усилить эффект отражения с помощью команды Image→Adjustments→Curves (Изображение→Регулировки→Кривые), построив примерно такую кривую, как на рис. 33. Результат должен напоминать изображение на рис. 34.
Рис. 33. Окно настройки Curves
Рис. 34. Изображение после усиления эффекта отражения
Загрузите выделенную область, сохраненную в канале Alpha 1 copy с помощью команды Select→Load Selection (Выделить→Загрузить выделение), сделайте инверсию и заполните выделенную область черным цветом.
Снова загрузите выделенную область Alpha 1 copy и сожмите выделение примерно на 3 пиксела, воспользовавшись командой Select→Modify→Contract (Выделение→Модифицировать→Сжать). Сделайте инверсию и примените команду Image→Adjustments→Invert (Изображение→Регулировки→Негатив). В результате изображение на канале Alpha 2 примет примерно такой вид, как на рис. 35.
Рис. 35. Канал Alpha 2 после всех проведенных манипуляций
Теперь выделите все изображение, скопируйте выделение в буфер обмена, переключитесь на RGB-канал и вставьте в него выделение. Затем придайте металлу нужный оттенок с помощью команды Image→Adjustments→Hue/Saturation (Изображение→Регулировки→Цвет/Насыщенность) с включенным параметром Colorize (Колоризация) и подходящими значениями Hue (Оттенок) и Satuation (Насыщенность). Результат должен напоминать изображение на рис. 36.
Рис. 36. Окончательный вид ртутной поверхности
Имитация металла с помощью плагинов
Создано уже немало плагинов, в которых в той или иной мере реализован эффект имитации металла. Например, псевдотрехмерные металлические объекты можно получить с помощью эффекта Lighting плагина Ulead Type.Plugin. Реалистичная текстура золота легко имитируется с помощью фильтра Gel из группы KPT 6.0 от Metacreation. Различные варианты блестящих металлических поверхностей (хрома, золота, серебра и др.) очень быстро можно создать с помощью фильтра Chrome из группы Eye Сandy 4.0 от Alien Skin, а матовые металлические поверхности неплохо получаются благодаря эффекту PhotoGroove 3.0 из группы Extensis PhotoTools 3.0.
Рассмотрим возможности применения плагинов для имитации блестящих поверхностей жидкого металла на примере фильтра Chrome из группы Eye Сandy 4.0, а для создания матовых на примере фильтра PhotoGroove 3.0 из группы PhotoTools 3.0.
В первом случае выделите объект, к которому нужно применить фильтр (рис. 37), и воспользуйтесь командой Filter→Eye Сandy 4000→Chrome (Фильтр→Eye Сandy 4000→Хром) примерно с такими параметрами, как на рис. 38. В результате получим изображение, предсталвенное на рис. 39.
Рис. 37. Исходное изображение
Рис. 38. Установка параметров фильтра Chrome из группы Eye Сandy 4.0
Рис. 39. Результат воздействия фильтра Chrome из группы Eye Сandy 4.0
Чтобы воспользоваться фильтром PhotoGroove 3.0 также выделите объект и воспользуйтесь командой Filter→PhotoTools→PhotoGroove 3.0 (Фильтр→ PhotoTools→PhotoGroove 3.0), установив подходящие значения параметров, например как на рис. 40. В результате получим изображение, показанное на рис. 41.
Рис. 40. Установка параметров фильтра PhotoGroove 3.0 из группы Extensis PhotoTools 3.0
Рис. 41. Результат воздействия фильтра PhotoGroove 3.0 из группы Extensis PhotoTools 3.0
Красивый металлический текст в фотошопе сделать достаточно просто. Всего несколько простых манипуляций со слоями, назначение правильных стилей и готово. Справится даже новичок. Я предлагаю вам текстово-картиночный урок и (чуть позже) видеоурок на эту тему. Кстати – эта методика, конечно, подойдет не только для текста, но и для любых силуэтов.
1. Создаем новый документ размером 1000 x 700 pix. с разрешением 72 Dpi. Берем металлическую текстуру , копируем и вставляем в созданный документ. Нажимаем Ctrl+T и трансформируем в соответствии с границами документа.
2. Берем другую металлическую текстуру , открываем в фотошопе, заходим в меню изображение → размер изображения и выставляем настройки как на скриншоте. Далее заходим в меню редактирование → определить узор, вписываем имя, например “сталь” и жмем ок.
3. Создадим в этом же документе новый слой с белой заливкой. Сделаем основной цвет черным, выберем круглую кисть, назначим размер 1 пиксель и жесткость 100%. Нарисуем на белом слое хаотичные царапины. Снова заходим в меню редактирование → определить , вписываем имя “царапины 1″ и жмем ок.
4. Создадим еще один новый слой и повторим шаг 3, с той лишь разницей, что сделаем царапины чаще и добавим немного более жирных (увеличив соответственно кисть). Определим узор под именем “царапины2″.
5. Создадим нужный нам текст, сделав его (каким именно особого значения не имеет). Цвет текста белый. Затем 2 раза кликнем на слой с текстом и в выпавшем окне настроим стили слоя в соответствии со скриншотами ниже.
Должен получиться примерно такой результ:
6. Создаем дубликат слоя с текстом (Ctrl+J) и удаляем у дубликата эффекты – просто перетащив их в корзину панели слоев. Задаем для этого слоя значение заливки 0%. Устанавливаем для этого слоя стили как на скриншоте.
После этих манипуляций вы увидите на буквах царапины:
Следует понимать, что большинство настроек стилей подобраны для конкретного размера документа. Для других размеров требуется корректировка значений в стилях слоя.
Для тех, кому не очень понятно все выше изложенное скоро ожидается видеоурок, который будет опубликован здесь же, и в котором, вероятно, вам проще будет уяснить для себя последовательность и суть действий.
Оставляйте пожалуйста комментарии и вопросы! Жмите пожалуйста на кнопки социальных сетей!
Не в тему
Привет! Чем занимаешься?
-Привет. Собираюсь, досмотреть свой сериал и сдохнуть.
-Пошли гулять!?
-Ну, ладно, пошли. Досмотрю в следующий раз.
Довольно часто перед нами стоит вопрос о том, как создать текст с эффектом металлического блеска, либо с эффектом золотого сияния или серебряного отблеска. Можно конечно воспользоваться готовыми заготовками стилей, но все они выглядит не очень качественно. Для профессиональной качественной разработки давай с вами посмотрим как сделать металлический эффект текста с помощью разных параметров эффектов стилей. Приступим к уроку по фотошоп. Данный урок сможет повторить даже новичок.
Шаг 1
Перед открытием Photoshop, нам нужно будет установить отлично подходящий для нас шрифт Rothenburg Decorative и красивый набор кистей Subtle Grunge Brushes .
Откройте Photoshop и создайте новый документ с размерами 1800 x 1300 px в режиме RGB, 72 DPI и, затем залейте фон темно-серым цветом #1f1f1f.
Шаг 2
Создайте новый слой, назовите его “texture” и с помощью кистей Grunge Brushes нажмите пару раз в центре документа используя белый цвет. Используйте разные кисти из данного набора, старайтесь охватить центр документа, меняйте вид кисти.
Шаг 3
Дважды щелкните по значку слоя texture, чтобы открыть панель Layer Style. В “Blending Options” уменьшите ‘Fill’ до 0, а затем примените эффекты слоя “Drop Shadow” и “Inner Shadow”, используя эти параметры. Это придаст текстуре реалистичное тиснение.
Шаг 4
Щелкните по значку Add Layer Mask (Добавить слой-маску), а затем нажмите Command / Ctrl + (I) для инверсии.
Возьмите большую мягкую кисть с жесткостью (hardness): 0% – размером: 950px и кликните в центре документа. Таким образом, слой texture будет больше показан только в центре, исчезая к краям документа.
Шаг 5
Используйте Type Tool (T) и параметры как на скриншоте, введите слово Labdes или то, что вы хотите. Если вы не видете вкладку ’Character Window’ то перейти в меню Window -> Character.
Шаг 6
Откройте ‘Layer Style’ текстового слоя ‘Labdes’ и примените следующие настройки. Для каждого параметра вы можете увидеть предварительный просмотр эффекта, который только что добавили.
Шаг 7
После того как вы изменили стиль, нажмите кнопку ОК. Теперь выделете слово «Labdes», с помощью Type Tool (T). Выделите все, что рядом с первой заглавной буквой (кроме нее самой), и уменьшите кернинг (kerning) до -5, как на изображении ниже. Напомню что вы можете отобразить Character Window через меню Window -> Character.
Шаг 8
Дублируйте этот слой с Command/Ctrl + (J), щелкните правой кнопкой мыши по значку слоя и выберите Clear Layer Style (Очистить стиль слоя). Таким образом, приведенный ниже текст будет точно соответствует приведенному выше, и теперь мы можем добавить дополнительные эффекты. Отличный способ работать с 2 стилями слоя, это создание надежной основы, как мы сделали в первом текстовом слое, а теперь добавим освещение и отражение на второй, новый слой выше. Таким образом, нам намного проще смешать свет и цвет с текстурой слоя который ниже.
Шаг 9
Если Вы когда-нибудь уже пытались рисовать металл, Вы наверняка знаете, как это непросто. Металл отражает все и искажает отражаемое. Также довольно трудно нарисовать поверхность металла так, чтобы цвета были естественными и в то же время придавали объём.
Сегодня мы научимся рисовать настоящий металл, объемный и детализированный. Как только Вы освоите эту технику, Вы сможете применять её при рисовании других отражающих поверхностей.
Давайте начнем!
Конечный результат
Шаг 1
Большинство уроков по рисованию металла учат нас рисовать металлические шары. Но кто потом рисует в своих работах именно шары? Полная, сложная броня – вот лучший пример! Вы можете следовать этому уроку или рисовать свои собственные идеи – правила, которые мы разберём здесь, абсолютно универсальны.
Давайте представим, что вы нарисовали персонажа и какой-то фон, но не знаете, как рисовать броню. Чтобы упростить весь процесс, Вам нужно использовать обтравочную маску (Ctrl + Alt + G). Границы брони будут считаться границами маски. Все, нарисованное поверх неё, будет принадлежать броне.
Лучшая и самая универсальная кисть для рисования – простая круглая кисть с мягкими краями и низким нажимом. Он позволяет смешивать мазки, и это выглядит очень естественно. Также инструмент имитирует настоящую кисть, так как чем сильнее давление, чем насыщеннее становится цвет.
Шаг 2
Каждая поверхность (не только металлическая) отражает свет, поэтому очень важно сначала определить источник света и подумать, где будут располагаться тени от него. В моей работе слева горит огонь, который отражается от какого-то невидимого нам предмета справа, имеющего фиолетовый цвет. Так как огонь имеет оттенок оранжево-жёлтый, базовым цветом для брони я выбрал жёлтый низкой насыщенности (для большинства глаз он покажется серым). Для теней я использую еще менее насыщенные и более тёмные оттенки того же жёлтого цвета. Порисуйте ими между слоями с базовым цветом и самим наброском.
Добавьте немного света там, где свет проникает лучше всего. Чтобы найти верный оттенок, измените слегка яркость базового цвета.
Теперь добавьте больше теней. Помните: тело и соответственно доспехи на нём - не плоские, у них есть свои грани. Когда свет падает на одну грань, делая её яркой, на другой грани должна быть тень!
Это тот самый редкий момент, когда Вы можете использовать чёрный цвет. Затемните им теневые части брони, но даже не пытайтесь брать чёрный в световых участках!
Шаг 3
Давайте вспомним о законе контраста в цветоведении. Так как наш базовый цвет – желтовато-серый, мы должны найти ему контрастный цвет. Для начала скопируйте код базового цвета.
Перейдите на Color Scheme Designer и вставьте в поле код нашего цвета, как показано на скриншоте ниже.
Теперь перейдите во вкладку Дополнительные цвета (Complement), чтобы узнать, какой цвет составляет пару с нашим базовым. Вы можете запомнить полученный код или импортировать его в Фотошоп-образцы.
Выберите опцию Загрузить образцы (Load Swatches), чтобы увидеть дополнительный цвет. Нам также понадобятся его более тёмные оттенки.
Шаг 4
Так как теперь у нас есть новый тёмный оттенок (он не чёрный!), мы можем подчеркнуть линии эскиза. Создайте новый слой над слоем с эскизом и проведите линии снова. После этого удалите или скройте слой с эскизом.
Теперь нарисуйте тени тем же тёмным цветом. Если Вы спросите, зачем мы рисуем там, где уже рисовали, вот ответ: низкий параметр Нажим (Flow) позволяет прекрасно смешивать цвета.
Вот как выглядит теперь наша работа.
Шаг 5
Пришло время определить точнее все формы. Чёрным цветом прорисуйте линии между формами.
Чёрные линии дают ощущение ненастоящего объема. Чтобы это исправить, нужно добавить контраст между двумя формами, которые линия разделяет. Подумайте над тем, куда свет точно не попадает, и прорисуйте эти области чёрным. Не заходите за чёрные линии!
Соедините тёмные области и чёрные линии вместе, чтобы линии стали почти незаметными.
Шаг 6
Выберите цвет с какой-либо светлой части и мягкой кистью, предварительно понизив Жёсткость (Hardness) до 0%, закройте все видимые элементы. Одно правило: не продвигайтесь слишком близко к чёрным линиям! Цвет должен лечь именно посередине каждого элемента, чтобы появился объём.
Измените параметр Жёсткость (Hardness) до 100% и выберите режим Осветление (Screen). Благодаря этому режиму мазки Вашей кисти будут светлее. Тем же цветом, что и раньше, нарисуйте световые грани около чёрных линий и немного бликов.
В данной стадии это последний эффект. Обратите внимание, как хорошо работает использование чёрного цвета и почти белого для получения объёма.
Шаг 7
Как мы уже говорили, металл отражает всё вокруг, включая цвет. Определяйте цвета, которые ближе всего располагаются к каждой части брони, и слегка порисуйте ими на металле. Помните: не пересекайте линий, но тёмным областям можно придавать другой оттенок.
Пользуйтесь тёмным вариантом нашего дополнительного к жёлтому цветуи нарисуйте тени, как показано на скриншоте. Они будут имитировать отражение на металле разных форм. Рисуйте их быстро, сейчас не время для абсолютной точности.
Вновь активируйте режим Осветление (Screen), используйте светлые отражаемые цвета, оранжевый и фиолетовый, и немного закройте тёмные участки, которые только что нарисовали. Это действие может показаться Вам бессмысленным, но на самом деле оно дает очень интересный эффект. Наша цель здесь – закрыть тёмные участки, не убирая их совсем.
Сейчас нужно вновь поработать творчески. Посмотрите, какие формы получились, когда мы добавляли и добавляли слои. Вы увидите повторяющиеся линии в отражениях металла. Их нужно подчеркнуть еще больше! Вы можете брать цвета с участков кожи или волос, если металлическая деталь располагается близко к ним.
Вот как теперь выглядит наша работа:
Шаг 8
Важный элемент каждой брони – это кольчуга. Как Вы, возможно, уже знаете, она состоит из маленьких звеньев, скреплённых между собой. Да, это тоже металлические части, и они тоже будут отражать окружающее. Рисовать каждое звено по отдельности будет слишком трудоёмкой работой, поэтому мы просто создадим специальную кисть для кольчуги. Создайте новый документ и нарисуйте одно маленькое чёрное звено. Параметры Непрозрачность (Opacity) и Нажим (Flow) должны быть на 100%, чтобы Вы могли избежать полупрозрачных пятен. Затем перейдите во вкладку Редактирование > Определить кисть (Edit > Define Brush Preset).
Ваша новая кисть появится в списке, но у неё установлены параметры по умолчанию. Выберите вкладку Форма отпечатка кисти (Brush Tip Shape) и подвигайте ползунок Интервалы (Spacing) до тех пор, пока не станут видны отдельные элементы. Они должны слегка перекрывать друг друга.
Создайте новый слой и примените к нему стиль Тиснение (
",this,event,"320px");">Layer Style - Bevel and Emboss). Для параметра Подсветка (Highlight) возьмите яркий жёлто-серый цвет с нашего костюма.Стиль - Внутренний скос, Метод - Плавное, Режим осветления - Осветление, Режим тени - Умножение.
Теперь нарисуйте кольчугу на слое, к которому применены эти стили. Я советую рисовать каждую цепочку на отдельном слое, копируя для каждого слоя стиль, чтобы цвета цепочек не перемешивались друг с другом. Чтобы избежать беспорядка, выделите все эти слои в отдельную группу (Ctrl + G).
Теперь объедините все слои группы в один и добавьте маску (
",this,event,"320px");">Layer Mask). Теперь на Вы можете использовать три цвета, чтобы вписать кольчугу в общий тон работы: чёрный – чтобы сделать её невидимой, белый – чтобы сделать видимой, серый – чтобы сделать её полупрозрачной. Пользуйтесь чёрным цветом с разными значениями параметра Нажим (Flow) для получения разных оттенков серого.
Прорисуйте поверхность под кольчугой, чтобы придать ей правильную форму.
Теперь Вы знаете, как легко нарисовать кольчугу. Добавьте ее и в другие места, туда, где нужно подчеркнуть гибкость костюма. На этой стадии я также прорабатывал другие части костюма, чтобы с каждым шагом он становился сложнее и интереснее.
Шаг 9
Наш костюм почти готов, но нужно его слегка отшлифовать. Кистью чёрного цвета нарисуйте острые отражения. Они прекрасно выглядят рядом со световыми частями.
Вот эффект, которого мы должны добиться:
Объедините все слои брони в один. Если Вам все ещё нужна будет обтравочная маска, сделайте копию полученного слоя и присоедините к ней маску. Кистью с режимом Осветление (Screen) нарисуйте мощные световые части, взяв цвет для этого справа. Света эти должны быть резкими, и Вы не должны использовать их часто, так как они подделывают отраженный свет, а не прямой.
Вот наш результат на данном этапе:
Нарисуем более цветной и прямой свет. Возьмите цвет слева и нарисуйте его отражения на костюме с помощью режима кисти Осветление основы (Color Dodge).
Перейдите обратно в режим Нормальный (Normal) и нарисуйте отражённые световые пятна. Они должны быть мягкими, очень светлыми, но не светлее, чем сторона, отражающая свет.
Проработайте так же те элементы, которые мы закрыли недавно тусклым цветом в режиме Осветление (Screen). Мы почти закончили!