Металл. Делаем в фотошоп

В этом уроке вы узнаете, как создать бронзовый текст, используя стили слоя в программе Photoshop. Итак, давайте приступим!

Итоговый результат

1. Создаём задний фон

Шаг 1

Загрузите текстуру black_background.pat, дважды щёлкнув по исходному файлу.

Шаг 2

Создайте новый документ, идём Файл — Новый (File > New). Установите значение Ширины (Width) на 600 px, а значение Высоты (Height) на 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).

Шаг 3

Находясь на слое с задним фоном, продублируйте его, для этого идем Слой — Создать дубликат слоя (Layer > Duplicate Layer) и нажимаем OK. Назовите дубликат слоя Узор Заднего фона (Background Pattern).

Шаг 4

Перейдите (Layer > Layer Style > Pattern Overlay), выберите текстуру ‘black_background.pat’ из выпадающего меню, установите Масштаб (Scale) 50%, и нажмите кнопку OK.

Шаг 5

Чтобы добавить эффекты освещения сверху, выберите стиль слоя Тиснение (Bevel & Emboss). Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже:

2. Создаём текст

Шаг 1

Напишите слово ‘Round’ или любое слово на свой выбор, используя шрифт ‘Stonecross’. Установите Размер Шрифта (Font Size) 132 pt, а также задайте Трэкинг (Tracking) 20 pt. Для улучшения качества, поменяйте метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите данный слой с текстом ‘A01’.

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

Шаг 2

Далее, выберите инструмент Перемещение (Move Tool), выделите слой с текстом и слой с задним фоном, а затем в настройках данного инструмента, выберите следующие опции: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), чтобы выровнять текст.

Шаг 3

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

3. Применяем стилизацию к основному слою

Шаг 1

Загрузите текстуру ‘scratched_metal.pat’.

Шаг 2

Мы будем работать со слоем ‘A01’. Перейдите Слой — Стиль слоя – Перекрытие узора (Layer >Layer Style > Pattern Overlay), щёлкните по окошку Узор (Pattern), чтобы выбрать текстуру ‘scratched_metal.pat’ из выпадающего меню. Мы используем данную текстуру в качестве основы для создания металлического эффекта.

Шаг 3

Чтобы получить реалистичный бронзовый цвет, идём Слой – Стиль слоя – Наложение цвета (Layer >Layer Style > Color Overlay). Поменяйте режим наложения на Умножение (Multiply), а также установите следующие значения:

Шаг 4

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

Шаг 5

Выберите контур ‘Cove – Deep’ из набора контуров.

Шаг 6

