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

Стъклена навигационна лента

Стъклена навигационна лента






1/ Създайте нов документ с размери 800х600 рх и цвят по ваш избор.
Вземете Rounded Rectangle Tool (U) в режим Shape Layers , цвят #dcdcdc и начертайте Shape Layer (шейп) с форма на правоъгълник със заоблени краища с радиус 20рх:





2/ Изтеглете готовия стил ТУК

Разархифирайте файла:



Отидете в Edit -> Preset Manager
От падащото меню изберете Syles и натиснете бутона Load.
Изберете файла "glass_effect" и натиснете Done. Отидете в панела Styles и кликнете върху последния добавен стил, за да го добавите към фигурата:



Резултата, който трябва да получите:



3/ Вземете отново Rounded Rectangle Tool (U) и начертайте малък правоъгълник с бял цвят:





4/ Изтеглете готовия стил ТУК
Добавете го по начина описан по-горе и ще получите следващия резултат:



5/ С Rounded Rectangle Tool (U) и цвят #c5c5c5, начертайте още един малък правоъгълник:





6/ С десен бутон върху шейпа, отворете панела Blending Options:



Направете следващите настройки:

Drop Shadow



Inner Shadow



Gradient Overlay





Трябва да получите следващия резултат:



7/ С Move Tool (V) , наместете фигурата така:



8/ С Rounded Rectangle Tool (U) и цвят #b1b1b1, начертайте правоъгълник:





9/ Отворете панела Blending Options и добавете следващите настройки:

Gradient Overlay





10/ Наместете фигурата по следния начин:



11/ С Rounded Rectangle Tool (U) и цвят #7dcafc, начертайте следващата фигура:





12/ Наместете по следния начин:



13/ Отворете панела Blending Options и добавете следващите настройки:

Inner Glow



14/ Намалете Opacity на 75 %



Резултата, който ще получите трябва да изглежда така:



15/ Вземете Custom Shape Tool (U) и изберете фигурката с форма на халка:



16/ Начертайте я върху бутончето с цвят #688cab. Вземете Rectangle Tool (U) , натиснете бутона Subtract from shape area (-) и начертайте правоъгълник с който ще изрежете горната част на халката.



17/ Все още със същия инструмент и цвят, натиснете бутона Add to shape area (+) и начертайте малък правоъгълник:



18/ С Horizontal Type Tool (T) и същия цвят, напишете текста за бутоните.
Намалете Opacity на 40%



Резултата:



Моят опит:

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


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




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

Коментари

Angi Gerina

Браво Мая !! Урока е много ефектен !! Благодаря !

petresko14

Не виждам за какво може да послужи този урок ама все пак си се постарал!Супер е :)

ivcho13

Браво Мая. Интересен урок с интересни техники. И аз благодаря !

P.S. кой шрифт си използвала ?

maqpen4eva

Не помня, но е някой от стандартните

raxet

petresko14, явно нямаш никакво въображение. Урокът би бил изключително полезен в направата на сайт например. Ето моя опит. Благодарности за урока maqpen4eva

http://i256.photobucket.com/albums/hh168/raxet1/button.gif

SwimP

Добър и полезен урок !

http://img90.imageshack.us/img90/3742/music2n.jpg

pacheto94

и при мен се получи супер страхотен урок

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

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