×
image for ux jobs category in dev.bg

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

3D покер чип

3D покер чип




1. Направете нов документ с размери 600×500px. Вземете Ellipse Tool (U) с цвят #ff660a и начертайте кръг с фиксирани размери 410x410 px.

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


Използвайте помощни линии! Те ще ви помогнат да разположите на правилното място различните елементи на фигурата. За да добавите помощна линия отидете на View > New Guide…

2. Добавете една хоризонтална и една вертикална линия пресичащи се в центъра на документа. След това вземете отново Ellipse Tool (U) и направете втори кръг с фиксирани размери 250x250 px. Цвета изберете да е бял.

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


Добавете стил Inner Shadow върху този слой:



3. Направете нов слой . Вземете Rectangle Tool (U) в режим на работа Paths , след което начертайте правоъгълник в центъра на кръга така, както е показано на снимката по-долу. Вземете Patch Selection Tool , кликнете върху правоъгълника, за да го маркирате, тогава натиснете Ctrl+C, за да копирате правоъгълника. Натиснете Ctrl+V, за да го поставите върху оригинала. С помощта на Free transform (Ctrl+T) завъртете копието на 30 градуса. Уверете се, че точката на въртене в трансформацията е в центъра на кръга.

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


4. Повторете тази операция няколко пъти, докато не запълните целия кръг.



5. След като сте готови с това, запълнете пътя на правоъгълниците с бял цвят (десен бутон върху пътя > Fill Path).



6. Сега вземете Elliptical Marquee Tool (M) и задържайки клавиша Shift направете кръгла селекциа така, както е показано на снимката по-долу:

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


Натиснете Delete, за да изтриете селектираната част.

7. Докато все още ви е активна селекцията отидете на Select > Transform Selection и задържайки Shift+Alt увеличете селекцията така, както е показано на следващата снимка:



Обърнете селекцията (десен бутон > Select > Inverse) и натиснете Delete.

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


8. Следващите елементи в чипа ще създадем по същия метод. Вземете Rounded Rectangle Tool (U) в режим Shape Layers , радиус: 8 px. С негова помощ направете правоъгълник като този на следващата снимка. Тогава с Pen Tool (P) добавете възлова точка в центъра на горната хоризонтална стена на формата, както и премахнете двете точки посочени с черните стрелки в ляво и дясно:

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


Използвайте Convert Point Tool за да коригирате отново възловите точки:

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


9. Вземете Patch Selection Tool, маркирайте формата и натиснете Ctrl+C, за да я копирате. Поставете я (Ctrl+V) и използвайте Free Transform (Ctrl+T), за да завъртите копието на 60 градуса. Преди това се уверете, че точката на въртене в трансформацията е поставена в центъра на кръга.

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


10. Повторете тази процедура, докато не запълните чипа.



11. С помощта на Horizontal Type Tool (T) и подходящ шрифт, напишете текст в центъра на чипа. Аз избрах да напиша “POKER”, но вие може да предпочитате нещо друго, например Las Vegas или Casino. Също така добавете емблемите на пика, купа, спатия и каро под самия текст.

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


12. И последния елемент от надписа в центъра на чипа - вземете Line Tool (U) с размер 3px и начертайте две линии с черен цвят над и под текста. След това поставете текста и елементите му в една група. Това става като задържите Ctrl и кликнете върху нужните слоеве, за да ги маркирате. Тогава натиснете Ctrl+G. С помощта на Free Transform (Ctrl+T) завъртете тази група на -60 градуса.

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


13. Активирайте пътя на първия кръг от чипа. Вземете Path Selection Tool и натиснете десен бутон върху него. От падащото меню изберете Make Selection. Тогава отидете на Edit > Copy Merged, направете нов документ с размери 600×500px и поставете копирания чип.

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


14. Натиснете Ctrl+T и поставете Vertical Scale: 62%



След това от менюто Layer Style приложете следните настройки:





15. Започваме създаването на видимата страна на чипа. Първо добавете помощни линии, за да ви е по-лесно - две вертикални и две хоризонтални линии. Създайте нов слой. Вземете Ellipse Tool (U) в режим Paths и направете кръг. Коригирайте формата на пътя следвайки примера от следващата снимка с помощта на Pen Tool (P) и Convert Point Tool .

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


16. С помощта на Paint Bucket Tool (G) запълнете слоя със същия оранжев цвят, който използвахте за чипа. Вземете Patch Selection Tool , натиснете десен бутон върху пътя и от падащото меню изберете Create Vector Mask. По този начин ще направите цвета видим само през пътя на формата.



17. Сега вземете Rectangle Tool (U) в режим на работа Fill pixels , изберете бял цвят и начертайте 3 правоъгълника така, както е показано на следващата снимка:

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




18. И накрая добавете стил Gradient Overlay с тези настройки:



19. Направете нов слой. Вземете Ellipse Tool (U) в режим Paths и направете две елипси така, както е показано на следващата снимка. С помощта на Patch Selection Tool и Free Transform (Ctrl+T) коригирайте желания размер и позиция на двата кръга. Изберете четка с размер 2-3 px. След това с активен инструмент Patch Selection натиснете десен бутон върху елипсите и от подменюто изберете Stroke Path > Brush. Тогава поставете Fill 0% на този слой.

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


Приложете следните настройки от менюто Layer Style:







20. Направете нов слой. Вземете Brush Tool и заредете пакета с четки Thick Heavy Brushes. От там изберете четката с име Round Bristle:



Поставете Opacity на четката 20%, след което започнете да рисувате върху чипа.

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


21. За да изтриете излишната част от четката, ще е нужно да заредите селекция на целия чип. За целта задръжте Ctrl и кликнете върху слоя с лицевата му част. След това задръжте и клавиша Shift (заедно с Ctrl) и кликнете върху маската на слоя със страничната част на чипа. По този начин ще селектирате двата слоя едновременно. Обърнете селекцията (Select > Inverse). Уверете се, че слоят с нарисуваното с четката ви е избран и натиснете Delete от клавиатурата.

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


22. Поставете режим на смесване Linear Burn и Opacity 12%.



23. Остава да добавим блясък по видимия ръб на чипа. С Ellipse Tool (U) в режим Shape Layers създайте елипса. След това отидете на Edit > Transform Path > Warp и приложете настройките показани на снимката по-долу:

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


Приложете следните настройки от менюто Layer Style:



С това приключихме урока! Ето няколко финални резултата на автора:

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


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




Урокът е добавен от: almavez
Източник: http://www.tutorial9.net/

Коментари

deskov258

Имам проблем!
Когато оцветя леъра за да "направя цвета видим само през пътя на формата" не ми се получава - остава си оцветена и останала част от клипа.
Помогнете моля!

ghost13

deskov258, след като оцветиш леъра го местиш да не е горен леър а втори от горе на долу. Въобще урока има много пропуски и явни грешки. След 4 часа главоблъскане успях да го докарам.

http://i889.photobucket.com/albums/ac100/zombie131313/3D_Poker_Chip_zps8c425b61.png

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

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