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