Если Вы когда-нибудь уже пытались рисовать металл, Вы наверняка знаете, как это непросто. Металл отражает все и искажает отражаемое. Также довольно трудно нарисовать поверхность металла так, чтобы цвета были естественными и в то же время придавали объём.
Сегодня мы научимся рисовать настоящий металл, объемный и детализированный. Как только Вы освоите эту технику, Вы сможете применять её при рисовании других отражающих поверхностей.
Давайте начнем!
Давайте представим, что вы нарисовали персонажа и какой-то фон, но не знаете, как рисовать броню. Чтобы упростить весь процесс, Вам нужно использовать обтравочную маску (Ctrl + Alt + G). Границы брони будут считаться границами маски. Все, нарисованное поверх неё, будет принадлежать броне.
Лучшая и самая универсальная кисть для рисования – простая круглая кисть с мягкими краями и низким нажимом. Он позволяет смешивать мазки, и это выглядит очень естественно. Также инструмент имитирует настоящую кисть, так как чем сильнее давление, чем насыщеннее становится цвет.
Добавьте немного света там, где свет проникает лучше всего. Чтобы найти верный оттенок, измените слегка яркость базового цвета.
Теперь добавьте больше теней. Помните: тело и соответственно доспехи на нём - не плоские, у них есть свои грани. Когда свет падает на одну грань, делая её яркой, на другой грани должна быть тень!
Это тот самый редкий момент, когда Вы можете использовать чёрный цвет. Затемните им теневые части брони, но даже не пытайтесь брать чёрный в световых участках!
Перейдите на Color Scheme Designer и вставьте в поле код нашего цвета, как показано на скриншоте ниже.
Теперь перейдите во вкладку Дополнительные цвета (Complement), чтобы узнать, какой цвет составляет пару с нашим базовым. Вы можете запомнить полученный код или импортировать его в Фотошоп-образцы.
Выберите опцию Загрузить образцы (Load Swatches), чтобы увидеть дополнительный цвет. Нам также понадобятся его более тёмные оттенки.
Теперь нарисуйте тени тем же тёмным цветом. Если Вы спросите, зачем мы рисуем там, где уже рисовали, вот ответ: низкий параметр Нажим (Flow) позволяет прекрасно смешивать цвета.
Вот как выглядит теперь наша работа.
Чёрные линии дают ощущение ненастоящего объема. Чтобы это исправить, нужно добавить контраст между двумя формами, которые линия разделяет. Подумайте над тем, куда свет точно не попадает, и прорисуйте эти области чёрным. Не заходите за чёрные линии!
Соедините тёмные области и чёрные линии вместе, чтобы линии стали почти незаметными.
Измените параметр Жёсткость (Hardness) до 100% и выберите режим Осветление (Screen). Благодаря этому режиму мазки Вашей кисти будут светлее. Тем же цветом, что и раньше, нарисуйте световые грани около чёрных линий и немного бликов.
В данной стадии это последний эффект. Обратите внимание, как хорошо работает использование чёрного цвета и почти белого для получения объёма.
Пользуйтесь тёмным вариантом нашего дополнительного к жёлтому цветуи нарисуйте тени, как показано на скриншоте. Они будут имитировать отражение на металле разных форм. Рисуйте их быстро, сейчас не время для абсолютной точности.
Вновь активируйте режим Осветление (Screen), используйте светлые отражаемые цвета, оранжевый и фиолетовый, и немного закройте тёмные участки, которые только что нарисовали. Это действие может показаться Вам бессмысленным, но на самом деле оно дает очень интересный эффект. Наша цель здесь – закрыть тёмные участки, не убирая их совсем.
Сейчас нужно вновь поработать творчески. Посмотрите, какие формы получились, когда мы добавляли и добавляли слои. Вы увидите повторяющиеся линии в отражениях металла. Их нужно подчеркнуть еще больше! Вы можете брать цвета с участков кожи или волос, если металлическая деталь располагается близко к ним.
Вот как теперь выглядит наша работа:
Ваша новая кисть появится в списке, но у неё установлены параметры по умолчанию. Выберите вкладку Форма отпечатка кисти (Brush Tip Shape) и подвигайте ползунок Интервалы (Spacing) до тех пор, пока не станут видны отдельные элементы. Они должны слегка перекрывать друг друга.
Создайте новый слой и примените к нему стиль Тиснение (
",this,event,"320px");">Layer Style - Bevel and Emboss). Для параметра Подсветка (Highlight) возьмите яркий жёлто-серый цвет с нашего костюма.Стиль - Внутренний скос, Метод - Плавное, Режим осветления - Осветление, Режим тени - Умножение.
Теперь нарисуйте кольчугу на слое, к которому применены эти стили. Я советую рисовать каждую цепочку на отдельном слое, копируя для каждого слоя стиль, чтобы цвета цепочек не перемешивались друг с другом. Чтобы избежать беспорядка, выделите все эти слои в отдельную группу (Ctrl + G).
Теперь объедините все слои группы в один и добавьте маску (
",this,event,"320px");">Layer Mask). Теперь на Вы можете использовать три цвета, чтобы вписать кольчугу в общий тон работы: чёрный – чтобы сделать её невидимой, белый – чтобы сделать видимой, серый – чтобы сделать её полупрозрачной. Пользуйтесь чёрным цветом с разными значениями параметра Нажим (Flow) для получения разных оттенков серого.
Прорисуйте поверхность под кольчугой, чтобы придать ей правильную форму.
Теперь Вы знаете, как легко нарисовать кольчугу. Добавьте ее и в другие места, туда, где нужно подчеркнуть гибкость костюма. На этой стадии я также прорабатывал другие части костюма, чтобы с каждым шагом он становился сложнее и интереснее.
Вот эффект, которого мы должны добиться:
Объедините все слои брони в один. Если Вам все ещё нужна будет обтравочная маска, сделайте копию полученного слоя и присоедините к ней маску. Кистью с режимом Осветление (Screen) нарисуйте мощные световые части, взяв цвет для этого справа. Света эти должны быть резкими, и Вы не должны использовать их часто, так как они подделывают отраженный свет, а не прямой.
Вот наш результат на данном этапе:
Нарисуем более цветной и прямой свет. Возьмите цвет слева и нарисуйте его отражения на костюме с помощью режима кисти Осветление основы (Color Dodge).
Перейдите обратно в режим Нормальный (Normal) и нарисуйте отражённые световые пятна. Они должны быть мягкими, очень светлыми, но не светлее, чем сторона, отражающая свет.
Проработайте так же те элементы, которые мы закрыли недавно тусклым цветом в режиме Осветление (Screen). Мы почти закончили!
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
В этом уроке мы будем создавать металлический текстовый эффект, одновременно записывая для него экшен. По окончании урока, Вы сможете воспроизвести этот эффект, всего лишь нажав на кнопку Play в палитре Операции.
Финальное изображение:
Создайте новый документ (Файл - Новый) (File > New) (Ctr + N ) размером 600х300 пикселей с разрешением 72 pixels/inch.
Инструментом Текст (Horizontal Type Tool) (T ) и напишите текст «Design Instruct». В моем случае, был использован шрифт Franklin Gothic Heavy, но Вы можете выбрать другой. Главное, чтобы начертание шрифта было жирное.
Прежде, чем продолжить, нужно создать новый экшен, который будет записывать все наши действия в этом уроке. Откройте палитру Операции (Window > Actions) (Alt + F9 ), кликните оп иконке папки в нижней части палитры (Create new set) и назовите эту группу «Metal Text». Теперь кликните по иконке создания нового экшена (Create new action):
После того, как создан новый экшен, запись должна начаться автоматически (Вы увидите красный кружок в нижней части палитры Операции, который говорит о том, что запись началась).
Перейдите в меню (Select > Load Selection) и затем создайте новый слой (Shift + Ctrl + N ). Залейте новый слой белым цветом (#FFFFFF) и сделайте невидимым оригинальный текстовый слой.
Дублируйте новый текст (Слой - Создать дубликат слоя) (Layer > Duplicate Layer) и переместите его под верхний текстовый слой.
Нам нужно создать два источника света, и этот слой с текстом будет содержать первый источник света. Добавьте стиль слоя Тень (Слой - Стили слоя - Тень) (Layer > Layer Style > Drop Shadow). Установите настройки, как на скриншоте и выключите флажок Использовать глобальное освещение (Use Global Light). Этот параметр устанавливает тень и тиснение под одним углом, а нам нужно два разных источника.
Примечание: оба источника света должны находиться над оригинальным текстовым слоем.
К верхнему слою с текстом примените стиль слоя Тень (Слой - Стили слоя - Тень) (Layer > Layer Style > Drop Shadow):
Теперь добавим тиснение, которое поможет создать металлический эффект Слой - Стили слоя - Тиснение (Layer > Layer Style > Bevel and Emboss).
Теперь добавим стиль слоя Глянец (Слой - Стили слоя - Глянец) (Layer > Layer Style > Satin):
Последний стиль слоя, Наложение градиента , затемнит текст и поможет добавить световое отражение (Слой - Стили слоя - Наложение градиента) (Layer > Layer Style > Gradient Overlay).
Нам нужно добавить тексту металлическую текстуру. При активном верхнем слое войдите в меню Загрузить выделенную область (Выделение - Загрузить выделенную область) (Select > Load Selection).
Создайте новый слой (Слой - Новый - Слой) (Layer > New Layer) (Shift + Ctrl + N ) и залейте выделение белым цветом. Теперь к нему примените фильтр Шум (Фильтр - Шум - Добавить шум) (Filter > Noise > Add Noise).
Снимите выделение (Выделение - Отменить выделение) (Select > Deselect) (Ctrl + D ) и примените фильтр Размытие в движении (Фильтр - размытие - Размытие в движении) (Filter > Blur > Motion Blur).
Выделите первый слой с текстом и загрузите выделение область Выделение - Загрузить выделенную область (Select > Load Selection). Теперь инвертируйте выделение (Выделение - Инверсия) (Select > Inverse) (Shift + Ctrl + I ). Удалите выделенную область. Это позволит избавиться от шума, который находился за пределами текста. Измените режим наложения на Умножение (Multiply).
Экшен готов. Нажмите кнопку stop в нижней части палитры Операции.
Откройте текстуру стены, перенесите ее в изображение и поместите ниже всех слоев.
На текст добавим текстуру. Откройте изображение старой фотопленки и перенесите ее в наш документ. Поместите текстуру старой фотопленки над всеми слоями и уменьшите до 30% (Редактирование - Свободное трансформирование ) (Edit > Free Transform) (Ctrl + T ), чтобы подогнать под размер документа. Измените режим наложения текстуры фотопленки на Перекрытие (Overlay).
Теперь добавим теплый цветовой оттенок изображению. Сделаем это через корректирующий слой Карта градиента (Слой - Новый корректирующий слой - Карта градиента) (Layer > New Adjustment Layer > Gradient Map). Создайте градиент от желтого к пурпурному и включите флажок Инверсия (reverse). Измените режим наложения этого корректирующего слоя на Перекрытие (Overlay) и уменьшите непрозрачность до 30%.
Теперь затемним края изображения. Инструментом Прямоугольная область выделения (Rectangular Marquee Tool) (M ) нарисуйте выделение и растушуйте его на 50 пикселей (Shift + F6 ). Создайте новый слой (Слой - Новый слой) (Layer > New Layer) (Shift + Ctrl + N ). Инвертируйте выделение (Выделение - Инверсия ) (Select > Inverse) (Shift + Ctrl + I ) и залейте выделение на новом слое черным цветом. Измените режим наложения этого слоя на Затемнение основы (Color Burn).
При помощи инструмента Кисть (Brush Tool) (B ) добавим тексту свечение. Установите размер кисти 20 пикселей и жесткость 0%. Создайте новый слой (Shift + Ctr + N ) и поместите его под слой с текстурой фотопленки. Выберите белый цвет (#FFFFFF) и поставьте световые точки на краях букв. Измените режим наложения этого слоя на Мягкий свет (Soft Light).
Объедините изображение (Слой - выполнить сведение ) (Layer > Flatten Image). Дублируйте полученный слой (Слой - Создать дубликат) (Layer > Duplicate Layer). К дубликату примените фильтр Цветовой контраст , чтобы немного усилить резкость (Фильтр - Другие - Цветовой контраст) (Filter > Other > High Pass). Установите радиус в 10 пикселей. Измените режим наложения этого слоя на Затемнение основы (Color Burn) и уменьшите непрозрачность до 30%. Теперь объедините оба существующих слоя в один.
Выберите инструмент b (Quick Mask Mode) (Q ) :
Инструментом Градиент (Gradient Tool) (G ) радиального типа нарисуйте круг в центре документа.
Выйдите из режима Быстрой маски (Q ) и инвертируйте выделение (Выделение - Инверсия ) (Select > Inverse) (Shift + Ctrl + I ).
В финале, добавим фильтр Размытие при малой глубине резкости (Фильтр - Размытие - Размытие при малой глубине резкости) (Filter > Blur > Lens Blur):
Сегодня мы будем делать металл в фотошоп
. Далее его можно будет использовать как фон или основу для букв, рамочек и разного рода клипартов.
Создаем документ. Я в основном пользуюсь форматом А4, так как результат получается в хорошем качестве. При необходимости формат всегда можно уменьшить, а вот увеличить его без потери качества будет проблематично.
После того, как документ создан, зальем его градиентом. Выбираем инструмент Gradient
и используем цвета:
1
#434037
2
#575447
3
#8a8374
Теперь заливаем фон снизу вверх, или сверху вниз, это уже как Вам больше нравится, и переходим к следующей части работы.
Теперь нам нужно добавить новый слой: Layer / New / Layer…
Заливаем его белым цветом.
Далее добавляем к новому слою шум: Filter / Noise / Add Noise…
Выставляем значение Amount – 200%
Выбираем Gaussian
и ставим галочку на Monochromatic
Добавляем фильтр – размытие в движении. Filter / Blur / Motion Blur… Значение Angle - 90%, Distance - 204px
Обратите внимание, что по краям полосы будут более четкими, чем в средней части, по - этому нам нужно их убрать. Я просто вытягиваю этот слой. Для того, чтобы появилась сетка для деформации, поставьте галочку возле Show Transform Controls
, на верхней панели.
Осталось изменить в этом слое Blend Mode на Overlay и все готово. Можно для удобства слить слои, нажав Ctrl + Shift+ E Мы получили эффект металл . Его можно использовать как фон или заготовку для дальнейшей работы.
И, как я люблю делать, небольшой ролик, который поможет новичкам более ясно понять весь процесс.
Довольно часто перед нами стоит вопрос о том, как создать текст с эффектом металлического блеска, либо с эффектом золотого сияния или серебряного отблеска. Можно конечно воспользоваться готовыми заготовками стилей, но все они выглядит не очень качественно. Для профессиональной качественной разработки давай с вами посмотрим как сделать металлический эффект текста с помощью разных параметров эффектов стилей. Приступим к уроку по фотошоп. Данный урок сможет повторить даже новичок.
Перед открытием Photoshop, нам нужно будет установить отлично подходящий для нас шрифт Rothenburg Decorative и красивый набор кистей Subtle Grunge Brushes .
Откройте Photoshop и создайте новый документ с размерами 1800 x 1300 px в режиме RGB, 72 DPI и, затем залейте фон темно-серым цветом #1f1f1f.
Создайте новый слой, назовите его “texture” и с помощью кистей Grunge Brushes нажмите пару раз в центре документа используя белый цвет. Используйте разные кисти из данного набора, старайтесь охватить центр документа, меняйте вид кисти.
Дважды щелкните по значку слоя texture, чтобы открыть панель Layer Style. В “Blending Options” уменьшите ‘Fill’ до 0, а затем примените эффекты слоя “Drop Shadow” и “Inner Shadow”, используя эти параметры. Это придаст текстуре реалистичное тиснение.
Щелкните по значку Add Layer Mask (Добавить слой-маску), а затем нажмите Command / Ctrl + (I) для инверсии.
Возьмите большую мягкую кисть с жесткостью (hardness): 0% – размером: 950px и кликните в центре документа. Таким образом, слой texture будет больше показан только в центре, исчезая к краям документа.
Используйте Type Tool (T) и параметры как на скриншоте, введите слово Labdes или то, что вы хотите. Если вы не видете вкладку ’Character Window’ то перейти в меню Window -> Character.
Откройте ‘Layer Style’ текстового слоя ‘Labdes’ и примените следующие настройки. Для каждого параметра вы можете увидеть предварительный просмотр эффекта, который только что добавили.
После того как вы изменили стиль, нажмите кнопку ОК. Теперь выделете слово «Labdes», с помощью Type Tool (T). Выделите все, что рядом с первой заглавной буквой (кроме нее самой), и уменьшите кернинг (kerning) до -5, как на изображении ниже. Напомню что вы можете отобразить Character Window через меню Window -> Character.
Дублируйте этот слой с Command/Ctrl + (J), щелкните правой кнопкой мыши по значку слоя и выберите Clear Layer Style (Очистить стиль слоя). Таким образом, приведенный ниже текст будет точно соответствует приведенному выше, и теперь мы можем добавить дополнительные эффекты. Отличный способ работать с 2 стилями слоя, это создание надежной основы, как мы сделали в первом текстовом слое, а теперь добавим освещение и отражение на второй, новый слой выше. Таким образом, нам намного проще смешать свет и цвет с текстурой слоя который ниже.
Сегодняшний урок будет не о свечениях, искрах, молниях и прочих фантастических вещах, а напротив - весьма приземленном материале. В этом уроке я вам покажу, как всего за несколько простых шагов создать блестящий алюминиевый элемент, отдаленно напоминающий некоторую продукцию Apple.
Для начала создайте новый документ. Так как я хотел бы использовать работу в качестве обоев, я задавал размеры документа равными 1440?900px. Разблокируйте фоновый слой (кликните по замочку напротив иконки со слоем на палитре Layers) и примените к нему стиль Gradient Overlay. Режим наложения используйте Multiply, стиль градиента задайте равным Radial, а цвета: от #F2F2F2 к #C3C3C3 .
Создайте новый слой и назовите его “noise”. Затем переключитесь на Paint Bucket Tool (G) и залейте слой белым цветом, переключив затем его режим наложения в Multiply. Теперь убедитесь в том, что фоновый цвет у вас задан черным и выполните Filter > Noise > Add Noise. Из настроек задайте режимы Monochromatic и Uniform, а процентовку задайте на уровне 8-10%.
При помощи Ellipse Tool (U) создайте шесть очень маленьких кружочков. Затем выделите их и выровняйте по горизонтали. После этого кликните по кнопке Distribute Vertical Centers в верхней панели меню. Так кружки расположатся равномерно на одинаковом расстоянии друг от друга.
Убедитесь в том, что у вас включены линейки. Если нет, выполните View > Rulers. Затем вынесите несколько направляющих, как это сделал я (см. иллюстрацию) и передвиньте три из шести кружков, как показано ниже.
Дублируйте три кружка из первой колонки и передвиньте их так, как показано ниже на рисунке.
Теперь выделите все кружки и преобразуйте их в Smart Objects. Затем выполните двойной щелчок по слою для вызова меню стилей. Сначала примените стиль Color Overlay с темным серым цветом, или даже черным. После этого задайте кружкам стиль с внутренней тенью (Inner Shadow).
Теперь спрячьте слои с фоном и зашумлением. При помощи инструмента Rectangular Marquee Tool (M) выберите четыре кружка, но также захватите и интервал с двух сторон (для этого они и создавались в три ряда). Затем откройте Edit > Define Pattern. Назовите создаваемый шаблон “holes”.
Теперь при помощи Rectangular Tool (U) создайте прямоугольник по левому краю холста. Давайте зададим ему стиль. Для начала сведите Fill Opacity этого слоя в 0%. Затем примените заливку шаблоном (стиль Pattern Overlay) с тем шаблоном, который вы только что создали из кружков. Затем просто скопируйте прямоугольник и поместите дубль с другой стороны холста.
Поместите свой логотип или любой другой символ, который вам нравится в центр документа. Вызовите меню стилей для этого слоя и задайте ему стиль Gradient Overlay. Параметр Style задайте равным Reflected, а цвета выберите белый и черный. После этого добавьте еще один стиль - Bevel and Emboss и просто скопируйте настройки с рисунка ниже.
Затем создайте еще один слой поверх слоя с логотипом и назовите его “noise logo”. Залейте слой белым цветом и смените режим его наложения на Multiply. При помощи Rectangular Marquee Tool создайте выделение как показано ниже. После этого выполните Filter > Pixelate > Mezzotint, а затем Filter > Blur > Radial Blur. И в конце смените Opacity слоя на 50%.
Загрузите выделение по логотипу (просто кликните по пиктограмме этого слоя на палитре Layers, удерживая при этом Ctrl). Затем убедитесь в том, что у вас выбран слой “noise logo” и выполните Layer > Layer Mask > Reveal Selection.
При помощи Pen Tool (P) создайте фигуру, как показано на рисунке ниже. Преобразуйте ее в Smart Object и откройте Filter > Blur > Redial Blur. Для параметра Method выберите тип Zoom и кликните Ok. Затем выполните эту же размывку (Filter > Blur > Radial Blur) еще раз, но теперь используйте тип Spin.
Повторите 11 шаг, но на этот раз примените маску к слою с лучами.
Создайте новый слой и назовите его “white brush”. Загрузите выделение по логотипу еще раз, как мы уже делали в шагах 11 и 14. Переключитесь на Brush Tool (B) с кистью диаметром в 35px и выберите для нее белый цвет. Затем с ее помощью нанесите несколько бликов на указанные ниже области.
Что ж. За несколько несложных шагов мы добились весьма впечатляющего эффекта. При помощи этой техники можно качественным образом стилизовать ваши веб-проекты, либо другие графические проекты, требующие работы с интерфейсом. Кроме того, во время работы можно было создать немалое количество различных шаблонов для отверстий самых разных форм и размеров, которые можно также использовать в своих дальнейших проектах. Я надеюсь, вы остались довольны сегодняшним уроком, удачи!
Переведено с сайта psd.tutsplus.com , автор перевода указан в начале урока.
