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

Теперь выйдите из диалога эффектов слоя и полюбуйтесь тем, что вы натворили. Конечно, это отличная идея — добавить тень и красивый фон, но эти вещи я оставляю на ваше усмотрение 😉

What You"ll Be Creating

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

Что Вам понадобится

• Твёрдо-мягкий карандаш (HB)
• Мягкий карандаш (2B)
• Мягкий карандаш (4B)
• Мягкий карандаш (8B)
• Растушевка, для рисующих карандашом
• Линейка
• Точилка для карандашей
• Ластик (предпочтительно ластик-клячка)

Перед началом рисования, взгляните на готовые изображения металла, чтобы получить представление о том, что Вы пытаетесь достичь:

1. Как нарисовать блестящий металл

Шаг 1

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

Начните с рисования верхней части: нарисуйте 2 эллипса и соедините их между собой прямыми линиями. При необходимости используйте твёрдо-мягкий карандаш (HB) и линейку. Рисуйте чуть нажимая на карандаш, делая линии едва заметными.

Шаг 2

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

Шаг 3

Соедините эллипсы между собой линиями, создавая контур кубка.

Шаг 4

Шаг 5

Нарисуйте линии вдоль кубка,чтобы лучше увидеть перспективу. Очень важно представить кубок как объемный 3D объект!

Шаг 6

Возьмите ластик и осторожно сотрите лишние линии.

Шаг 7

Детализируйте изображение, сделайте его больше похожим на настоящий объект - опять же, это даст металлической структуре больше блеску.

Шаг 8

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

Шаг 9

Возьмите растушевку и тщательно растушуйте тень, так она чтобы она стала однородной.

Шаг 10

Посмотрите на Ваш объект, представьте, что он стоит перед Вами, определите в какой части находится источник света. Затем затемните те части, которые не освещены. Используйте растушевку по мере необходимости.

Шаг 11

Самое главное в металле - блеск и он создается контрастом. Аккуратно затемняйте одну сторону кубка для создания эффекта света на другой части кубка.

Шаг 12

Также затемните другую сторону, но в этот раз не создавайте четкую границу света и тени. Вместо этого, создайте мягкий переход.

Шаг 13

Основное затемнение уже позади, и сейчас необходимо усилить контраст. Возьмите мягкий карандаш (2В) , наклоните его и затемните внутреннюю часть кубка еще больше. Используйте растушевку по необходимости.

Шаг 14

Используйте тот же самый карандаш на самом краю кубка. Сделайте четкий край, затем сделайте плавный переход к основной части кубка.

Шаг 15

Сделайте то же самой с другой стороной.

Шаг 16

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

Шаг 17

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

Шаг 18

Возьмите мягкий карандаш (4В) и затемните стороны внутренней части кубка, чтобы придать ему объемный вид.

Шаг 19

Возьмите мягкий карандаш (8В) и затемните эту часть еще больше, сливаясь с основной тенью насколько это возможно. Это и будет эталоном самой темной, затемненной тени.

Шаг 20

Металлический обозначает сильный контраст в отражении. Давайте дадим поверхности возможность отразить что-нибудь. Сделайте набросок контура черной полоски на другой стороне.

И заполните эту часть очень мягким карандашом (8В ).

Шаг 21

Уже начинает сиять! Давайте просто добавим небольшие детали. Внутренняя часть кубка такая же сияющая как и внешняя, и она сама себя отражает. Используйте этот факт для создания интересного эффекта. Вам не нужно быть на 100 % аккуратным, просто придайте вид словно внутренняя поверхность что -то отражает.

Шаг 22

Так как металл является очень светоотражающим вещество, он также отражает.... себя. Поэтому нам необходимы все эти выпуклости- она поглощают свет с поверхности и отражают его с помощью тени.

Шаг 23

Используй все карандаши, чтобы выравнять контраст всего кубка.

2. Как нарисовать старый, исцарапанный, ржавый металл

Шаг 1

Блестящий металл красив, но блестящий меч выглядит так, как будто его не использовали в деле! Давайте посмотрим, как сделать более реальный вид металла на примере боевого топора (алебарды).

Нарисуйте основу лезвия- эта часть присоединяется к ручке. Нарисуйте одну сторону, затем другую и соедините их линиями. Используйте твердо-мягкий карандаш (НВ) и линейку.

Шаг 2

Удлините основную часть, создавая место для лезвия и острия на задней части.

Шаг 3

Нарисуйте лезвие и острие.

Шаг 4

Добавьте деталей основной части. Они нам скоро понадобятся.

Шаг 5

Возьмите резинку и очистите рисунок от лишних штрихов.

Шаг 6

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

Шаг 7

Наклоните карандаш и затемните весь объект, оставляя белой только выделенную часть.

Шаг 8

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

Шаг 9

Возьмите мягкий карандаш (2В) и добавьте тени основной части для придания объемной формы.

Шаг 10

Затемните еще немного лезвие, но не заходите на линию света.

Шаг 11

Выравняйте контраст в основной части, делая ее равномерно темной.

Шаг 12

