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

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

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

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

Создайте новый документ размером 300×200 или больше, выберите Rounded Rectangle Tool. Нарисуйте прямоугольник как на рисунке.

Переименуйте слой «Shape 1» в слой «Card». Зайдите в Blending Options слоя «Card» (Двойной щелчок по слою). Примените Gradient Overlay со следующими параметрами:

Вы можете изменить параметр Style на linear в меню Gradient Overlay или изменить параметр Angle, чтобы получить правильный цвет. У вас должно получиться следующее:

Теперь выберите Custom Shape Tool. Перейдите в параметр Shape и выберите фигуру «World». Если вы не можете найти данную фигуру, то щелкните по стрелочке в сторону и выберите раздел «All». И тогда в списке у вас появится искомая фигура. Нарисуйте фигуру world поверх карточки как на рисунке:

Щелкните правой кнопкой мышки по слою с фигурой и выберите Rasterize Layer, затем переименуйте слой в слой «World».
Теперь зажмите Ctrl и щелкните по слою «Card», чтобы загрузить выделение.
Перейдите на слой «World» и нажмите Shift + Ctrl + I (чтобы инвертировать выделение), затем нажмите delete.
У вас получиться следующее:

Уменьшите opacity до 50% слоя «World». Напишите 16 цифр на кредитной карте с помощью любого квадратного шрифта.

Щелкните правой кнопкой мышки по текстовому слою и выберите Blending Options, мы будем добавлять стили Bevel And Emboss и Color Overlay.

Теперь напишите все остальные элементы настоящей кредитной карты, используя те же настройки.

Пришло время добавить логотип и картинки. Вы можете создать свой собственный или взять уже готовые логотипы такие, как Visa, Master Card или American Express.
Я добавил отражение и залил фон градиентом. Вот, что у меня получилось:

АВТОРСКИЕ ПРАВА
Источник: 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