Хубави WEB бутони с photoshop
25-03-2011
1.Направете нов документ Ctrl+N



2.Изберете "Rounded Rectangle Tool" (U)
img>http://web-tourist.net/userfiles/3/3667.jpg

3.Направете формата:


4.Отидете на:


... с настройки:


Gradient Overlay с първи цвят: #eeeeee , а втория е #dddddd

Натиснете "ОК" и трябва да сте получили нещо такова:

Задръжте CTRL и кликнете в/у слоя с формата.След това отидете на Select->Modify->Contract ->3/4 px
(3/4 пиксела,зависи колко искате да я стесните).След като направите селекцията направете нов слой (Ctrl+SHIFT+N) и на него запълнете селекцията с произволен цвят.Трябва да имате нещо подобно:


5.Отново отивате на "Blending Options" (на слоя с новата форма) с настройки:




Gradient Overlay: първи цвят: #cc0000 втори цвят: #b90202
6. Вземете "Horizontal Type Tool" и напишете текста (аз използвах MS Sans Serif и големина 18 пиксела)
След това прилагаме на слоя с буквите "Blending options"



7.(незадължителна) Вземете "Custom Shape Tool" и направете форма/и:

8.Приложете отново "Blending Options" за формата/ите:


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


Урокът е авторски и е специално направен за web-tourist.net . Забранявам копирането/преписването на урока в други сайтове без моето лично съгласие или това на екипа на сайта.






/ Трябва да сте регистриран за да напишете коментар /
От: Styl3rbg
11:06 26-03-2011
Добър урок браво!
От: geo6o
21:15 26-03-2011
Браво! Много добре се е получило : ))
От: mo7ika
22:36 26-03-2011
много е хубав (и като урок и като резултат) само сянката на бутона го прави почти неизползваем в меню но пък като бутон за форма или друг страничен бутон в сайта е идеален - браво
От: viking
22:10 05-04-2011
Наистина добре се е получило, имаш и моите поздравления.
От: Nazi_93
22:13 05-04-2011
Никъде не е казано,че трябва да правите стъпка по стъпка,ако искате не слагайте DropShadow на основната форма.
От: nikssa23
23:59 29-07-2011
Урока авторски ли е че го срещам за 50-ти път в кви ли не сайтове ?
От: pikefisher
13:51 01-08-2011
Бутоните са много хубави и урока е много добър, но мога ли да попитам в какъв формат да запиша картинката и как да я изрежа, за да имам само бутона без белия фон т.е както е на картинката с крайния резултат?
Благодаря предварително.
От: Nazi_93
14:39 01-08-2011
Натискаш и задържаш CTRL+Click на формата с бутона,после Image->Crop
след това: SHIFT+CTRL+S/File ->save as : ime.PNG
От: pikefisher
18:39 02-08-2011
Nazi_93, обясни по-подробно(ако може с урок) как става, защото продължава да остава бяло в ъгълчетата. Ще съм ти много задължен. Благодаря предварително!
От: Nazi_93
9:09 04-08-2011
Ако имаш слой с име BACKGROUND махни окото от панела за слоевете,(вляво от слоя),инче при нов документ (CTRL+N) търсиш Background и го правиш на TRANSPARENT
1