Возьмите снова твердо-мягкий карандаш (НВ) (убедитесь в том, что он хорошо заточен) и нарисуйте карандашом царапины границе с освещенной частью. Придайте царапинам разное направление- эти царапины возникают в результате чистки и заточки.

Шаг 13

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

Шаг 14

Старые изделия из металла обычно не идеально гладкие- изобразите на них слегка вогнутые пятна.

Шаг 15

Если Вы хотите добавить ржавчину, возьмите мыгкие карандаши 4В и 8В и нарисуйте следы от ржавчины неправильной формы.

Блестящий! Красивый!

Сегодня Вы узнали как нарисовать реалистичную металлическую структуру, как новую и сияющюю, так и старую и исцарапанную. Мы надеемся, что Вам понравятся другие уроки из этой серии:

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

1 Шаг

Для начала создайте новый документ. Так как я хотел бы использовать работу в качестве обоев, я задавал размеры документа равными 1440?900px. Разблокируйте фоновый слой (кликните по замочку напротив иконки со слоем на палитре Layers) и примените к нему стиль Gradient Overlay. Режим наложения используйте Multiply, стиль градиента задайте равным Radial, а цвета: от #F2F2F2 к #C3C3C3 .

2 Шаг

Создайте новый слой и назовите его “noise”. Затем переключитесь на Paint Bucket Tool (G) и залейте слой белым цветом, переключив затем его режим наложения в Multiply. Теперь убедитесь в том, что фоновый цвет у вас задан черным и выполните Filter > Noise > Add Noise. Из настроек задайте режимы Monochromatic и Uniform, а процентовку задайте на уровне 8-10%.

3 Шаг

При помощи Ellipse Tool (U) создайте шесть очень маленьких кружочков. Затем выделите их и выровняйте по горизонтали. После этого кликните по кнопке Distribute Vertical Centers в верхней панели меню. Так кружки расположатся равномерно на одинаковом расстоянии друг от друга.

4 Шаг

Убедитесь в том, что у вас включены линейки. Если нет, выполните View > Rulers. Затем вынесите несколько направляющих, как это сделал я (см. иллюстрацию) и передвиньте три из шести кружков, как показано ниже.

5 Шаг

Дублируйте три кружка из первой колонки и передвиньте их так, как показано ниже на рисунке.

6 Шаг

Теперь выделите все кружки и преобразуйте их в Smart Objects. Затем выполните двойной щелчок по слою для вызова меню стилей. Сначала примените стиль Color Overlay с темным серым цветом, или даже черным. После этого задайте кружкам стиль с внутренней тенью (Inner Shadow).

7 Шаг

Теперь спрячьте слои с фоном и зашумлением. При помощи инструмента Rectangular Marquee Tool (M) выберите четыре кружка, но также захватите и интервал с двух сторон (для этого они и создавались в три ряда). Затем откройте Edit > Define Pattern. Назовите создаваемый шаблон “holes”.

8 Шаг

Теперь при помощи Rectangular Tool (U) создайте прямоугольник по левому краю холста. Давайте зададим ему стиль. Для начала сведите Fill Opacity этого слоя в 0%. Затем примените заливку шаблоном (стиль Pattern Overlay) с тем шаблоном, который вы только что создали из кружков. Затем просто скопируйте прямоугольник и поместите дубль с другой стороны холста.

9 Шаг

Поместите свой логотип или любой другой символ, который вам нравится в центр документа. Вызовите меню стилей для этого слоя и задайте ему стиль Gradient Overlay. Параметр Style задайте равным Reflected, а цвета выберите белый и черный. После этого добавьте еще один стиль - Bevel and Emboss и просто скопируйте настройки с рисунка ниже.

10 Шаг

Затем создайте еще один слой поверх слоя с логотипом и назовите его “noise logo”. Залейте слой белым цветом и смените режим его наложения на Multiply. При помощи Rectangular Marquee Tool создайте выделение как показано ниже. После этого выполните Filter > Pixelate > Mezzotint, а затем Filter > Blur > Radial Blur. И в конце смените Opacity слоя на 50%.

11 Шаг

Загрузите выделение по логотипу (просто кликните по пиктограмме этого слоя на палитре Layers, удерживая при этом Ctrl). Затем убедитесь в том, что у вас выбран слой “noise logo” и выполните Layer > Layer Mask > Reveal Selection.

12 Шаг

При помощи Pen Tool (P) создайте фигуру, как показано на рисунке ниже. Преобразуйте ее в Smart Object и откройте Filter > Blur > Redial Blur. Для параметра Method выберите тип Zoom и кликните Ok. Затем выполните эту же размывку (Filter > Blur > Radial Blur) еще раз, но теперь используйте тип Spin.

13 Шаг

Повторите 11 шаг, но на этот раз примените маску к слою с лучами.

14 Шаг

Создайте новый слой и назовите его “white brush”. Загрузите выделение по логотипу еще раз, как мы уже делали в шагах 11 и 14. Переключитесь на Brush Tool (B) с кистью диаметром в 35px и выберите для нее белый цвет. Затем с ее помощью нанесите несколько бликов на указанные ниже области.

Заключение

