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

В этом уроке мы научимся создавать металлический эффект в Adobe Photoshop. Это очень быстрый урок, он не займет у вас много времени. Зато в будущем в вашем арсенале будет техника, которая наверняка поможет вам в работе над различными проектами. Урок описан достаточно подробно, поэтому вполне подойдет новичкам. Для его выполнения вам потребуется версия программы CS3 и новее.

Результат

Шаг 1

Откройте Photoshop и создайте новый документ. В нашем примере размер документа 800 x 480 px.

Шаг 2

Возьмите инструмент Gradient/Градиент (G ) и настройте градиент как показано на первой картинке ниже. Используйте цвета #a4a2a3 и #d2d2d2 . Залейте горизонтально фон, как на второй картинке ниже.

Шаг 3

Создайте новый слой (Shift+Ctrl+N ) и залейте его цветом #d2d2d2 при помощи инструмента Paint Bucket/Заливка (G ).

В меню выберите Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум, укажите количество шума в 400%, выберите тип Distribution/Распространение Uniform/Равномерное и включите опцию Monochromatic/Монохромный.

Теперь в меню выберите Filter > Blur > Motion Blur/Фильтр>Размытие>Размытие в движении. Укажите значения Angle/Угол — «0» и Distance/Расстояние в 40 px. Нажмите OK.

Шаг 4

