×
image for ux jobs category in dev.bg

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

Как да създадем магическа шапка

Как да създадем магическа шапка




1/ Създайте нов документ 450х450 px и бял цвят.

2/ Трябва да начертаете основната фигура на шапката, която изглежда така:



3/ Когато, имате фигура, на която двете страни трябва да бъдат симетрични, първо трябва да начертаете само едната половина.
Най-напред включете линийките (Ctrl+R) и издърпайте по един водач, за да определите центъра.
Вземете Pen Tool (P) в режим Shape Layers и черен цвят и с помощта на Convert Point Tool , начертайте половината от формата:



4/ Вземете Path Selection Tool (A) и кликнете върху пътя, ще се покажат възловите точки и те ще бъдат запълнени, това означава, че е маркиран целия път. Сега трябва да направите копие на пътя с Ctrl+C -> Ctrl+V.
Натиснете Ctrl+T за да се покаже рамката за трансформация. Хванете централната точка и я преместете върху средната дясна точка или направете тази настройка горе в лентата:

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




5/ С десен клик, изберете от менюто Flip Horizontal, копието ще се обърне в другата половина на документа.
Натиснете Enter, за да приключите с трансформацията и после натиснете бутона Combine горе в лентата за настройки (при активен инструмент Path Selection Tool), пo този начин обединихте двата пътя в един и същ Shape layer и имате цялата фигура със симетрични форми:



6/ Именувайте този слой "body".
Дублирайте го (Ctrl+J) и сложете Fill на 0%. Именувайте го "reflection".
С двоен клик по слоя "reflection", отворете панела с ефектите Blending Options и направете следващите настройки.
Когато сте готови с градиента, хванете го с мишката и със задържан ляв бутон, го преместете на дясно, чак тогава натиснете ОК, за да затворите панела:

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




7/ Добавете маска към слоя "reflection"
Вземете Gradient Tool (G) , изберете черно-бял линеен градиент и начертайте вертикална линия в маската:



8/ Дублирайте слоя "reflection" и именувайте новия слой "reflection 2". С двоен клик по слоя "reflection 2", отворете панела с ефектите и променете настройките.
Когато сте готови с настройките, хванете градиента и го преместете на ляво, натиснете ОК, за да затворите панела:

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


9/ Вземете отново Pen Tool (P) и със сив цвят, начертайте формата на панделката, тя трябва да излиза от двете страни от контура на самата шапка. Именувайте този слой "band".



10/ Задръжте Ctrl и кликнете по слоя "body" за да активирате неговата селекция.
Отидете в Select > Modify > Expand, със стойност 1рх, така ще разширите селекцията с 1рх навън.
Както е маркиран слоя "band", добавете маска:



11/ С двоен клик по слоя "band", отворете панела с ефектите и направете следващите настройки и преди да затворите панела, преместете градиента на дясно:

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


12/ Дублирайте слоя "band", именувайте копието "band 2", сложете Fill: 0%
С двоен клик отворете ефектите и променете настройките, като преместите този път градиента на ляво:

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


13/ Вземете Ellipse Tool (U) в режим Shape Layers и с черен цвят начертайте елипса, именувайте слоя "top".



14/ Отворете панела с ефектите и направете следващите настройки:

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


15/ Дублирайте слоя "top", преместете копието под него именувайте го "top 2".
Активирайте Move Tool (V) и натиснете клавиша от клавиатурата със стрелката за на долу 7 пъти. По този начин ще преместите копието със 7рх, на долу. С двоен клик по слоя "top 2", отворете панела с ефектите и променете настройките, като преди да затворите панела трябва да преместите градиента на дясно:

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


16/ Дублирайте слоя "top 2", именувайте копието "top 3" и сложете Fill на 0%.
С двоен клик по слоя "top 3", отворете панела с ефектите и променете настройките, като преди да затворите панела трябва да преместите градиента на ляво:

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


17/ Изберете най-горния слой ("top") и над него начертайте още една черна елипса:



18/ Отворете панела с ефектите и направете следващите настройки:

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


19/ Сега ще създадем сянка от периферията върху шапката.
Маркирайте слоя "top" и създайте под него нов празен слой (Ctrl+ клик по иконката ).
Активирайте селекцията с Ctrl+клик по слоя "top" и запълнете новия слой с черен цвят. Отменете селекцията (Ctrl+D).
Активирайте Move Tool (V) и натиснете 5 пъти клавиша със стрелката за на долу.
Отидете във Filter > Blur > Gaussian Blur - 5рх.
Активирайте селекцията на слоя "body" и добавете маска на слоя със сянката.



20/ Изберете слоя с фона и над него създайте нов слой, с Elliptical Marquee Tool (M) направете елипсовидна селекция и я запълнете с черно.
Намалете Opacity на 30%.
Отидете във Filter > Blur > Radial Blur и направете показаните по-долу настройки:



21/ Създайте нов слой и направете още една елипса, запълнете я с черно и намалете Opacity на 50%.
Отидете във Filter > Blur > Gaussian Blur - 2.5 px.



22/ Маркирайте най-горния слой, вземете Rectangle Tool (U) и начертайте правоъгълник с черен цвят.
Отворете панела с ефектите и направете следващите настройки:

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


23/ Дублирайте слоя, натиснете Ctrl+T задръжте Alt+Shift и намалете само височината, като придвижите средната долна точка на рамката за трансформация, към центъра.
Маркирайте долния слой и променете ефектите:

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


24/ Кликнете с Add Anchor Point Tool върху горната линия и добавете една възлова точка, преместете я на горе и издърпайте раменцата в двете посоки, за да се оформи дъга.
Начертайте малка елипса с Ellipse Tool (U) с цвят #А9АСС4 в долната част на пръчката:



25/ Маркирайте 3-те слоя с пръчката едновременно и ги слейте:
(клик по единия -> Ctrl -> клик по другите два - > десен клик -> Merge layers).
Натиснете Ctrl+T и в лентата за настройки в полето за ротация, напишете 75, за да завъртите пръчката на 75 градуса:



26/ Направете сянка на пръчката, като използвате опита, който придобихте с предишните сенки, които направихме.

Резултата:



Запазете готовия резултат от File - Save for Web - във формат JPEG.
Ако след запазването изображението изглежда прекалено тъмно или светло, на вашия монитор, отворете го добавете един коригиращ слой (Layer > New Adjustment Layer > Brightness/Contrast) и направете настройките, както ви харесват.

Моят опит:

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


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




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

Коментари

mishi7

за това се изка доста практика с пен тоола аз за съжаление нямам

alito

Как се създава нов документ 450х450 px и бял цвят?

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

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