7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Effects

Металлические Стили в Photoshop

Scroll to top
Read Time: 4 mins

Russian (Pусский) translation by Ashimova Damira (you can also view the original English article)

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

Шаг 1

Фоновый Слой (BACKGROUND)

Как всегда мы начнём с создания градиента на фоновом слое. Я использовал Радиальный градиент (два красивых оттенка светло-зелёного цвета). Цветовые оттенки градиента указаны ниже:

Цвет переднего плана - #93cc1a
Цвет заднего плана - #7eb704

Шаг 2

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

Уменьшите Непрозрачность (opacity) данного слоя до 30%.

Шаг 3

Далее, продублируйте слой с затенением на краях, а затем идём Фильтр – Размытие- Размытие по Гауссу (Filters > Blur > Gaussian Blur). Установите радиус размытия на 20px, чтобы размыть слой и сделать эффект мягче.

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

Шаг 4

Далее, мы сделаем задний фон более интересным. С помощью шрифта "TW Cen MT (T1)", на мой взгляд, это стандартный шрифт по умолчанию, добавьте две буквы "S". Я использовал цвет текста #cecfd0, а затем увеличил масштаб букв. Поменяйте режим наложения для слоёв с текстом на Умножение (Multiply). Таким образом, мы создали красивые изогнутые фигуры на заднем фоне.

Шаг 5

Далее, нам нужна фигура, чтобы применить к ней металлический стиль, для этого, выберите инструмент Произвольная фигура (Custom Shape Tool (U), я выбрал фигуру Fleur De Lis, поскольку это довольно-таки сложная и красивая фигура. Опять же, для данной фигуры я использовал следующий цветовой оттенок - #cecfd0, потому что это красивый светло-серый оттенок, который станет отличной основой для создания металлического эффекта.

Шаг 6

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

Вначале добавьте стиль слоя Тень (Drop Shadow), чтобы отделить фигуру от заднего фона. Основная задача в создании теней- НЕ переусердствовать. Хорошая тень должна быть нежной. Я не часто использую чёрный цвет, чаще это один из оттенков цвета заднего фона- поэтому, в данном случае, я использовал тёмно-зелёный.

Далее, добавьте стиль слоя Обводка (Stroke). Я использовал Внутреннюю обводку (Inside stroke) 4px. Но здесь самое главное установить Тип обводки (Fill Type) на Градиент (Gradient), а затем создать красивый бело-серый градиент.

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

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

Шаг 7

Далее, в противовес ободке градиента, мы добавим Наложение градиента (Gradient Overlay), используя тот же самый градиент. Данный стиль слоя появится на основной части фигуры, и вы можете видеть, как данный стиль отлично контрастирует с обводкой на краях, он создаёт эффект металлического блеска.

Шаг 8

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

Итак, мы создали наш металлический стиль! Вы можете скопировать / вклеить стили слоя, для этого, щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style).

Шаг 9

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

Далее, я добавил следующий текст: Metallic Style, а затем добавил новые стили к данному тексту. Я использовал следующие стили слоя для данного слоя с текстом, которые указаны ниже:

Внутренняя тень (Inner Shadow) – поскольку я хочу, чтобы буквы выглядели так, как будто они выгравированы в металле, я добавил стиль слоя Внутренняя тень (Inner Shadow). Создайте красивую нежную тень, только не переусердствуйте!

Наложение градиента (Gradient Overlay) – Поскольку градиенты делают фигуры более естественными, но опять же, используйте только плавные переходы цветовых оттенков!

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

Шаг 10

И мы создали красивую пару металлических стилей!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.