Убедитесь что активен слой с текстурой и в меню выберите Layer > Layer Mask > Reveal All/Слой>Слой-маска>Показать все . Смените первый цвет на черный (#000000 ) и возьмите большую растушеванную кисть инструмента Brush/Кисть (B) . Снизьте прозрачность кисти до 65-70% и рисуйте в маске в левом и правом углу.

Укажите слою Blending Mode/Режим наложения Overlay/Перекрытие и снизьте Opacity/Непрозрачность до 60% .

Шаг 5

Создайте еще один слой и залейте его цветом #d2d2d2 . В меню выберите Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум. Укажите количество шума в 10%, Distribution/Распределение Gaussian/По Гауссу и включите Monochromatic/Монохромный эффект. Смените режим наложения слоя на Linear Burn/Линейный затемнитель и снизьте Оpacity/Непрозрачность до 10% .

Шаг 6

В меню выберите Layer > New Adjustment Layer > Curves/Слой>Новый корректирующий слой>Кривые . Настройте кривые как показано на картинке ниже.

Результат

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

Перевод — Дежурка

Для придания тексту эффекта металлического тиснения. Для начала напишем слово красивым шрифтом, потом применим к нему различные стили слоя, имитируя эффект тиснения. Попутно сами создадим новый узор, потом слегка украсим фон градиентом. Придадим тексту гламурного глянца и украсим его эффектными светящимися точками.

Шаг 1.
Создаем новый документ размером 600х400 пикс. Заливаем цветом #535559.

Шаг 2.
Любым подходящим шрифтом (шрифт не должен быть слишком тонким) пишем какое-нибудь слово. В данном уроке использован шрифт Bello. Размер 188pt.

Шаг 3.
Двойным щелчком по слою откроем стиль слоя и будем последовательно задавать различные стили. Начнем с закладки «Тень» (Drop Shadow). Установим значения, как на рисунке ниже. Режим наложения «Перекрытие» (Overlay).

Шаг 4.
Закладка «Внутренняя тень» (Inner Shadow). Режим наложения «Умножение» (Multiply).

Шаг 5.
Закладка «Перекрытие узора» (Pattern Overlay). Но сначала сделаем новый узор. Создадим новый документ 5х5 пикс, зальем его цветом #07212c. Максимально увеличим изображение и инструментом «Карандаш» закрасим пиксели, как на рисунке ниже. 3 темных пикселя #000b10 цвета, 3 светлых пикселя #3b4e58 цвета и 2 угловых #283942 цвета. После этого в меню «Редактирование» > «Определить узор». Теперь в стиле слоя выбираем этот узор.

Шаг 6.
Закладка «Обводка» (Stroke). Делаем снаружи однопиксельную градиентную обводку.

Шаг 7.
Получился такой вот промежуточный результат.

Шаг 8.
Теперь слегка украсим фон документа. Переходим на слой с фоном, открываем стиль слоя и задаем следующие параметры для закладки «Внутренняя тень» (Inner Shadow). Режим наложения «Мягкий свет» (Soft Light).

Шаг 9.
В закладке «Наложение градиента» (Gradient Overlay) устанавливаем следующие цвета для градиента: от темного #475e68 цвета к светлому #667c85 цвету.

Шаг 10.
Картинка будет выглядеть так.

Шаг 11.
Добавим эффект глянца для текста. Создадим новый слой поверх все слоев. Удерживая Ctrl, щелкнем по слою с текстом, чтобы выделить его.

Шаг 12.
Теперь берем градиент от белого к прозрачному и проводим мышкой сверху вниз текста. Потом берем инструмент «Овальная область» (Elliptical lasso tool) и выделяем область, как на рисунке ниже.

Шаг 13.
Теперь инвертируем выделение Shift+Ctrl+I и нажимаем Del, удаляя лишнее.

Шаг 14.
Меняем режим наложения на «Перекрытие» (Overlay).

Шаг 15.
Теперь добавим точечного свечения для текста. Берем мягкую кисть, размер 27 пикс, цвет белый и на новом слое в произвольном порядке ставим белые светящиеся точки по краям текста. Потом меняем «Прозрачность» (Opacity) на 70% и меняем режим наложения на «Перекрытие» (Overlay).

Финал
В итоге мы получили такой вот оригинальный эффект металлического тиснения для текста.

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

What You"ll Be Creating

Неделя людей Икс продолжается, и мы решили показать почитателям русского Колосса со стальной кожей, как превратить кожу в метал в программе Photoshop.

1. Подготовьте карту глубины (Depth Map)

Огромный мускулистый Пётр Распутин в фильме "Людей Икс", известен также, как супер-сильный Колосс со стальной кожей. Поэтому нам понадобится изображение крупного, мускулистого парня, напоминающего по своему телосложению нашего любимого пуленепробиваемого персонажа "Людей Икс". Мы используем это изображение, чтобы создать карту глубины, которая станет 3D-схемой тела.

Шаг 1

Нам подойдёт практически любое изображение бодибилдера с голым торсом. Я выбрал вот это изображение . Загрузите и откройте его в программе Photoshop .

Шаг 2

Создайте дубликат фона с помощью команды Layer > New > Layer Via Copy (Control-J) , а затем с помощью команды Image > Adjustments > Desaturate переведите изображение в черно-белое.

Шаг 3

При создании карты глубины программа считывает светлые области как выпуклые, а темные области как вдавленные. Таким образом, подсвеченные участки его кожи будут превращены в неестественные выпуклости и борозды. Чтобы устранить такой эффект, перейдите в меню Image > Adjustments > Curves (Control-M). Скорректируйте кривые, как показано на рисунке, чтобы сгладить светлые области.

Шаг 4

Отключите видимость фона и создайте выделение вокруг модели. Для этого можно использовать разные инструменты. Я предпочитаю Pen Tool (P) , но Quick Selection Tool (Q) тоже подойдет. С помощью выделения создайте маску слоя , применив команду Layer Mask with Layer > Layer Mask > Reveal Selection .

Шаг 5

Используйте чёрную кисть Brush Tool (B) с пресетом Soft Round (мягкая округлённая). Уменьшите непрозрачность кисти (Opacity ) до 50% и щёлкните по иконке слоя, чтобы перейти с маски на слой. Используйте кисть, чтобы затемнить внешний край модели, так карта глубины создаст изгиб вдоль всего внешнего края.

Шаг 6

Детали кожи модели создадут очень грубую поверхность, чтобы сгладить её, снизьте количество цветов в изображении с помощью Image > Adjustments > Posterize . Установите Levels на 8 .

Шаг 7

Временно уберите связь с маской слоя, нажав на значок цепи между иконкой слоя и иконкой маски. (Чтобы фильтр Blur не размывал маску.) Перейдите на Filter > Blur > Gaussian Blur и в поле Radius напишите 10px .

Шаг 8

Используя Brush Tool (B) чёрного и белого цветов, сформируйте поверхность кожи. Чем светлее пиксели, тем ближе поверхность будет к зрителю, чем темнее, тем дальше. Поэтому такие участки, как глазницы и бороздка между грудными мышцами, нужно затемнить, а округлённые участки бицепсов, грудных мышц и головы нужно постепенно осветлять. С помощью кисти постепенно создайте форму тела.

2. Добавьте городской пейзаж в качестве фона

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

Шаг 1

Я выбрал вот этот городской фон для Колосса. Искривление из-за съёмки объективом "рыбий глаз" мне особенно интересно тем, как оно будет отражаться от металлической поверхности.

Шаг 2

Перейдите на File > Place Linked и выберите изображение города. Photoshop добавит его как Smart Object . Увеличьте изображение и расположите его так, чтобы заполнить всю рабочую поверхность.

Шаг 3

Фон слишком резкий и чёткий для заднего плана. Перейдите на Filter > Blur > Gaussian Blur и в поле Radius введите 2px .

Шаг 4

Перейдите на Filter > Lens Correction и переключитесь на вкладку Custom . Передвиньте слайдер Remove Distortion примерно на +18 , чтобы выровнять некоторые искажения объектива. В поле Vignette Amount установите значение -56 .

3. Создайте швы

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

Шаг 1

С помощью инструмента Pen Tool (P) , установленного на Path , начните создавать горизонтальные линии, которые следуют искривлениям его тела. Пока что не включайте линии его головы и руки. В конце каждого контура используйте команду Control + щелчок мышью , чтобы завершить этот контур до начала следующего. Контуры могут заканчиваться за пределами краёв тела, иногда так намного проще завернуть линию под нужным углом на краях.

Шаг 2

Создайте новый слой (New Layer ) поверх окрашенного слоя фигуры. Создайте обтравочную маску между ним и слоем фигуры с помощью команды Layer > . В пресетах для кисти настройте инструмент Brush Tool (B) на Hard Round размером 4 px .

Шаг 3

Перейдите на вкладку Paths , щёлкните правой кнопкой мыши по иконке контура и выберите Stroke Path . В качестве инструмента для контура выберите Brush . Установите режим наложения слоя на Multiply , а Opacity - на 50% .

Шаг 4

Добавьте ещё один слой и ещё несколько контуров для швов на пальцах. В настройках кисти установите Width на 2 px и нарисуйте контуры на пальцах. Установите режим наложения слоя на Multiply , а Opacity - на 50% .

Шаг 5

Выберите слой фигуры и оба слоя со швами. Удерживая Alt , перейдите на Layer > Merge Layers (Control-E) , чтобы создать единый слой фигуры и линий швов. Назовите этот слой Depth Map (карта глубины). Сделайте невидимыми слои фигуры и швов.

4. Используйте карту глубины, чтобы создать 3D-форму

Каким бы невероятным это ни казалось, эта странная серая фигура создаст убедительную 3D-форму поверхности из металла. Функцию карты глубины в Photoshop используют редко, но в таких случаях, как этот, она может быть удивительно полезной.

Шаг 1

Убедитесь, что выбран слой Depth Map , и перейдите на 3D > New Mesh From Layer > Depth Map to > Plane . Photoshop переключится на поверхность для работы в 3D и выдавит слой в 3D-форму в зависимости от значений градаций серого.

Шаг 2

На вкладке 3D выберите сетку Depth Map . На вкладке Properties нажмите на иконку Coordinates и измените значение шкалы Z на гораздо меньшее, например, 40 .

Шаг 3

Выберите Current View и возьмите инструмент Move Tool (V) в иконке Slide 3D Camera на вкладке Properties . Настройте вид камеры (camera view) так, чтобы он соответствовал композиции исходного изображения.

Шаг 4

Для следующего шага нужен металл. Если вы ещё не установили дополнительные материалы от Adobe, они . Скачайте и установите Versatile Materials , чтобы добавить их как набор металлических шейдеров в библиотеку 3D.

Шаг 5

На вкладке 3D выберите вкладку Materials , в списке должен быть только один материал. В меню Properties откройте выпадающее меню Shader , чтобы выбрать металлический шейдер, например, Metal Steel2 (Stainless) .

Шаг 6

По той же ссылке, где были дополнительные шейдеры , также есть дополнительный свет на основе изображения для HDRI-освещения. Загрузите набор Creative IBLs и распакуйте загрузочный пакет.

Шаг 7

На вкладке 3D выберите линию Environment . На вкладке Properties нажмите на иконку документа рядом с иконкой IBL. Выберите Replace Texture и выберите один из новых Creative IBLs , чтобы осветить сцену. Мне особенно нравится Creative IBL-07-LightRigB . Затем поверните вокруг виджет HDRI , чтобы изменить угол текстуры.

Шаг 8

Перейдите на 3D > Render 3D Layer (Alt-Shift-Control-R) , чтобы провести рендеринг. Это может занять какое-то время, подождите.

Шаг 9

Когда рендеринг завершится, перейдите на Select > All (Control-A) , а потом нажмите Layer > New > Layer Via Copy (Control-J) , чтобы скопировать рендеринг для нового слоя.

Шаг 10

Пока сделайте невидимым слой рендера и вернитесь к слою 3D . Сделайте так, чтобы на месте текстуры IBL было фоновое изображение города. Вращайте текстуру, пока модель не будет освещена небом на фоне. Эта текстура также появится на отражении после рендеринга.

Шаг 11

Снова проведите рендеринг модели с новыми отражениями и скопируйте рендеринг в новый слой, нажав Select > All (Control-A) и Layer > New > Layer Via Copy (Control-J) .

Шаг 12

Снова отключите слой 3D и сделайте видимым слой Render . Добавьте корректирующий слой (adjustment layer) Curves и создайте обтравочную маску между ним и слоем Render, нажав Layer > Create Clipping Mask (Alt-Control-G) . Подвиньте нижнюю точку кривых примерно на одну клеточку вправо, чтобы глубоко затемнить теневые области рендера.

Шаг 13

Переместите слой reflections render над слоем curves и добавьте обтравочную маску (clipping mask ) и для него. Установите режим наложения на Soft Light .

Шаг 14

Создайте копию слоя (Layer > Duplicate Layer) исходного изображения мускулистой модели. Переместите эту копию в самый верх и прикрепите его к остальным слоям. Перейдите на Image > Adjustments > Desaturate (Shift-Control-U) и измените режим наложения на Overlay .

5. Металлические эффекты

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

Шаг 1

Сделайте копию слоя обесцвеченного изображение модели. Не прикрепляйте его к другим и установите режим наложения на Normal . Перейдите на Filter > Blur > Gaussian Blur . В поле Radius поставьте 5 px .

Шаг 2

Если у вас ещё остались контуры, с помощью которых вы создавали маску для слоя с моделью, загрузите выделение снова. Если нет, удерживая Control, щёлкните по одному из отрендеренных слоёв, чтобы создать выделение по ним. Затем с его помощью создайте маску для размытого слоя, нажав Layer > Layer Mask > Reveal Selection .

Шаг 3

Добавьте корректирующий слой Curves (adjustment layer) и закрепите его на слой размытия. Затем отрегулируйте кривую так, чтобы крайняя левая точка находилась в самой верхней части сетки, и создайте несколько пиков и спадов в середине кривой. Теперь модель будет выглядеть довольно странно.

Шаг 4

Выберите корректирующий слой Curves и слой Blur и сгруппируйте их вместе, нажав Layer > Group Layers (Control-G) . Установите режим наложения на Difference и снизьте Opacity до 47% .

Шаг 5

Создайте ещё одну копию слоя размытия и переместите её в самый верх, вне созданной ранее группы. Затем нажмите Filter > Filter Gallery и откройте набор Sketch . Выберите фильтр Chrome и установите Detail на 0 , а Smoothness - на 10 .

Шаг 6

Установите режим наложения хромированного слоя на Soft Light и снизьте Opacity до 40% .

6. Окончательные эффекты

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

Шаг 1

Начнём с отражений. Снова вставьте изображение города, нажав File > Place Linked . Установите режим наложения слоя со смарт-объектом на Soft Light и снизьте Opacity до 50% . Перейдите на Edit > Transform > Warp и отрегулируйте сетку деформации примерно по изгибам фигуры.

Шаг 2

Отражение совсем не должно быть резким. Перейдите на Filter > Blur > Gaussian Blur и установите Radius на 5 pixels .

Шаг 3

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

Шаг 4

После рендеринга создаётся впечатление, что пальцы сливаются друг с другом. Они должны быть зрительно разделены. Добавьте новый слой и назовите его Fingers Touch Up, возьмите Brush Tool (B) с небольшой мягкой круглой кистью, чтобы сделать несколько тёмных линий между пальцами.

Шаг 5

Добавьте новый слой - Dodge and Burn . Перейдите на Edit > Fill и установите значение Contents на 50% серого . Установите в качестве режима наложения слоя Overlay . Возьмите Dodge Tool (O) с midtones и Exposure в 8% , чтобы вручную добавить светлые блики на металлической поверхности.

Затем переключитесь на Burn Tool (O) , чтобы затемнить области тени. Это очень гибкий способ рисования вручную светлых и тёмных участков на металлической поверхности.

Шаг 6

Создайте совмещённый слой вверху, удерживая Alt и перейдя на Layer > Merge Visible . Назовите его "Highlights" и превратите в смарт-объект с помощью команды Layer > Smart Objects > Convert to Smart Objects .

Шаг 7

Перейдите на Image > Adjustments > Threshold . Установите такое значение Threshold Level , чтобы только самые светлые участки изображения оставались белыми, примерно 225.

Шаг 8

Измените режим наложения на Screen , чтобы видеть, как блики отображаются на рисунке. Корректирующий стиль Threshold делает их слишком резкими, а края становятся слишком заметны. Добавьте Gaussian Blur (Filter > Blur > Gaussian Blur ), чтобы сгладить края. Подойдёт Radius в 4 Pixels .

Шаг 9

Добавьте сверху новый слой и назовите его Flares , залейте его чёрным . Преобразуйте его в смарт-объект, нажав Layer > Smart Objects > Convert to Smart Object , и выберите режим наложения Screen . Затем перейдите на Filter > Render > Lens Flare . Используйте Prime 105mm при Brightness в 64% . Попробуйте расположить блик на костяшке пальца.

Шаг 10

В использовании блика в виде Smart Filter хорошо то, что его можно легко передвинуть. Просто откройте настройки Lens Flare под слоем Smart Filter и передвиньте центр блика в нужное место. Затем добавьте ещё один блик, установив его Brightness примерно на 51% , и поместите его на ключицу.

Шаг 11

Добавьте новый слой над фоновым изображением города. Установите режим наложения на Multiply , а Opacity - на 50%. С помощью Gradient Tool (G) добавьте несколько круглых тёмно-синих градиентов, чтобы оттенить фон и чтобы Колосс больше на нём выделялся.

Вот и всё!

Вот и готов наш Колосс из команды людей Икс!

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

В этом текстовом Photoshop уроке, мы будем учиться легко создавать металлический текст - популярный эффект, широко используемый в видеоиграх и кинопостерах! Может показаться, что здесь представлено много шагов, но когда вы проделаете эту работу несколько раз, создание данного эффекта не будет занимать у вас больше считаных минут от начала до конца. Для создания металлической текстуры и применения ее к тексту, мы будем использовать пару Стилей слоя (Layer styles), несколько фильтров, режимы смешивания слоев и Обтравочную маску (Clipping mask)! Для этого урока я буду использовать Photoshop CS5, но для более ранних версий этот урок также подходит.

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

Окончательный эффект «металлического текста».

Шаг 1: Создание нового документа
Создайте новый Photoshop документ, перейдя в меню Файл - Создать (File - New) или нажмите сочетание клавиш Ctrl+N (Win)/ Command+N (Mac) на клавиатуре.

Перейдите к Файл - Создать (File - New).

Необходимо создать документ, который будет размером немного больше, чем вам нужно, по причинам, о которых я скажу в свое время. Я буду создавать свой документ размером 1200 пикс. по Ширине (Wide) и 600 пикс. по Высоте (High), Разрешение (Resolution) я оставлю по умолчанию 72 пикс./дюйм. Вы можете использовать эти же настройки, чтобы следовать за мной дальше по уроку, или ввести свои значения. Установите параметр Содержимое фона (Background Contents) на Белый (White), даже несмотря на то, что мы будем его менять в следующем шаге. Нажмите Ок, когда закончите. Ваш новый документ появится на экране:

Диалоговое окно Новый документ (New Document).

Шаг 2: Заливка фона черным
Нажмите букву D на клавиатуре для быстрого сброса Основного (Foreground) и Фонового (Background) цветов к установленным по умолчанию, если необходимо, это действие установит в качестве Основного (Foreground) цвета черный. Затем нажмите Alt+Backspace (Win)/ Option+Delete (Mac) для быстрой заливки фона текущим Основным (Foreground) цветом (черным):

Теперь документ залит черным.

Шаг 3: Добавление нового пустого слоя
Кликните по иконке создания Нового слоя (New layer) в нижней части панели слоев:

Клик по иконке создания Нового слоя (New Layer) (вторая иконка справа).

Photoshop добавит новый пустой слой, названный «Слой 1» (Layer 1) над Фоновым (Background) слоем:

Новый слой появляется над Фоновым (Background) слоем.

Шаг 4: Заливка нового слоя ярко-серым цветом
Перейдите к меню Редактирование (Edit) в верхней части экрана и выберите Заливка (Fill):

Перейдите к Редактирование - Заливка (Edit - Fill).

Заливка (Fill), кликните по выпадающему меню справа от слова Использовать (Use) и выберите Цвет (Color) из списка параметров:

Выберите параметр Цвет (Color) в верхней части диалогового окна Заливка (Fill).
Как только вы выберите Цвет (Color), Photoshop откроет цветовую палитру, таким образом, вы можете выбрать желаемый цвет для заливки им слоя. Выберите ярко-серый. Если вы хотите использовать те же оттенки серого, что и я, введите 195 для параметров R, G и B:

Выберите ярко - серый из цветовой палитры.

Кликните Ок, когда вы будете готовы выйти из цветовой палитры, затем кликните Ок, чтобы выйти из диалогового окна Заливка (Fill). Photoshop зальет слой серым, временно пряча фоновый слой, залитый черным:

Теперь документ залит серым.

Шаг 5: Добавление шума
Перейдите к меню Фильтр (Filter) в верхней части экрана, выберите Шум (Noise), затем выберите Добавить шум (Add Noise):

Перейдите к Фильтр - Шум - Добавить шум (Filter- Noise - Add noise).

Когда появится диалоговое окно Добавить шум (Add Noise), добавьте много шума к изображению, установив значение Эффект (Amount) около 150%. Убедитесь, что в нижней части диалогового окна отмечены параметры По Гауссу (Gaussian) и Монохромный (Monochromatic):

Параметры фильтра Добавить шум (Add Noise).

Кликните Ок, когда будете готовы, чтобы выйти из диалогового окна. Теперь документ должен быть залит шумом:

Документ после применения фильтра Добавить шум (Add Noise).

Шаг 6: Применение фильтра Размытие в движении (Motion Blur)
Мы будем использовать весь этот шум для создания первой части нашей металлической текстуры. Вернитесь обратно к меню Фильтр (Filter), выберите Размытие (Blur), а затем выберите Размытие в движении (Motion Blur):

Перейдите к Фильтр - Размытие - Размытие в движении (Filter - Blur - Motion Blur).

Когда появится диалоговое окно Размытие в движении (Motion Blur), установите Угол (Angle) размытия около -10 градусов, затем уменьшите значение параметра Смещение (Distance) до 200 пикс.:

Установите Угол (Angle) на -10 и уменьшите Смещение (Distance) до 200 пикс..

Нажмите Ок, когда будете готовы, чтобы закрыть диалоговое окно. Размытие шума создало металлический эффект:

Изображение после применения Размытия в движении (Motion blur) к шуму.

Шаг 7: Обрезание краев
Вернемся к шагу 1, я упоминал, что вас следует создать документ немного большего размера, чем нужно. Причина заключается в том, что фильтр Размытие в движении (Motion Blur) создает неправильно размытые пиксели по краям документа, которые вы сейчас четко видите в нашем документе. Давайте обрежем эти нежелательные участки. Выберите инструмент Photoshop Кадрирование/Рамка (Crop) из панели инструментов или нажмите букву C для выбора этого документа с помощью горячих клавиш:

Выберите инструмент Кадрирование/Рамка (Crop).

При активном инструменте Кадрирование/Рамка (Crop) кликните в левом верхнем углу, где начинается хорошо тектстурированный участок, затем, не отпуская кнопки мыши, протяните рамку к правому нижнему углу до края хорошо текстурированного участка. Отпустите кнопку мыши, чтобы увидеть участок, который у вас сохранится (темные участки по краям будут обрезаны):

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

Нажмите Enter (Win)/ Return (Mac), чтобы Photoshop обрезал нежелательные края. Теперь останется только хорошая текстура:

Изображение после обрезания краев.

Шаг 8: Добавьте свой текст
Выберите инструмент Текст (Type/Text) из панели инструментов, или нажмите горячую клавишу T на клавиатуре:

Выберите инструмент Текст (Type).

При активном инструменте Текст (Type/Text), выберите шрифт из панели параметров в верхней части экрана. Для лучшего результата с этим эффектом, выберите шрифт с жирными буквами. Я буду использовать Arial Black:

Параметры шрифта в панели параметров.

Как только вы выбрали шрифт, кликните внутри документа и добавьте свой текст. Я напишу слово «Metal» (Металл):

Добавьте свой текст.

Когда вы будете готовы, кликните по Применить текущую правку (Checkmark) в панели параметров, чтобы применить текст:

Кликните по Применить текущую правку (Checkmark), чтобы выйти из режима редактирования текста.

Шаг 9: Изменение размеров текста с помощью Свободной трансформации (Free Transform)
Ваш текст, скорее всего, будет слишком маленьким на данном этапе (как в моем случае), поэтому перейдите к меню Редактирование (Edit) и выберите Свободную трансформацию (Free Transform) или нажмите Ctrl+T (Win)/ Command+T (Mac) для вызова Свободной трансформации (Free Transform) с помощью горячих клавиш:

Перейдите к Редактирование - Свободная трансформация (Edit - Free transform).

Это действие разместит окно свободной трансформации и маркеры вокруг текста. Для изменения размера текста зажмите клавишу Shift и потяните вверх любой угловой маркер (маленький квадратик). Удерживая клавишу Shift зажатой во время изменения размеров, позволяет вам сохранять точные пропорции текста, таким образом, вы не исказите его форму. Для перемещения текста, кликните где-нибудь внутри ограничительной рамки и просто переместите его с помощью мыши. Когда вы будете готовы, нажмите Enter (Win)/ Return (Mac) для применения изменений и выхода из Свободной трансформации (Free Transform):

Переместите и измените размер текста, как необходимо.

Шаг 10: Перемещение слоя с текстом под слой с текстурой
Кликните по текстовому слою в панели слоев и, удерживая зажатой кнопку мыши, поместите этот слой между серым текстурным слоем (Слой 1 (Layer 1)) и Фоновым (Background) слоем. Когда вы увидите, что между этими двумя слоями появилась выделенная полоска, отпустите кнопку мыши и Photoshop переместит на это место текстовый слой:

Поместите текстовый слой между Фоновым (Background) слоем и Слоем 1 (Layer 1).

Шаг 11: Создание Обтравочной маски (Clipping Mask)
Кликните по Слою 1 (Layer 1) в панели слоев, чтобы выделить его. Затем перейдите к меню Слой (Layer) и выберите Создать обтравочную маску (Create Clipping Mask):

Перейдите к Слой - Создать обтравочную маску (Layer - Create clipping Mask).

Слой 1 (Layer 1) станет смещенным вправо в панели слоев, указывая на то, что теперь он «обтравлен» текстовым слоем:

Панель слоев теперь показывает, что Слой 1 (Layer 1) теперь обтравлен текстовым слоем.

Если мы посмотрим в окно документа, то мы увидим, что серая текстура теперь отображается только внутри текста:

Черный цвет с фонового слоя теперь виден вокруг текста.

Шаг 12: Добавление Стиля слоя (Layer Style) Тиснение (Bevel and Emboss)
Кликните по текстовому слою в панели слоев, чтобы выделить его. Затем кликните по иконке Стили слоя (Layer Styles) в нижней части панели слоев:

Кликните по иконке Стили слоя (Layer Styles).

Выберите Тиснение (Bevel and Emboss) из списка стилей слоя, который появился:

Выберите Тиснение (Bevel and Emboss).

Это действие откроет диалоговое окно Стили слоя (layer Syles), установленное на параметр Тиснение (Bevel and Emboss) в средней колонке. Сначала измените Метод (Technique) на Жесткую огранку (Chisel Hard), затем увеличьте Размер (Size) до 7 пикс. Перетащите ползунок параметра Глубина (Depth) по направлению вправо до значения 500%:

Параметры Тиснения (Bevel and Emboss).

В разделе параметров Затенение (Shading), кликните по миниатюре Контур глянца (Gloss Contour):

Кликните по миниатюре Контур глянца (Gloss Contour).

Это действие откроет Редактор контуров (Contour Editor). Кликните по выпадающему меню Установки (Preset) в верхней части диалогового окна и выберите из списка Кольцо (Ring):

Выберите установку Кольцо (Ring).

Нажмите Ок, чтобы выйти из Редактора Контуров (Contour Editor). Затем, вернитесь к основному диалоговому окну Стили слоя (Layer Styles), отметьте параметр Сглаживание (Anti-aliased) справа от миниатюры Контур глянца (Gloss Contour):

Отметьте параметр Сглаживание (Anti-aliased).

Пока не закрывайте диалоговое окно Стили слоя (Layer Styles). У нас есть еще кое-что, что нужно добавить, но ваш текст на данный момент должен быть похож на этот:

Текст после применения стиля слоя Тиснение (Bevel and Emboss).

Шаг 13: Добавление Стиля слоя (Layer Style) Наложение градиента (Gradient Overlay)
Кликните прямо по названию Наложение градиента (Gradient Overlay) в левой колонке диалогового окна Стили слоя (Layer Styles). Вам нужно кликнуть прямо по названию, не по полю отметки, для того, чтобы появился параметр Наложение градиента (Gradient Overlay):

Кликните по названию Наложение градиента (Gradient Overlay).

В средней колонке диалогового окна Стили слоя (Layer Styles) были изменены отмеченные параметры для Наложения градиента (Gradient Overlay). По умолчанию, Photoshop выбирает градиент, основанный на текущих цветах От основного к фоновому цветам (Foreground and Background colors) (черный и белый), но если выбран другой градиент, кликните по полоске предпросмотра градиента:

Кликните по полосе предпросмотра градиента, только если там установлен другой градиент, а не черно-белый.

Затем кликните по миниатюре От основного к фоновому (Foreground to Background) (вверху слева) в Редакторе градиентов (Gradient Editor) для его выбора:

Выберите градиент От основного к фоновому (Foreground to Background).

Нажмите Ок, чтобы закрыть Редактор градиентов (Gradient Editor). Вернитесь к основному диалоговому окну Стили слоя (Layer Styles), измените Режим смешивания (Blend Mode) на Перекрытие (Overlay), затем уменьшите Непрозрачность (Opacity) до 70%. Это добавит световой эффект к металлу:

Параметры Наложения градиента (Gradient Overlay).

Нажмите Ок, чтобы выйти из диалогового окна Стили слоя (Layer Styles). Перед вами эффект с добавленными стилями слоя:

Эффект после применения стилей слоя.

Шаг 14: Добавление нового слоя, установленного в режиме Перекрытие (Overlay)
Кликните по Слою 1 (Layer 1) в панели слоев, чтобы выделить его. Удерживая клавишу Alt (Win)/ Option (Mac), кликните по иконке создания Нового слоя (New Layer) в нижней части панели слоев:

Удерживая клавишу Alt (Win)/ Option (Mac), кликните по иконке создания Нового слоя (New Layer).

Это действие говорит Photoshop открыть диалоговое окно Нового слоя (New layer), где мы можем установить некоторые параметры прежде, чем новый слой будет добавлен. Отметьте параметр слева, который говорит Использовать предыдущий слой для создания Обтравочной маски (Use Previous Layer to Create Clipping mask), затем измените Режим (Mode) (коротко от Режим смешивания (blend Mode) на Перекрытие (Overlay). Нажмите Ок, когда вы будете готовы, чтобы закрыть диалоговое окно. Новый пустой слой, названный Слой 2 (layer 2), установленный в режиме Перекрытие (Overlay), появится над Слоем 1 (layer 1) в панели слоев. Как и Слой 1 (layer 1), он обтравлен текстовым слоем под ним:

Диалоговое окно Новый слой (new Layer).

Шаг 15: Применение фильтра Облака (Clouds)
Добавим случайные блики и тени к металлическому эффекту. Для этого мы будем использовать фильтр Photoshop Облака (Clouds) наряду с Режимом смешивания (Blend Mode) Перекрытие (Overlay), который мы уже установили для слоя. Перейдите к меню Фильтр (filter) в верхней части экрана, выберите Рендеринг (Render), а затем выберите Облака (Clouds):

Перейдите к меню Фильтр - Рендеринг - Облака (Filter - Render - Clouds).

«Облака» создают множество светлых и темных участков:

Шаг 16: Применение фильтра Размытие по Гауссу (Gaussian Blur)
Облака нужно немного сгладить, чтобы они были больше похожи на тени и блики. Мы сделаем это, размыв их. Перейдите к меню Фильтр (Filter), выберите Размытие (Blur), а затем Размытие по Гауссу (Gaussian Blur):

Перейдите к меню Фильтр - Размытие - Размытие по Гауссу (Filter - Blur - Gaussian Blur).

Когда появится диалоговое окно Размытие по Гауссу (Gaussian Blur), потяните слайдер вправо, чтобы увеличить значение Радиуса (Radius) до 10 пикс.

Установите Радиус (Radius) на 10 пикс.

Вот изображение после размытия облаков:

Эффект облаков теперь больше похож на легкий световой эффект.

Шаг 17: Добавление нового слоя, установленного в режиме Умножение (Multiply)
Снова удерживая клавишу Alt (Win)/ Option (Mac), кликните по иконке создания Нового слоя (New Layer) в нижней части панели слоев для вызова диалогового окна Новый слой (new Layer). Отметьте параметр Использовать предыдущий слой для создания Обтравочной маски (Use Previous Layer to Create Clipping Mask), затем измените Режим (mode) на Умножение (Multiply). В завершение отметьте параметр Выполнить заливку нейтральным цветом режима «Умножение» (белым) (Fill with Multiply-neutral color (white)) в нижней части диалогового окна. Нажмите Ок, когда будете готовы закрыть окно и добавить новый слой:

Добавьте еще один новый слой, на этот раз в режиме Умножение (Multiply).

Шаг 18: Добавляем шум
Запачкаем немного наш металлический эффект, применив к нему пятна и царапины. Перейдите к меню Фильтр (Filter), затем выберите Добавить шум (AddNoise). Появится диалоговое окно Добавить шум (Add Noise) с теми же настройками, что мы использовали ранее. Не нужно изменять их, просто нажмите Ок, чтобы выйти из диалогового окна. Теперь текст залит шумом, и поскольку слой установлен в режиме Умножение (Multiply) , будут видны только темные пятнышки:

Режим Умножение (Multiply) прячет белые цвета, и остаются видны только темные пятнышки шума.

Шаг 19: Применение фильтра Медиана (Median )
Чтобы превратить шум во что-то, похожее на грязь или царапины, вернитесь к меню Фильтр (Filter), выберите снова Шум (Noise), а затем выберите Медиана (Median):

Перейдите к меню Фильтр - Шум - Медиана (Filter - Noise - Median).

Фильтр Медиана (Median) создан, чтобы удалять шум с изображения. Кликните в окне Радиус (Radius) и используйте клавишу со стрелкой вверх на клавиатуре, чтобы постепенно увеличивать значение, глядя на изображение в окне документа. При увеличении значения радиуса, шум будет исчезать, оставляя вместо него «сгустки», создающие эффект грязи и царапин. Значение около 9 пикс. должно подойти. Нажмите Ок, когда будете готовы выйти из диалогового окна:

Увеличьте значение Радиуса (Radius), чтобы уменьшить шум.

Шаг 20: Понижение Непрозрачности (Opacity) слоя
Если эффект пятен и царапин выглядит слишком темным, уменьшите Непрозрачность (Opacity) слоя. Вы найдете параметр Непрозрачность (Opacity) в верхнем углу панели слоев. Я уменьшу свой до 70%:

Параметр Непрозрачности (Opacity) слоя.

И вот мы закончили! Вот финальный результат эффекта «металлический текст»:

Финальный результат эффекта «металлический текст».

Редактируемые настройки текста
Один из приятных моментов создания этого металлического эффекта заключается в том, что наш текст остается абсолютно редактируемым, и мы можем даже изменить шрифт, который используем, если нам не понравился тот, с которого мы начали! Чтобы изменить шрифт, просто выберите инструмент Текст (type/ Text) в панели инструментов, кликните по текстовому слою в панели слоев, чтобы выделить его, затем выберите любой шрифт из панели настроек (возможно, вам потребуется изменить размер текста с помощью Свободной трансформации (Free Transform) - смотрите Шаг 9). Для примера, я не стал ничего изменять, кроме шрифта на Trajan Pro Bold:

Тот же эффект, другой шрифт.

Здесь я редактировал текст, изменив слово с «Metal» (Металл) на «Steel» (Сталь). Если вы сохраните свой документ как Photoshop. PSD файл, вы можете открывать его снова в любой момент, когда захотите, и редактировать свой текст без воссоздания металлической текстуры:

Тот же эффект, другой текст.