Что ж. За несколько несложных шагов мы добились весьма впечатляющего эффекта. При помощи этой техники можно качественным образом стилизовать ваши веб-проекты, либо другие графические проекты, требующие работы с интерфейсом. Кроме того, во время работы можно было создать немалое количество различных шаблонов для отверстий самых разных форм и размеров, которые можно также использовать в своих дальнейших проектах. Я надеюсь, вы остались довольны сегодняшним уроком, удачи!

Поделитесь уроком

Правовая информация

Переведено с сайта psd.tutsplus.com , автор перевода указан в начале урока.

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

1. Создаем новый документ размером 1000 x 700 pix. с разрешением 72 Dpi. Берем металлическую текстуру , копируем и вставляем в созданный документ. Нажимаем Ctrl+T и трансформируем в соответствии с границами документа.

2. Берем другую металлическую текстуру , открываем в фотошопе, заходим в меню изображение → размер изображения и выставляем настройки как на скриншоте. Далее заходим в меню редактирование → определить узор, вписываем имя, например “сталь” и жмем ок.

3. Создадим в этом же документе новый слой с белой заливкой. Сделаем основной цвет черным, выберем круглую кисть, назначим размер 1 пиксель и жесткость 100%. Нарисуем на белом слое хаотичные царапины. Снова заходим в меню редактирование → определить , вписываем имя “царапины 1″ и жмем ок.

4. Создадим еще один новый слой и повторим шаг 3, с той лишь разницей, что сделаем царапины чаще и добавим немного более жирных (увеличив соответственно кисть). Определим узор под именем “царапины2″.

5. Создадим нужный нам текст, сделав его (каким именно особого значения не имеет). Цвет текста белый. Затем 2 раза кликнем на слой с текстом и в выпавшем окне настроим стили слоя в соответствии со скриншотами ниже.

Должен получиться примерно такой результ:

6. Создаем дубликат слоя с текстом (Ctrl+J) и удаляем у дубликата эффекты – просто перетащив их в корзину панели слоев. Задаем для этого слоя значение заливки 0%. Устанавливаем для этого слоя стили как на скриншоте.

После этих манипуляций вы увидите на буквах царапины:

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

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

Оставляйте пожалуйста комментарии и вопросы! Жмите пожалуйста на кнопки социальных сетей!

Не в тему

Привет! Чем занимаешься?
-Привет. Собираюсь, досмотреть свой сериал и сдохнуть.
-Пошли гулять!?
-Ну, ладно, пошли. Досмотрю в следующий раз.

Gianluca Giacoppo расскажет вам как создать яркий металлический текст, используя всего лишь пару стилей. Давайте начнем!

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

Материалы для урока:

Шаг 1

После запуска Фотошопа скачайте и установите декоративные шрифты и гранжевые кисти (как установить кисти читайте ). После этого создайте новый документ размером 1800 x 1300 пикселей в режиме RGB, 72 DPI и залейте фон с темно-серым цветом # 1f1f1f:

Шаг 2

Создайте новый слой и назовите его «Текстура». Используя белый цвет и скачанные гранжевые текстуры создайте похожий узор как на рисунке ниже:

Шаг 3

Дважды щелкните по иконке слоя «Текстура», чтобы открыть панель Layer Style (Стиль Слоя). Перейдите в раздел «Blending Options» (Параметры наложения).

Уменьшить «Fill» (Непрозрачность Заливки)до 0, а затем включите стили «Drop Shadow» (Тень) и «Inner Shadow»(Внешняя Тень). Настройте параметры стилей, как показано ниже. Это добавит текстуре реалистичный тисненый вид.

Шаг 4

Нажмите на иконку «Add Layer Mask» (Добавить слой-маску), а затем нажмите сочетание клавиш «Ctrl + I» для инверсии.

Возьмите большую мягкую кисть (жесткость: 0% — размер: 950px) и в режиме маски нажмите в центре документа. Таким образом слой текстура’ будет показана только в центре, исчезнет по краям документа:

Шаг 5

Используя «Type» (T) (Текст) напишите слово «Othello» или любое другое. Если окно с настройками текста не отображается, выберите Window> Character. (Окно — Символ)

Шаг 6

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

Шаг 7

После того как вы примените и настроите стили, нажмите на кнопку ОК. Теперь активируйте инструмент «Type (T)» (Текст) и выберите все буквы кроме заглавной и уменьшите «трекинг»до -5, как показано на изображении ниже. Вы можете найти этот параметр в окне «Character» (Символ) Window> Character (Окно — Символ).

Шаг 8

Продублируйте слой с текстом нажав сочетание клавиш «Ctrl + J». Кликните правой кнопкой мыши по иконке слоя и выберите «Clear Layer Style» (Очистить стиль слоя), чтобы очистить стили. Теперь у нас два слоя с одинаковым текстом — один со стилями, а другой без стилей. Благодаря этому мы сможем усилить эффет, применив новые стили к продублированному тексту. Мой любимый способ работать с двумя стилями слоя, это позволяет сделать базовые настройки для первого, а для второго усилить эффект, добавив освещение и отражения.

Шаг 9

Шаг 10

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

Заключение

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