Преглед на урок

Дизайн на визитка готова за принтиране

Дизайн на визитка готова за принтиране




Как да направим визитка готова за печат, като използваме само Photoshop.

1. Първото нещо, което трябва да направите е да отворите нов документ. В зависимост от това къде мислите да принтирате вашата визитка имате нужда от различни размери. Принтера, който аз ползвам е с размери за визитка по подразбиране 90mm x 55mm.
Когато принтирате нещо трябва да добавите ивици за изрязване покрай снимката, които се наричат Bleed /изрязана част от напечатания текст при подвързване на книга/. Това е ивицата от изображението, която ще се изреже след отппечатването. Колко пространство ще оставите зависи от вашия принтер. 3mm-5mm е добра стойност.
Затова, когато създавате документ височината вместо 90mm трябва да е 90mm + 3mm bleed от ляво +3mm bleed от дясно = 96mm. По същия начин и за ширината 55+3+3= 61mm.
Понеже подготвяте нещо за принтиране трябва да зададете резолюция 300dpi и Color Mode/Цветовия модел/ трябва да е CMYK.
Ако някога правите огромен постер може да намалите резолюцията на 120 dpi, но това всъщност зависи от каква далечина човек ще гледа произведението ви . Ако принтирате на 120 dpi, правите компромис с качеството, но това е гигантски постер така че може да минете гратис.
Както и да е, това което ще правим е визитна картичка, би трябвало да я направите с резолюция 300dpi, което е високо качество за принтиране.



2. Първото нещо, което трябва да се направи след като създадете документа е да изведете водачи, които ще показват къде са краищата на визитката и къде ще започват ивиците за изрязване. Натиснете Ctrl +R за да включите мерните линии. Сега за да добавите водачи/guides/ може да кликнете на мерна линия и да ги издърпате или за да е по прецизно идете на View>New Guide и отбележете в хоризонталната позиция 3mm, повторете това и с вертикалната позиция. Сега повторете по още веднъж вертикала – 58mm и хоризонтала – 93mm.



3. Би трябвало да имате бяло поле с 4 водача /всеки на по 3mm разстояние от краищата.



4. Понеже правих тази визитка за FreelanceSwitch Card Competition използвах елементи от Arsenal's freebie pack of vectors and textures. Използвах тази текстура защото изглежда добре. Може да изтеглите текстури като посетите сайта и кликнете на Free section.

Натиснете върху изображението за цял размер


5. Така след като поставите текстурата в документа с Ctrl + T я оразмерете според визитката.Сега трябва да премахнете големите линии пресичащи текстурата. Направете го с Clone Stamp(S). Изберете мека четка. Натиснете Alt за да изберете образец и след това започнете да покривате линиите.



6. В тази стъпка ще потъмним текстурата, така че добавяме нов слой и го запълваме с цвят 797c82 и режим на смесване Multiply. Сега изглежда малко странно и със синкав оттенък. Така е защото сме в цветови режим CMYK.
CMYK е съкращение на Cyan, Magenta, Yellow, Black т.е. цветовете на мастилата, ползвани при стандартния четирицветен печат.

Всички компютърни монитори възпроизвеждат цветовете по модела RGB- Red(червен), Green(зелен), Blue(син).
Разликата между двата цветови режима е в това че RGB е събирателен метод за получаване на цветовете, при които червена , зелена и синя светлини се проектират върху едно и също петно на бял екран. При равна интензивност на всички цветове се получава бял цвят. CMYK режима използва метод с изваждане на части от бялата светлина /отразена от бялата хартия/. Това всъщност е обратен процес на адитивното (RGB) получаване на цветовете. Всъшност цветовете, които можете да възпроизведете в CMYK режим са по малко от тези в RGB. Ако правите нещо в RGB режим трябва да превключите на CMYK режим преди да го отпечатате. За да запазите ефектите ще трябва да обедините всички слоеве в един.

Превключване между цветови модели(Color modes).
В тази стъпка трябва да превключим на RGB за да видим действителното затъмнено сиво и по важното за следващата стъпка, където искам да поставя жълти ленти с определен ефект. Имаме нужда да сме в RGB режим. Идете на Image>Mode>RGB Color , ще ви излезе диалогов прозорец в който се иска да обедините изображението. Отговорете с не! Ще видите промяната в цвета от потъмнения ефект. Можех да направя тази стъпка по кратка и просто да ви кажа – превключете на RGB режим, но е полезно да се знае за цветовите режими.



7. Сега ще начертаем няколко диагонални ленти. Направете нов слой и вземете Polygonal Lasso Tool (L). Начертайте форма като следващата, като задържате Shift бутона за да се получат ъгли под 45’.



8. Запълнете фигурата с цвят C4B10F. Понеже това е един неприятен цвят сменете Blending mode на Color Doge. Ако сега превключите на CMYK, ще видите как ефекта не e същия и защо трябваше по рано да преминем на RGB.
Дублирайте този слой няколко пъти и разпределете лентите на око.



9. Натиснете Shift бутона и селектирайте всички слоеве с жълти форми. Горе в лентата с опции кликнете на Align tool както е показано по долу. Това автоматично ще подравни лентите правилно. (Селектирането на слоеве с помощта на Shift бутона действа само във версии CS2 и CS3).



