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

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

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

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


www.uroci.com photoshop óðîê

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


www.uroci.com photoshop óðîê

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

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

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


www.uroci.com photoshop óðîê

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

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

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

www.uroci.com photoshop óðîê

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

www.uroci.com photoshop óðîê

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

www.uroci.com photoshop óðîê

www.uroci.com photoshop óðîê

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

www.uroci.com photoshop óðîê

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

www.uroci.com photoshop óðîê

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

www.uroci.com photoshop óðîê

www.uroci.com photoshop óðîê

www.uroci.com photoshop óðîê

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

www.uroci.com photoshop óðîê

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

www.uroci.com photoshop óðîê



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

JuSt4FuN на 07.07 2006 в 02:44ч.
правя всичко стпъка по съпка, но даже и не ми се показва лентата с цвета просто си го написал за хора които не са толкова начинаещи за съжаление
fix3d на 07.07 2006 в 19:19ч.
Кажи точно къде е проблема. Урока не е сложен. Къде не ти се получава точно. Ще го коригирам малко така че да има 1. 2. 3. И ще го прегледам за неточности.

Виж ако имаш проблем пак напиши в коя точка е проблема.
immortal на 27.10 2006 в 01:14ч.
някои ще каже ли как тези прекрасни неша се прехвърлят примерно в Dreamweaver и изобщо как става примерно template от photoshop да премине към html
Lentavia на 15.06 2007 в 09:31ч.
ами просто трябва да го нарежеш и да го сглобиш с html...
виж за рязането ето тази тема ... :
http://uroci.net/index.php?option=com_content&task=view&id=355&Itemid=92
nikki cole на 22.12 2007 в 10:40ч.
аз затъвам още в началото. къде в Layer > Layer Style > Gradient Overlay се показват тез настойки, а и въпреки че леъра все още е селектиран то се прилага на целия слои
wtF на 27.09 2009 в 10:45ч.
Не е задължително да го режеш в Dreamweaver си има опция за това :)
Yacco на 13.01 2010 в 21:46ч.
а може ли кажеш коя е тази опция и къде се намира, защото в повечето такива теми винаги присъства въпросът - как да го прехвърля в Dreamweaver, а пък аз също не знам?

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


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