PsLessonS Учебник Инструменты Обработка фото Эффекты Работа с текстом Дизайн Анимация Графика Фильтры Кисти Переводы терминов Фотошоп Online

Рисуем реалистичную кредитную карту

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

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

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

Layer - Layer Style - Drop Shadow (Слои - Стиль слоя - Тень);

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

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


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

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

Layer Style - Bevel & Emboss (Стиль слоя - Тиснение);

Layer Style - Bevel & Emboss - Texture (Стиль слоя - Тиснение - Текстура);

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

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

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

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

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

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

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

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


Layer Style - Bevel & Emboss (Стиль слоя - Тиснение);

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

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

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

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

Добавьте название банка (инструмент - Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T») Рисуем реалистичную кредитную карту используя Фотошоп).

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


Layer - Layer Style - Drop Shadow (Слои - Стиль слоя - Тень);

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

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

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

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


Layer - Layer Style - Drop Shadow (Слои - Стиль слоя - Тень);

Layer Style - Bevel & Emboss (Стиль слоя - Тиснение);

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

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

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


Layer - Layer Style - Drop Shadow (Слои - Стиль слоя - Тень);

Layer Style - Bevel & Emboss (Стиль слоя - Тиснение);

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

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

Вот и все.

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