10. Сега формите ви са добре разположени.



11. Направете нов слой и с голяма мека черна четка внимателно минете по краищата. Помнете че всичко, което е извън водачите няма да се отпечата във вашата финална визитка(освен ако принтера не го изреже). Така че черното трябва да е разположено точно над линиите, ако искате да се вижда в крайния резултат.



12.Да се върнем пак на ивиците за изрязване. Повечето принтери не се отклоняват много от линиите за изрязване.



13. Във Photoshop няма начин автоматично да скриете тези ивици, трябва да го направите ръчно. Най често аз правя слой над всички останали и го запълвам ивиците с бяло, така мога по точно да видя финалния резултат. Не забравяйте да изключите този слой преди принтиране!



14. Сега поставете текст на визитката. Това всъщност е гърба на визитката. Използван е шрифт DIN(не е задължителен). Размера на шрифта – 8pt. Не използвайте по малък размер ако искате текста ви да се чете нормално.



15. На лицевата част на визитката слагам името си, уеб адрес и и email.



16. Изключете някои от слоевете с жълтите ленти и оставете само три. Идеята е да изглежда така че лентите започват от лицевата страна и продължават на гърба на визитката. Вземете Polygonal Lasso Tool (L) и начертайте триъгълник както е показано.



17. Направете нов слой точно над текстурата, запълнете с тъмно сиво и сменете Blending mode на Multiply. Понеже жълтото изглежда малко мъгливо в следващата стъпка ще го оправим.



18. Ctrl+ клик върху първия слой с жълта лента, натиснете Shift и изберете и другите две ленти. Сега трябва да имате селектирани и трита слоя. Сега натиснете CTRL-SHIFT-I за да обърнете селекцията. Без да премахвате селекцията кликнете на слоя с триъгълника и кликнете на „Add Layer mask” в долната част на палитрата Layers. Това ще маскира пространството извън жълтите ленти, в резултат на което те ще засияят.



19. Сега обединете всички слоеве - Layer > Flatten Image(не забравяйте да изключите слоя с белите ивици от т.13) и след това Image > Mode > CMYK за да се върнете на режим CMYK. Готови сте да принтирате. Понеже сплескахме изображението запазихме ефекта на жълтъя цвят. Използвахме преимуществото на RGB режима за постигането на този ефект.



20. Сега идете на File > Print with Preview. Ако нямате всики тези опции кликнете на More Ortions и ще се покажат. Отметка в полето Corner Crop Marks, след това натиснете бутона Bleed и задайте 3mm. Махнете отметката от Show Bounding Box.
Принтирайте в PDF формат. Направете същото и с гърба на визитката. За да принтирате в PDF формат трябва да разполагате с програмата Acrobat Reader в пълната и версия.



21. Ако не разполагате с Acrobat тогава прескочете стъпка 20 и направете следното: върнете се на документа , направете нов слой , вземете Single Column Marquee Tool и направете селекции около водачите както е показано.



22. Сега трябва да очертаете вашите собствени маркери за изрязване, за да го направите трябва да сте сигурни че използвате правилния цвят, а той се казва Registration Black (100% цвят във всеки от каналите на CMYK). Запълнете селекцията с този цвят . Характеристиките му са показани на следващата снимка. След това като използвате Rectangular Marquee Tool премахнете малките пресичащи линии в четирите ъгъла. Следва Save As… запазете в PDF формат.



23.Ето я моята визитка готова за печат:

Натиснете върху изображението за цял размер


Моят опит:

Натиснете върху изображението за цял размер


Превел: garganel

Източник

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: maqpen4eva

Коментари

cawo

Добър е урока. Включва в себе си дизайна и предпечатната подготовка. Начинаещите дизайнери трябва да разберат, че е препоръчително да си компетентен и в сферата на предпечата ако искат да станат истински дизайнери. Е, разбира се това не е всичко, което е нужно за да станеш дизайнер. Абе този урок е един от най-добрите, които съм засичал тук до сега. Хубаво е и за напред да има повече уроци, включващи и предпечат. :)

ubuntu

Дайте линк за сваляне на този шрифт DIN Regular

garganel

в източника няма линк за въпросния шрифт

ubuntu

Ами да, затова питам поне човека който го е превел, виждам че и той е направил свой вариант...следователно има този шрифт или поне линк за него.

maqpen4eva

човека който го е превел, виждам че и той е направил свой вариант...а не виждаш ли че човека го е направил своя вариянт с друг шрифт, явно го няма този - дадено ти е името има търсачки, намери си го, не е много трудно

montecito

Ctrl+ клик върху първия слой с жълта лента, натиснете Shift и изберете и другите две ленти. Сега трябва да имате селектирани и трита слоя. - как става това при CS3

Wolf Larsen

Използвах урока,за да направя една обява!Запазих файла като pdf,но е 23мб!Нормално ли е,да е толкова или трябва да го намаля по някакъв начин!Ще се качва на флашка и ще се принтира!Големината му дали ще е проблем?Благодаря!

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.