Создание кредитной карты

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

Создайте новый документ размером 600х600 с любым цветом фона и примените градиент.

Создание кредитной карты

Создайте новый слой, выберите инструмент Rounded Rectangle Tool (Прямоугольник со скругленными углами), установите радиус на краях 10 пикселей. Установите белый цвет и создайте прямоугольник.

Создание кредитной карты

К слою с прямоугольником примените стиль Inner Glow (Внутреннее свечение).

Создание кредитной карты

Для градиента я использовал следующие цвета: #ffdd40, #e6c345, #fbe54f, #f6e886.

Создание кредитной карты

Загрузите текстуру карты мира World Map.

Создание кредитной карты

Подкорректируйте изображение с картой с помощью корректирующего слоя Hue/Saturation (Цветовой тон/Насыщенность), чтобы придать ему оттенок цвета кредитной карты. Так же измените размер этого изображения, чтобы он поместился в прямоугольную форму кредитной карты. Понизьте значение Opacity (Непрозрачность) до 40%. Вот, что у вас должно получиться:

Создание кредитной карты

Сделайте активным слой с прямоугольником и выберите инструмент Ellipse Tool (Эллипс), в настройках установите Subtract from Selection (Вычесть из области фигуры). Создайте эллипс таким образом, как показано на изображении ниже.

Создание кредитной карты

Создание кредитной карты

Создайте новый слой выше слоя с выделением эллипса и залейте его белым цветом. Уменьшите значение Opacity (Непрозрачность) до 25%.

Аналогично создайте еще одну форму, но на этот раз меньшего размера и разместите противоположно по диагонали. Залейте этот слой цветом #ecb213, уменьшите значение Opacity (Непрозрачность) до 25%.

Создание кредитной карты

Загрузите изображение с земным шаром Globe 3, измените размер и поместите его поверх всех слоев.

Создание кредитной карты

К слою с земным шаром примените стиль Outer Glow (Внешнее свечение), цвет установите #eeffac.

Создание кредитной карты

Создайте две небольшие фигуры круглой формы красного и темно-желтого цвета, и разместите их, как показано ниже.

Создание кредитной карты

Теперь добавим надпись на кредитную карту. Я использовал шрифт с засечками, цвет выбрал #a6640c. Поместите слой с текстом поверх всех слоев и примените к нему следующие стили:

Bevel and Emboss (Тиснение):

Создание кредитной карты

Contour (Контур):

Создание кредитной карты

Gradient Overlay (Наложение градиента):

Создание кредитной карты

Введите текст, указывающий тип карты. Цвет установите #a6640c и примените стиль Bevel and Emboss (Тиснение).

Создание кредитной карты

Вот результат:

Создание кредитной карты

Следующая надпись, которую мы добавим, это номер кредитной карты. Цвет текста установите #955b0f и примените к нему стили:

Bevel and Emboss (Тиснение):

Создание кредитной карты

Gradient Overlay (Наложение градиента):

Создание кредитной карты

Кредитная карта должна выглядеть так:

Создание кредитной карты

Теперь на карту добавьте две даты и примените стиль Bevel and Emboss (Тиснение).

Создание кредитной карты

Добавьте имя владельца кредитной карты и примените следующие стили слоя:

Bevel and Emboss (Тиснение):

Создание кредитной карты

Contour (Контур):

Создание кредитной карты

После нескольких проделанных шагов, карта должна выглядеть так:

Создание кредитной карты

Добавьте тень карте, для этого нарисуйте тонкий эллипс на новом слое и залейте его черным цветом. Зайдите в меню Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу), установите значение радиуса 3 пикселя и уменьшите значение Opacity (Непрозрачность) для этого слоя до 75%.

Создание кредитной карты

Создание кредитной карты

Заключительный этап.

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

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

Создание кредитной карты

Ссылка на источник урока.