Быстрый способ создания металлического эффекта в Adobe Photoshop. Рисуем металл, урок фотошоп

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

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

Финальное изображение:

Шаг 1

Создайте новый документ (Файл - Новый) (File > New) (Ctr + N ) размером 600х300 пикселей с разрешением 72 pixels/inch.

Инструментом Текст (Horizontal Type Tool) (T ) и напишите текст «Design Instruct». В моем случае, был использован шрифт Franklin Gothic Heavy, но Вы можете выбрать другой. Главное, чтобы начертание шрифта было жирное.

Шаг 2

Прежде, чем продолжить, нужно создать новый экшен, который будет записывать все наши действия в этом уроке. Откройте палитру Операции (Window > Actions) (Alt + F9 ), кликните оп иконке папки в нижней части палитры (Create new set) и назовите эту группу «Metal Text». Теперь кликните по иконке создания нового экшена (Create new action):

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

Шаг 3

Перейдите в меню (Select > Load Selection) и затем создайте новый слой (Shift + Ctrl + N ). Залейте новый слой белым цветом (#FFFFFF) и сделайте невидимым оригинальный текстовый слой.

Дублируйте новый текст (Слой - Создать дубликат слоя) (Layer > Duplicate Layer) и переместите его под верхний текстовый слой.

Нам нужно создать два источника света, и этот слой с текстом будет содержать первый источник света. Добавьте стиль слоя Тень (Слой - Стили слоя - Тень) (Layer > Layer Style > Drop Shadow). Установите настройки, как на скриншоте и выключите флажок Использовать глобальное освещение (Use Global Light). Этот параметр устанавливает тень и тиснение под одним углом, а нам нужно два разных источника.

Примечание: оба источника света должны находиться над оригинальным текстовым слоем.

Шаг 4

К верхнему слою с текстом примените стиль слоя Тень (Слой - Стили слоя - Тень) (Layer > Layer Style > Drop Shadow):

Шаг 5

Теперь добавим тиснение, которое поможет создать металлический эффект Слой - Стили слоя - Тиснение (Layer > Layer Style > Bevel and Emboss).

Шаг 6

Теперь добавим стиль слоя Глянец (Слой - Стили слоя - Глянец) (Layer > Layer Style > Satin):

Шаг 7

Последний стиль слоя, Наложение градиента , затемнит текст и поможет добавить световое отражение (Слой - Стили слоя - Наложение градиента) (Layer > Layer Style > Gradient Overlay).

Шаг 8

Нам нужно добавить тексту металлическую текстуру. При активном верхнем слое войдите в меню Загрузить выделенную область (Выделение - Загрузить выделенную область) (Select > Load Selection).

Создайте новый слой (Слой - Новый - Слой) (Layer > New Layer) (Shift + Ctrl + N ) и залейте выделение белым цветом. Теперь к нему примените фильтр Шум (Фильтр - Шум - Добавить шум) (Filter > Noise > Add Noise).

Шаг 9

Снимите выделение (Выделение - Отменить выделение) (Select > Deselect) (Ctrl + D ) и примените фильтр Размытие в движении (Фильтр - размытие - Размытие в движении) (Filter > Blur > Motion Blur).

Выделите первый слой с текстом и загрузите выделение область Выделение - Загрузить выделенную область (Select > Load Selection). Теперь инвертируйте выделение (Выделение - Инверсия) (Select > Inverse) (Shift + Ctrl + I ). Удалите выделенную область. Это позволит избавиться от шума, который находился за пределами текста. Измените режим наложения на Умножение (Multiply).

Экшен готов. Нажмите кнопку stop в нижней части палитры Операции.

Шаг 10

Откройте текстуру стены, перенесите ее в изображение и поместите ниже всех слоев.

Шаг 11

На текст добавим текстуру. Откройте изображение старой фотопленки и перенесите ее в наш документ. Поместите текстуру старой фотопленки над всеми слоями и уменьшите до 30% (Редактирование - Свободное трансформирование ) (Edit > Free Transform) (Ctrl + T ), чтобы подогнать под размер документа. Измените режим наложения текстуры фотопленки на Перекрытие (Overlay).

Шаг 12

Теперь добавим теплый цветовой оттенок изображению. Сделаем это через корректирующий слой Карта градиента (Слой - Новый корректирующий слой - Карта градиента) (Layer > New Adjustment Layer > Gradient Map). Создайте градиент от желтого к пурпурному и включите флажок Инверсия (reverse). Измените режим наложения этого корректирующего слоя на Перекрытие (Overlay) и уменьшите непрозрачность до 30%.

Шаг 13

Теперь затемним края изображения. Инструментом Прямоугольная область выделения (Rectangular Marquee Tool) (M ) нарисуйте выделение и растушуйте его на 50 пикселей (Shift + F6 ). Создайте новый слой (Слой - Новый слой) (Layer > New Layer) (Shift + Ctrl + N ). Инвертируйте выделение (Выделение - Инверсия ) (Select > Inverse) (Shift + Ctrl + I ) и залейте выделение на новом слое черным цветом. Измените режим наложения этого слоя на Затемнение основы (Color Burn).

Шаг 14

При помощи инструмента Кисть (Brush Tool) (B ) добавим тексту свечение. Установите размер кисти 20 пикселей и жесткость 0%. Создайте новый слой (Shift + Ctr + N ) и поместите его под слой с текстурой фотопленки. Выберите белый цвет (#FFFFFF) и поставьте световые точки на краях букв. Измените режим наложения этого слоя на Мягкий свет (Soft Light).

Шаг 15

Объедините изображение (Слой - выполнить сведение ) (Layer > Flatten Image). Дублируйте полученный слой (Слой - Создать дубликат) (Layer > Duplicate Layer). К дубликату примените фильтр Цветовой контраст , чтобы немного усилить резкость (Фильтр - Другие - Цветовой контраст) (Filter > Other > High Pass). Установите радиус в 10 пикселей. Измените режим наложения этого слоя на Затемнение основы (Color Burn) и уменьшите непрозрачность до 30%. Теперь объедините оба существующих слоя в один.

Шаг 16

Выберите инструмент b (Quick Mask Mode) (Q ) :

Инструментом Градиент (Gradient Tool) (G ) радиального типа нарисуйте круг в центре документа.

Выйдите из режима Быстрой маски (Q ) и инвертируйте выделение (Выделение - Инверсия ) (Select > Inverse) (Shift + Ctrl + I ).

Шаг 17

В финале, добавим фильтр Размытие при малой глубине резкости (Фильтр - Размытие - Размытие при малой глубине резкости) (Filter > Blur > Lens Blur):

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

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

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

1. Первым делом создаем документ размер особо не важен я взял например 400*300рх, потом создаем новый слой заливаем белым и применяем к нему фильтр add noise выставив amount на максимум и поставив галочку monochromatic, должно получится что то вроде этого

2. Следом снова идем в меню Filter и выбираем там фильтр Motion Blur выставив угол в 45 градусов и силу блюра на ваше усмотрение чем сильнее следовательно тем меньше текстура вот здесь я взял 30рх

Затем ставим режим наложения этого слоя на Overlay он должен стать белым поэтому не пугайтесь.

3. Затем создаем под ним еще один слой и заливаем белым цветом, открываем стиль слоя и настраиваем Gradient Overlay на ваше усмотрение, то есть примерно смотрите где хотите чтобы у вас был блик и настраиваете, у меня получилось таким образом

и в результате у нас должен стать видимым слой с текстурой и бликом на нем то есть примерно вот так:

4.Теперь создаем копию нашего слоя с текстурой и ставим этому слою режим смешивания на Multiplay. Потом добавляем на нем маску слоя Add Layer Mask, берем инструмент Gradient Tool устанавливаем тип градиента от черного к белому и и проводим на маске градиент по диагонали ближе к правому углу то есть смотрите по слоям как должно получится.

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

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

5. Теперь еще раз копируем слой с текстурой но режим смешивания оставляем на Overlay. Снова добавляем маску слоя, опять берем инструмент Gradient Tool в настройках инструмента выбираем тип градиента Reflected gradient и проводим его перпендикулярно основному блику по диагонали.

6. Вот собственно и все для большего эффекта можно попробовать поиграть с резкостью Sharp только осторожно и в итоге у нас получится вот такая замечательная текстура:

Ну и конечно если в самом начале использовать по разному инструмент Motion Blur попробовать поиграть с углами и с силой блюра то можно получить различные вид текстур металла, и для большей реалистичности можно добавить царапины белой однопиксельной кистью но это в основном применимо к более гладким текстурам. Так же например вместо градиентов можно использовать инструменты Dodge и Burn тут уж как удобнее и кто чем лучше владеет.
Вот пара примеров:

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

Создаем документ. Я в основном пользуюсь форматом А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 Мы получили эффект металл . Его можно использовать как фон или заготовку для дальнейшей работы.

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

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