Навигационна лента

Adobe Photoshop » Уеб сайтове и банери

fix3d   трудност:    видян: 5078

1. Направете си нов документ 510px на 60px с бял фон. Направете нов слой и с "Rectangular Marquee Tool" създайте правоъгълна селекция като на картинката:

Оцветете в цвят по желание и след това сменте цвета посредством преливка със стил Layer > Layer Style > Gradient Overlay с тези настройки:

2. Както все още имате селекцията изберете Layer > New > Layer, за да създадете нов слой. Кръстете го "glass". И оцветете полето в селекцията в бяло.

3. Следва да натиснете Ctrl+T и да намалите височината на половина. Намалете също така и непрозрачността (opacity) на 50%.

Ето резултата:

4. Върнете се на слоя с целия правоъгълник (синята преливка), задръжте Ctrl и натиснете на иконата на слоя. Разширете селекцията, като изберете от менютата Select > Modify > Expand със стойност 2пиксела.

5. Направете нов слой (без да се отказвате от селекцията) и оцветете в бяло. Преместете този слой под този със синия правоъгълник.

Сега Layer > Layer Style > Stroke с тези настройки:



6. Направете поредния нов слой под всички други, оцветете го в преливка от показаните цветове:



7. След това изберете Layer > Layer Style > Inner Glow и променете настройките както е показано на примера:





8. Ако не знаете как се правят подобни шарки (patterns) потърсете във сайта ще отриете това което ви трябва (направете нов файл с размери 3х3 пиксела, нарисуваште пикселите, които виждате на горната картинка, след това изберете всичко Ctrl+A и изберете ое мнюто Edint > Define Pattern).



9. Направете нов слой и го поставете под половинчатия бял слой. Изберете полигоналното лато и направете подобна селекция:



10. Запълнете тази селекция в бяло. И от менюто Layer изберете Layer Style > Bevel and Emboss.







Това е изходния резултат:



11. Добавете текст, разделителни линии и допълнителни елементи като логото в дясно.