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

Сайт хедър

Сайт хедър




1. Отворете нов документ (моя е 800х600) и направете фона на: #CACACA. След това начертайте един правоъгълник и го направете с по-тъмен цвят:



2. Ако слоя с правоъгълника не е маркиран го маркирайте и отидете на Layer -> Layer Style -> Blending Options и приложете настройките на Gradient Overlay и Drop Shadow както е показано на картинката:





3. Сега предполагам забелязвате че сянката на правоъгълника излиза и отстрани, а на нас ни е нужна само от долу. Ето какво ще направим... Направете нов слой, след това задържайки Shift маркирайте празния слой и слоя с правоъгълника. Натиснете Ctrl + E. Вече можете да маркирате излишната сянка с Rectangle Marquee Tool и да я изрежете с Delete



4. Изберете Rounded Rectangle Tool. Направете радиуса да е 10px и начиртайте заоблен правоъгълник както е показано на картинката:



5. Дублирайте няколко пъти слоя с заобления правоъгълник и разположете копията както е показано:



6. Задържайки Shift маркирайте всички слоеве със заоблените правоъгълници и натискайки Ctrl + E ги съединете в 1 слой. Сега отидете на Layer -> Layer Style -> Blending Options и добавете Outer Glow, Gradient Overlay и Stroke, както е показано по-долу:







7. Твоят хедър би трябвало да изглежда така:



8. Добавете навигационния текст по бутоните. Аз използва шрифта Futura:



9. Добавете логото на сайта и някакъв текст както направих аз:



10. За финал направете една наклонена линия дебела около 10 - 20 пиксела, размножете както е на картинката и приложете тези настройки:



11. Намалете Opacity както ви харесва

Ето и крайният резултат:

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


Източник: www.Shadowness.com

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




Урокът е добавен от: toddor

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

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