Теперь мы улучшим эффект блеска металла, добавив свечение. Идём Слой — Стиль слоя – Внутреннее свечение (Layer > Layer Style > Inner Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 7

Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Идём Слой — Стиль слоя – Внешнее свечение (Layer > Layer Style >

4. Применяем стилизацию ко второму слою

Шаг 1

Теперь мы будем работать со слоем ‘A02’, не забудьте включить видимость данного слоя! Далее, идём Слой – Стиль слоя – Внешнее свечение (Layer >Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 2

Чтобы улучшить 3D вид, мы подчеркнем светотени на краях. Идём Слой — Стиль слоя — Тиснение (Layer >Layer Style > Bevel & Emboss). Установите значения, которые указаны на скриншоте ниже. Создайте свой контур, используя значения, которые указаны в правой колонке.

Шаг 3

Это очень важный шаг. Мы создадим перспективу с помощью центральной точки схода в перспективе.

Идём в закладку Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 98%, как показано на скриншоте ниже.

Шаг 4

Чтобы цвета обоих слоёв с текстом соответствовали друг другу, идём Слой — стиль слоя – Наложение цвета (Layer > Layer Style > Color Overlay). Установите значения, которые указаны на скриншоте ниже.

Шаг 5

Подсказка: чтобы добавить контрольную точку градиента, вам нужно щёлкнуть ниже шкалы градиента. Щёлкнув по контрольной точке градиента, вы сможете провести редактирование Позиции (Location) и Цвета (Color) контрольной точки.

Шаг 6

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

Отличная работа, мы завершили урок!

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

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

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

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

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

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

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

Если Вы когда-нибудь уже пытались рисовать металл, Вы наверняка знаете, как это непросто. Металл отражает все и искажает отражаемое. Также довольно трудно нарисовать поверхность металла так, чтобы цвета были естественными и в то же время придавали объём.

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

Давайте начнем!

Конечный результат

Шаг 1

Большинство уроков по рисованию металла учат нас рисовать металлические шары. Но кто потом рисует в своих работах именно шары? Полная, сложная броня – вот лучший пример! Вы можете следовать этому уроку или рисовать свои собственные идеи – правила, которые мы разберём здесь, абсолютно универсальны.

Давайте представим, что вы нарисовали персонажа и какой-то фон, но не знаете, как рисовать броню. Чтобы упростить весь процесс, Вам нужно использовать обтравочную маску (Ctrl + Alt + G). Границы брони будут считаться границами маски. Все, нарисованное поверх неё, будет принадлежать броне.

Лучшая и самая универсальная кисть для рисования – простая круглая кисть с мягкими краями и низким нажимом. Он позволяет смешивать мазки, и это выглядит очень естественно. Также инструмент имитирует настоящую кисть, так как чем сильнее давление, чем насыщеннее становится цвет.

Шаг 2

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

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

Теперь добавьте больше теней. Помните: тело и соответственно доспехи на нём - не плоские, у них есть свои грани. Когда свет падает на одну грань, делая её яркой, на другой грани должна быть тень!

Это тот самый редкий момент, когда Вы можете использовать чёрный цвет. Затемните им теневые части брони, но даже не пытайтесь брать чёрный в световых участках!

Шаг 3

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

Перейдите на Color Scheme Designer и вставьте в поле код нашего цвета, как показано на скриншоте ниже.

Теперь перейдите во вкладку Дополнительные цвета (Complement), чтобы узнать, какой цвет составляет пару с нашим базовым. Вы можете запомнить полученный код или импортировать его в Фотошоп-образцы.

Выберите опцию Загрузить образцы (Load Swatches), чтобы увидеть дополнительный цвет. Нам также понадобятся его более тёмные оттенки.

Шаг 4

Так как теперь у нас есть новый тёмный оттенок (он не чёрный!), мы можем подчеркнуть линии эскиза. Создайте новый слой над слоем с эскизом и проведите линии снова. После этого удалите или скройте слой с эскизом.

Теперь нарисуйте тени тем же тёмным цветом. Если Вы спросите, зачем мы рисуем там, где уже рисовали, вот ответ: низкий параметр Нажим (Flow) позволяет прекрасно смешивать цвета.

Вот как выглядит теперь наша работа.

Шаг 5

Пришло время определить точнее все формы. Чёрным цветом прорисуйте линии между формами.

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

Соедините тёмные области и чёрные линии вместе, чтобы линии стали почти незаметными.

Шаг 6

Выберите цвет с какой-либо светлой части и мягкой кистью, предварительно понизив Жёсткость (Hardness) до 0%, закройте все видимые элементы. Одно правило: не продвигайтесь слишком близко к чёрным линиям! Цвет должен лечь именно посередине каждого элемента, чтобы появился объём.

Измените параметр Жёсткость (Hardness) до 100% и выберите режим Осветление (Screen). Благодаря этому режиму мазки Вашей кисти будут светлее. Тем же цветом, что и раньше, нарисуйте световые грани около чёрных линий и немного бликов.

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

Шаг 7

Как мы уже говорили, металл отражает всё вокруг, включая цвет. Определяйте цвета, которые ближе всего располагаются к каждой части брони, и слегка порисуйте ими на металле. Помните: не пересекайте линий, но тёмным областям можно придавать другой оттенок.

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

Вновь активируйте режим Осветление (Screen), используйте светлые отражаемые цвета, оранжевый и фиолетовый, и немного закройте тёмные участки, которые только что нарисовали. Это действие может показаться Вам бессмысленным, но на самом деле оно дает очень интересный эффект. Наша цель здесь – закрыть тёмные участки, не убирая их совсем.

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

Вот как теперь выглядит наша работа:

Шаг 8

Важный элемент каждой брони – это кольчуга. Как Вы, возможно, уже знаете, она состоит из маленьких звеньев, скреплённых между собой. Да, это тоже металлические части, и они тоже будут отражать окружающее. Рисовать каждое звено по отдельности будет слишком трудоёмкой работой, поэтому мы просто создадим специальную кисть для кольчуги. Создайте новый документ и нарисуйте одно маленькое чёрное звено. Параметры Непрозрачность (Opacity) и Нажим (Flow) должны быть на 100%, чтобы Вы могли избежать полупрозрачных пятен. Затем перейдите во вкладку Редактирование > Определить кисть (Edit > Define Brush Preset).

Ваша новая кисть появится в списке, но у неё установлены параметры по умолчанию. Выберите вкладку Форма отпечатка кисти (Brush Tip Shape) и подвигайте ползунок Интервалы (Spacing) до тех пор, пока не станут видны отдельные элементы. Они должны слегка перекрывать друг друга.

Создайте новый слой и примените к нему стиль Тиснение (

",this,event,"320px");">Layer Style - Bevel and Emboss). Для параметра Подсветка (Highlight) возьмите яркий жёлто-серый цвет с нашего костюма.

Стиль - Внутренний скос, Метод - Плавное, Режим осветления - Осветление, Режим тени - Умножение.

Теперь нарисуйте кольчугу на слое, к которому применены эти стили. Я советую рисовать каждую цепочку на отдельном слое, копируя для каждого слоя стиль, чтобы цвета цепочек не перемешивались друг с другом. Чтобы избежать беспорядка, выделите все эти слои в отдельную группу (Ctrl + G).

Теперь объедините все слои группы в один и добавьте маску (

",this,event,"320px");">Layer Mask). Теперь на Вы можете использовать три цвета, чтобы вписать кольчугу в общий тон работы: чёрный – чтобы сделать её невидимой, белый – чтобы сделать видимой, серый – чтобы сделать её полупрозрачной. Пользуйтесь чёрным цветом с разными значениями параметра Нажим (Flow) для получения разных оттенков серого.

Прорисуйте поверхность под кольчугой, чтобы придать ей правильную форму.

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

Шаг 9

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

Вот эффект, которого мы должны добиться:

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

Вот наш результат на данном этапе:

Нарисуем более цветной и прямой свет. Возьмите цвет слева и нарисуйте его отражения на костюме с помощью режима кисти Осветление основы (Color Dodge).

Перейдите обратно в режим Нормальный (Normal) и нарисуйте отражённые световые пятна. Они должны быть мягкими, очень светлыми, но не светлее, чем сторона, отражающая свет.

Проработайте так же те элементы, которые мы закрыли недавно тусклым цветом в режиме Осветление (Screen). Мы почти закончили!