Рисуем реалистичную кредитную карту используя Фотошоп

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

Photoshop для чайников Фотошоп с нуля в видеоформате Photoshop для фотографа

В новом документе создайте форму нашей кредитной карты, используя для этого инструмент (Инструмент «Прямоугольник со скругленными углами» / Клавиша «U»). Форма кредитной карты определяется размером 85.60 x 53.98 mm и закруглением углов радиусом 3.18 mm.

Рисуем реалистичную кредитную карту используя Фотошоп

Для создания пластиковой формы карты, примените к слою с фигурой следующие стили ( (Слои - Стиль слоя)):

Рисуем реалистичную кредитную карту используя Фотошоп

(Слои - Стиль слоя - Тень);

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Наложение градиента);

Рисуем реалистичную кредитную карту используя Фотошоп
Рисуем реалистичную кредитную карту используя Фотошоп

Вставьте на новый слои векторные узорные орнаменты, предварительно скачав их (файл lines3.ai). Примените к слоям (Перекрытие).


(Прим. переводчика - У кого нет Adobe Illustrator, можете воспользоваться PSD-файлом узора. Скачать (388.9 кб)).

Рисуем реалистичную кредитную карту используя Фотошоп
Рисуем реалистичную кредитную карту используя Фотошоп

Загрузите выделение карты (клик по иконке слоя + Ctrl). На новом созданном слое залейте это выделение любым цветом, параметр (Непрозрачность заливки) слоя поставьте на 0. Удалите центральную часть карты (светло-красного оттенка) и примените стиль слоя Bevel and Emboss (Тиснение). Параметры ниже.

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Тиснение);

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Тиснение - Текстура);

Рисуем реалистичную кредитную карту используя Фотошоп

Добавляем две красных линии размером 2 px на верхнем и на нижнем краях центральной части карты. Рисуем их на новых слоях.

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Наложение градиента);

Рисуем реалистичную кредитную карту используя Фотошоп
Рисуем реалистичную кредитную карту используя Фотошоп

Снова загрузите выделение формы карты (ctrl + клик левой кнопкой по иконке слоя), на новом слое залейте область любым цветом и поставьте Fill (Непрозрачность заливки) слоя на 0. К слою примените следующие стили:

Рисуем реалистичную кредитную карту используя Фотошоп

(Слои - Стиль слоя - Внутренняя тень);

Рисуем реалистичную кредитную карту используя Фотошоп

(Слои - Стиль слоя - Внутреннее свечение);

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Наложение градиента);

Рисуем реалистичную кредитную карту используя Фотошоп
Рисуем реалистичную кредитную карту используя Фотошоп

С помощью (Инструмент «Прямоугольник со скругленными углами» / Клавиша «U») нарисуйте форму пластинки микросхемы.

Рисуем реалистичную кредитную карту используя Фотошоп

Чтобы создать эффект золотистого металлического покрытия, примените по порядку к слою с формой микросхемы следующие стили:


(Стиль слоя - Тиснение);

Рисуем реалистичную кредитную карту используя Фотошоп

(Слои - Стиль слоя - Глянец);

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Наложение градиента);

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Обводка);

Рисуем реалистичную кредитную карту используя Фотошоп

Нарисуйте на пластинке фигурную нарезку в форме линий, используя (Инструмент «Линия» / Клавиша «U») и (Инструмент «Эллипс» / Клавиша «U»). Если требуется стереть ненужные области, пользуйтесь (Инструмент «Ластик» / Клавиша «E») Рисуем реалистичную кредитную карту используя Фотошоп.

Рисуем реалистичную кредитную карту используя Фотошоп

Добавьте название банка (инструмент - () Рисуем реалистичную кредитную карту используя Фотошоп).

Рисуем реалистичную кредитную карту используя Фотошоп

К слою с текстом примените стили Gradient Overlay (Наложение градиента) и Drop Shadow (Тень). Значения следующие:


(Слои - Стиль слоя - Тень);

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Наложение градиента);

Рисуем реалистичную кредитную карту используя Фотошоп
Рисуем реалистичную кредитную карту используя Фотошоп

Вклейте на карту логотип банка и примените к нему такие же стили слоя, как для микросхемы, кроме обводки (Stroke).

Рисуем реалистичную кредитную карту используя Фотошоп

Теперь самое время написать номер кредитной карты. Шрифты можете скачать .

Рисуем реалистичную кредитную карту используя Фотошоп

Примените к слою с текстом такие стили со следующими настройками:


(Слои - Стиль слоя - Тень);

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Тиснение);

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Наложение градиента);

Рисуем реалистичную кредитную карту используя Фотошоп

Ниже напишите имя владельца карты.

Рисуем реалистичную кредитную карту используя Фотошоп

Выделите слой с именем, идите (Слои - Стиль слоя) и выставьте следующие значения:


(Слои - Стиль слоя - Тень);

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Тиснение);

Рисуем реалистичную кредитную карту используя Фотошоп

(Стиль слоя - Наложение градиента);

Рисуем реалистичную кредитную карту используя Фотошоп

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

Рисуем реалистичную кредитную карту используя Фотошоп
Рисуем реалистичную кредитную карту используя Фотошоп

Вот и все.

Финальный результат

Автор: ;

Перевод: ;

Уроки Фотошопа