Изчистена шапка за сайт

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

AnHiMiLaToR   трудност:    видян: 7994

За урока
Този урок ще Ви покаже как да си направите изчистена шапка (header) за вашия сайт.
Урока е много лесен за изпълнение, не ви трябва много опит във Photoshop.

Да започваме със самия урок!

Стъпка 1 - Създаване на документ
Големината на документа зависи от големината на самия сайт. В нашия случай, документа е с пропорции 800х170 както виждате на картинката:



На следващата картинка ще видите ограден инструмента Shape Tool. С него ограждате област, където искате да е горната част на шапката, тази над линковете. След като изберете с Shape Tool-а, избирате и Select > Modify > Smooth.
По този начин селекцията ще стане със заоблени краища.
Вижте картинката



Следващата стъпка - добавяне на цвят на background-a.
Създаваме нов слой (Layer) и кликваме два пъти върху него. Важно е селекцията от горната картинка да си стои!
На Gardient Overlay избираме следните настройки:



След това отиваме на Stroke и въвеждаме тези настройки:

Така .. сега ще добавим ефекта "стъкло", който виждате на картинката:



Следваща стъпка - да направим полето за линкове. Просто копирайте слоя с горната (голямата част), преместете го надолу и намалете височината му. Получава се нещо подобно на това:



Следваща стъпка - добавяне на самите линкове, на картинката е ползван шрифт Verdana с големина 13 пиксела.



Незадължително - за да изглеждат по-добре линковете.

Вземете Pencil Tool с големина 3px и разделете линковете по този начин:



И последната стъпка, написване на името на вашия сайт и мотото му.



Хареса ми, затова се постарах и Вие да си направите яка шапка! :)


Урока е преведен от AnHiMiLaToR! Ако копирате, не забравяйте да напишете това!