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

Дизайн на оригинална визитка в джинсов стил

Дизайн на оригинална визитка в джинсов стил






Преди да започнете, трябва да знаете че:

Това е само дизайн на визитка за Web, дадените в урока размери се отнасят до стандарта за визитка в САЩ и Канада, които са 3.5×2 inches обърнато в пиксели 520×295px.
За да подготвите визитка за печат у нас, трябва да се съобразите с изискванията на печатницата, както и със българския стандарт.
Ако се позова на други уроци, те са 92х52mm, Резолюция 300, CMYK Color mode.

1/ Създайте нов документ (File-New), 700x500px:



2/ Запълнете фона с цвят #0f0e0e .
Вземете Rectangle Tool (U) в режим Shape Layers и задайте фиксирани размери 520×295px.
Включете линийките (Ctrl+R) и издърпайте по един водач за определяне на центъра.
Изберете контрастен цвят (бял примерно), без значение какъв е и кликнете в пресечната точка на водачите:

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




3/ Скрийте водачите да не ви пречат (Ctrl+; )
Свалете и отворете тази текстура (File - Open):

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


4/ Копирайте я (Ctrl+A -> Ctrl+C) и я поставете в документа над правоъгълника (Ctrl+V).
Тя е много голяма, затова намалете размерите и до границите на документа първо натиснете Ctrl+T, после Ctrl и - (минус), за да се покаже рамката за трансформация, задържате Alt+Shift и местите една от ъгловите точки към центъра:



5/ Задръжте Alt и кликнете на границата между двата слоя, за да ограничите текстурата само върху правоъгълника или Layer - Create clipping mask:



6/ С двоен клик по слоя с текстурата, отворете панела с ефектите Blending Options и направете тези настройки:

Gradient Overlay с цветове # d1d1d1 - # baacac - # d1d1d1





7/ Вземете Burn Tool (O) и направете малко петна по текстурата, настройките на инструмента са показани на следващата картинка:



8/ Приложете Filter->Sharpen->Smart Sharpen с настройки:



9/ Намалете малко яркостта (Brightness) на текстурата от Image->Adjustments->Brightness/Contrast:



10/ Отворете този елемент:



11/ Копирайте го и го поставете в документа над текстурата, той е точно по мярка:



12/ Дублирайте слоя с елемента (Ctrl+J) и преместете копието в горния ляв ъгъл.
Активирайте селекцията на правоъгълника с Ctrl+клик по неговия слой в панела със слоевете и добавете маска към слоя с копието, така ще скриете излишните му части.



13/ Сега ще добавим сянка, затова активирайте отново селекцията на правоъгълника.
Отидете в Select->Modify->Expand със стойност 10px, така ще разширите селекцията:



14/ Създайте нов слой и го запълнете с черен цвят. Преместете този слой, под слоя с правоъгълника (над фоновия слой).
Слой се мести, като се хване с мишката в панела със слоевете и се плъзва на долу със задържан ляв бутон.
Приложете Filetr - Blur - Gaussian Blur със стойност 8рх.



15/ С двоен клик по слоя със сянката, отворете панела с ефектите Blending Options и направете тези настройки:





16/ Свалете и отворете снимката с копчето:



17/ Копирайте и сложете в документа, както е показано или както сами прецените.
С двоен клик по слоя с копчето, отворете панела с ефектите Blending Options и направете тези настройки:





18/ Изострете малко изображението, като използвате Filter->Sharpen->Smart Sharpen.
Намалете яркостта (Brightness) на копчето от Image->Adjustments->Brightness/Contrast и трябва да имате следващия резултат:



19/ Вземете Rectangulat Marquee Tool (M) и начертайте правоъгълна селекция:



20/ Създайте нов слой и запълнете селекцията с черен цвят (D -> Alt+Delete)
Отменете селекцията (Ctrl+D):



21/ Приложете Filetr - Blur - Gaussian Blur със стойност 8-10рх
Намалете Opacity на 60%:





22/ Изтеглете и запазете някъде ТАЗИ ЧЕТКА:

Заредете я във Photoshop през Edit - Preset Manager, от падащото меню изберете Brush, натиснете бутона Load, в отворения прозорец, посочете файла, там където сте го запазили и натиснетебутона Done.
Вземете Brush Tool (В) с размер 10рх, натиснете F5 (Windows - Brushes) и направете следващите настройки на четката:





23/ Създайте нов слой и изберете тъмно оранжев цвят.
Вземете Rectangle Tool (P) в режим Paths , отменете предишните настройки на инструмента и начертайте правоъгълник:





24/ Преминете в панела Paths и кликнете на второто кръгче:





25/ Изтеглете и инсталирайте шрифта Myriad Pro:
Вземете Horizontal Type Tool (T) и напишете текста.
С Custom Shape Tool в режим Shape layers начертайте малки иконки:





26/ Напишете адреса:



27/ Напишете името, отворете панела с ефектите и направете следващите настройки:







Резултата:



Моят опит:

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


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




Урокът е добавен от: maqpen4eva
Източник: http://www.tutorialkit.com/

Коментари

Dilirium

Много хубаво се получи:

не можах да се преборя иконката на писъмцето да стане по-изразително бяло, но нищо:)

pakita

Добро е. :) Бях ползвал този дизайн за един email newsletter.

shturshel

Да попитам, някой знаели начин как се прави " шев " ?

pohf

shturshel,
ето ти "шев" :)
може и това, че някой пак трябва да си слагат емблемите. :)

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

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