Помогни ни да направим Uroci.net по - богат! Добави урок

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

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

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

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

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



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



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



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




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



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



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



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

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



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



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


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



Коментари (13)

gogata_95 на 01.03 2007 в 19:17ч.
Немога да разбера как да се копира това голямото нов съм във фотошопа затва плс help стигнах направих сичко само backgrounda и да копна тва немога...
shrek на 12.04 2007 в 21:24ч.
С CTRL V CTRL C пробва ли?
kozataxakep на 04.07 2007 в 11:39ч.
Това е един много добър хедър.В момента се мъча поне за 3 път да го направя и пак не мога-не става като при теб.Първо искам да кажа,че при предаването на този урок си изпуснал да оточних някой неща.Сети се сам няма аз да ги казвам сега.Трябва още само като се рагледа урока да се знаеш кое каде,а е "А сега туй каде беше".Няма да е зле малко повече инфо при използване на инструментите.Примерно моят Фотошоп е ЦС2.И е доста по-различно от това,което ти показваш в урока,но той все пак е невероятен.Тук-таме се налага да гадя кво се прави,но кво да се прави.Иначе е идеален.
kozataxakep на 04.07 2007 в 11:41ч.
оточних=оточниш
,а е=,а не
perer на 06.07 2007 в 15:27ч.
Много ти благодаря.Страхотен хедър.Тове е Photoshop CS3,нали.
StoJJaN на 09.09 2007 в 16:25ч.
тоя градиент са ебаа с мене
lolibi на 19.02 2008 в 18:06ч.
Але поч земи обесни малко по подробно все пак има начинаещи и нище не могат да схваната!!!

аз не съм един от тях
bloodse3ker на 05.06 2008 в 23:59ч.
Много добър урок! Само ако може да ми кажеш откъде си взел тази тема за Windows и как се казва. :)
bloodse3ker на 06.06 2008 в 00:00ч.
Супер урок, само ако може да ми кажеш как се казва темата за Windows, която ползваш :)
xmann на 13.07 2008 в 13:52ч.
само неможах да разбера как се прави ефекта "стъкло"....
thedarkkiller970 на 24.07 2008 в 08:03ч.
Aз малко ще я подобря мойта
TSuTSkO на 30.11 2009 в 14:56ч.
стана мерси за урока ако някои иска да си помагаме, даваме савети относно Photoshop, защото и аз като много други сам начинаещ, да ми пише на skayp Neycho Balov
leaveh3xalone на 29.06 2010 в 14:44ч.
Това ще помогне за моя сайт :)

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com