Направете своята безплатна регистрация и се възползвайте от пълните възможности, които предлага iTSchool

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

Таймер, Дигитален часовник

Таймер, Дигитален часовник




Крайният резултат, който ще постигнем с този урок



1/ Създайте докумет с рамери 500×500 px и черен фон. На нов слой с Rounded Rectangle Tool, Radius 8px начертайте бял (#ffffff) правоъгълник. Именувайте слоя base



2/ Ctrl+ клик на слоя за да заредим селекцията. След това Select > Modify > Contract, задайте стойност 2px



3/ Докато селекцията е активна създайте нов слой и запълнете с цвят по избор. В случая е използван червен. Наречете слоя base-background.



4/ Дублирайте слоя base layer, на копието задайте име upper-edge. След това сменете цвета на черен (#000000) , като използвате Blending Options>Color Overlay. Кликнете веднъж на слоя upper-edge. С Rectangle Marquee Тool направете селекция като показанта.



5/ Select > Feather (Select > Modify>Feather за CS4). Задайте стойност 10 px, и с активен слой upper-edge натиснете 2-3 пъти Delete за да постигнете показания ефект. Намалете opacitу на 45%



6/ Дублирайте слоя upper-edge, натиснете Ctrl+T, кликнете с десния бутон и изберете Flip Vertical. Преместете в долната част на правоъгълника. Наречете този слой bottom-edge.



7/ Променете цвета на слоя base-background на #2d2d2d. Създайте нов слой и с Rounded Rectangle Tool, Radius 5px начертайте още един правоъгълник като показания. Цвета за сега е без значение. Именувайте този слой timer-bg



8/ В Blending Options направете показаните настройки за Inner Shadow, Color Overlay и Stroke.







9/ Ще добавим блясък. Създайте нов слой над всички останали. Наречете го shine. Натиснете Ctrl и кликнете на слоя base-background, за да заредим селекцията.



10/ Запълнете я с бяло (#ffffff). С Rectangle Marquee Tool направете селекция в долната половина на слоя shine и натиснете Delete.





11/ С Rounded Marquee Tool направете селекция като показаната.



12/ Select > Feather. с радиус 30px. С активен слой shine натиснете Delete веднъж. Намалете Оpacity на 45%.



13/ С активен слой base-background направете тези настройки в Blending Options>Inner Shadow.



14/ Създайте нов слой под слоя shine и с Type Tool добавете цифрите. Използваният шрифт е Impact, с размер 37px.



15/ Със същия шрифт напишете „time” наречете слоя time.



16/ В Blending Option за този слой задайте следните настройки за Gradient Overlay.



17/ Дублирайте слоя time два пъти. Преместете копията под оригиналния слой. Наречете тези два слоя time-left и time-right. Променете цвета на time-right на черен (#000000). С активен инструмент Move Tool натиснете стрелката на клавиатурата три пъти на дясно и два пъти нагоре. Кликнете с десен бутон на слоя time-left и от падащото меню изберете Clear Layer Style, установете Blend Mode на Overlay. Отново със стрелките преместете три пъти наляво и два пъти нагоре.



С още малко работа финалният резултат може да изглежда така:




Моят опит:



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




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

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

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