Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Кредитная карта

Alex | 11.03.2014 | нет комментариев

Итак, вот что мы будем создавать:

Для начала скачайте и сохраните форму кредитной карты здесь Откройте сохранённое изображение и измените цвет на #CC0000 Двойной клик на слое, применим такие настройки:

Назовём этот слой «Карта» Создайте новый слой. Выберите Horizontal Type Tool и напишите «easypay» (или любое другое слово, которое вам нравится). Выделите часть слова «easy» и установите шрифт Georgia, Italic, 24 pt, sharp, белый цвет. Теперь выделите вторую часть слова «pay» и установите шрифт Book Antiqua, regular, 24 pt, sharp, белый цвет.

Выберите Мove tool, щёлкните по тексту и, удерживая клавишу ALT перетащите копию текста немного вверх. Затем измените размер текста по длине и высоте, и опять удерживая клавишу ALT+ стрелка вправо, скопируйте текст по горизонтали.

Теперь у вас есть несколько слоёв с надписью «easypay copy». Слейте их вместе (самый первый, оригинальный не трогайте!) Теперь продублируйте слой с надписью столько раз, чтобы заполнить всю поверхность кредитной карты.

Затем слейте слои с надписью между собой. Сейчас мы должны изменить цвет на более тёмный, чем основной цвет карты. Сделайте активным слой с надписью и кликните по нему 2 раза, затем в Layer Style выберите Color Overlay и установите цвет #990000. Уменьшите Opacity до 54%, а затем перетащите слой с оригиналом надписи «easypay» на самый верх в палитре слоёв.

CTRL + клик на слое с картой, чтобы создать выделение, затем идём Select > Modify > Contract = 2 рх. Затем Select > Inverse. Теперь кликните по слою с надписью «easypay copies» и нажмите Delete, чтобы «обрезать» лишнее. Снимите выделение CTRL + D.

Добавим немного реализма. Возьмите Тext Тype Тool, Сourier font, 21 pt, sharp, белый цвет и напишите несколько цифр как на кредитке. Теперь двойной клик по слою и такие настройки:

Должно получиться что-то вроде этого:

Добавим другой текст. Шрифтом Time new Roman, 12 pt, strong, белый цвет напишите фразу «Electronic use only» и «Valid Thru», шрифтом Courier, regular,12 pt, strong, белый цвет напишите «02/11» (или другой текст, который вам нравится). Кликните правой клавишей по слою с номером кредитной карты (шаг 8) и скопируйте стиль слоя в выпадающем меню Copy layer Style. Затем кликните правой клавишей по слою с датой 02/11 и выберите Paste layer style.

Добавим ещё больше реализма! Обычно, у кредитных карт есть изображение на заднем фоне, так что давайте добавим к нашей карте какой-нибудь симпатичный рисунок. Скачайте это изображение. Откройте рисунок в фотошопе и переместите (или скопируйте) его на поверхность нашей кредитки. Двигайте новый слой прямо над картой.

CTRL + клик на слое с картой, чтобы создать выделение, затем Select > Inverse. Теперь кликните по слою с рисунком и нажмите Delete. Установите стиль слоя с коробкой на Overlay Слейте все слои и поверните вашу кредитную карту. На этом дизайн закончен.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB