Синьо - черно меню
Трудност: За начинаещи
Демо на крайния резултат:


И така започваме :

(1) На първо място, да създадете нов документ - размерът е 540 на 220 пиксела. За фона съм използвал черен цвят. За да направите това отидете на Edit > Fill Попълнете с цвят # 0d0d0d.



(2) Направете нов слой ( Layer > New > Layer ) и изберете rounded rectangle tool , направете селекция от 480 на 50пиксела с радиус 5пиксела в средата на документа :



Сега с градиент инструмента запълнете селекцията с преминаване на #151515 към #050505 цвят , Deselect - Ctrl + D , Сложете FILL-a на слоя на 60% , където е и opacity долу при слоевете .



(3) Прилагаме малко настройки на селекцията :

Layer > Layer Style > Outer Glow

*или Blending Options на слоя



Layer > Layer Style > Stroke



Документа трябва да изглежда така :



(4) Сега ще добавим бутоните :

Направете нов слой и изберете rounded rectangle tool да направите селекция от 150 на 40 пиксела ( пак с радиус 5пиксела) отляво на менюто :



Запълнете селекцията с преливащ градиент от #323232 на #161616 цвят като използвате градиент инструмента. FILL-a на слоя го сложете на 50% :



(5) Прилагаме пак малко стил:

Layer > Layer Styles > Inner Glow

*или от Blending options на слоя :



Layer > Layer Styles > Gradient Overlay



Layer > Layer Styles > Stroke



менюто трябва да изглежда така :



(6) Добавете текст .. (по избор) на примера шрифта е Bell Gothic Std, Bold, 20 pt, Crisp, #ffffff. :



(7) Повторете процедурата за колкото бутончета искате , на примера са направени още два . Реших да направя средния бутон с друг цвят да изпъква ( или като hover ) Цвят за градиент инструмента: #14b9ef и #054573. :



(8) Краен резултат с изпълнен radial gradient :



Източник: http://photoshoptutorials.ws/photoshop-tutorials/layouts/blue-on-black-navigation-bar.html

Превод: Стоян

Урока е специално преведен за уеб турист-а и забранявам да се преписва в други сайтове !

/ Трябва да сте регистриран за да напишете коментар /