Форум города Днепр (Днепропетровска)

Форум города Днепр (Днепропетровска) (http://forum.dneprcity.net/index.php)
-   Photoshop (http://forum.dneprcity.net/forumdisplay.php?f=156)
-   -   Создаем кредитную карточку (http://forum.dneprcity.net/showthread.php?t=8580)

Strelok 01.10.2010 22:01

Создаем кредитную карточку
 
Создаем документ размером 500х300 и заливаем его градиентом (на свое усмотрение).
Выбираем "Rounded Rectangle Tool" (инструмент "Прямоугольник с закругленными краями") Рисуем его (размер произвольный, важное чтобы вам было дальше удобно работать).

Шаг 2.

После того как мы его нарисовали, выбираем "Pen Tool" (инструмент "Перо"). Нажимаем на нашу фигуру правой кнопкой мыши и выбираем "Make Selection" (создать выделение) Создаем новый слой и выбираем цвета для своей будущей карты: #d50000 и #000000 (такие нам предложил автор). Теперь заливаем наше выделение градиентом.

Шаг 3.

Как только вы залили нашу "карту" градиентом - снимаем выделение (Ctrl+D) и заходим в "Параметры наложения", или же Layers->Layer Style. Выставляем настройки как на скриншотах:
http://agreg.at.ua/bacilla/card.jpg

Теперь у нас должно получится, что-то похожее на это:
http://paint.3dn.ru/Files/img/lessons/credit_card/5.gif

Шаг 4.

В этом шаге мы добавляем название банка и логотип в левый верхний угол. Автор советует нам шрифт "Garamond".
После того как вы с этим справитесь - должно получится примерно так:
http://paint.3dn.ru/Files/img/lessons/credit_card/6.gif

Шаг 5.

Теперь настало время сделать защиту на карточку, в виде рисунка и текстовый водяной знак. Начнем с первого. Автор посоветовал нам зайти на гоголя или другой поисковик картинок и найти карту мира (Лично я выбрал герб своего города). Искать необходимо только чернобелого цвета! Наложите свое изображение на центр карточкии
http://paint.3dn.ru/Files/img/lessons/credit_card/7.gif

и выставьте режим наложения "Color Burn" или "Multiply" (как вам больше понравится.) Ваше изображение должно выглядить приблизительно так:
http://paint.3dn.ru/Files/img/lessons/credit_card/8.gif

Теперь займемся текстовой водной защитой (text watemark). По центру своей карты напишите любой текст (желательно названия банка) на 4-5 строк. Теперь поднимаем свой взгляд на верхние иконки в фотошопе и находим там такой значок:
http://paint.3dn.ru/Files/img/lessons/credit_card/9.gif

В стиле выбирайте "Волны" ("Wave"). Будет что то типа такого:
http://paint.3dn.ru/Files/img/lesson...it_card/10.gif

Чтобы это больше было похоже на защиту выставляем Opacity (непрозрачность нашего текста) на 40%.
http://paint.3dn.ru/Files/img/lesson...it_card/11.gif

Шаг 6.

Ну самое сложное уже позади и мы начнем добавлять разные примочки на нашу карточку. Одной из них будет логотип "MasterCard". Для этого нам потребуется взять “elliptical marquee tool” и зделать небольшое выделение в правом верхнем углу. Заливаем его красным цветом. Перемещаем наше выделение правее и заливаем его оранжевым цветом. Делайте так, чтобы получилось как на скриншоте:
http://paint.3dn.ru/Files/img/lesson...it_card/12.gif

Теперь создадим стиль для этих "кругов":
http://paint.3dn.ru/Files/img/lesson...it_card/13.gif

Теперь выбираем шрифт "Arial" и ставим его под наклоном. Пишим теперь "Master Card". На надпись применяем стиль слоя - обводка черным цветом и размером 1 рх.
http://paint.3dn.ru/Files/img/lesson...it_card/14.gif

Шаг 7.

Наконец настал тот торжественый момент. Нашим заключительным штрихом будет добавление "Valid Dates" на вашу карту.:
http://paint.3dn.ru/Files/img/lesson...it_card/15.gif

Для этого необходимо сделать два раза, т.е. сначала пишем номер из 16 цифр, а потом новым текстовым слоем оставшиеся надписи, не разрывая их.

Теперь займемся стилем 2-го слоя с текстом:
http://paint.3dn.ru/Files/img/lesson...it_card/16.gif
http://paint.3dn.ru/Files/img/lesson...it_card/17.gif

И все. На этом создание нашей карточки завершено.

Мой Вариант
http://agreg.at.ua/bacilla/card_1.jpg

Медвед 01.10.2010 22:17

Ответ: Создаем кредитную карточку
 
вауу... ну ваще, нет слов :Good2:

Масяня 01.10.2010 22:33

Ответ: Создаем кредитную карточку
 
прикольно! :Good2:

elimeleh 19.08.2015 23:29

Ответ: Создаем кредитную карточку
 
Народ, фотки пропали.. восстановите кто нить их обратно плиз !!!!

alexfer 11.01.2016 13:15

Ответ: Создаем кредитную карточку
 
восстановите фотки, хочу изучить урок! Пожалуйста!

MorthSid 13.07.2016 12:27

Ответ: Создаем кредитную карточку
 
что то сложно


Текущее время: 16:38. Часовой пояс GMT +3.

Powered by vBulletin® Version 3.7.0
Copyright ©2000 - 2021, vBulletin Solutions Inc. Перевод: zCarot