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

Модерен бутон

just_me   трудност:    видян: 8690

 

Модерен бутон

Прочетете този урок и научете как да създадете бутон, който може да използвате в мрежата в html формуляри или във форуми.


уроци - pic1.GIF


Стъпка 1
Създайте нов документ с размери 130 x 80 px и бял фон.



Стъпка 2
Вземете инструмента за заоблени правоъгълници (Rounded Rectangle Tool) и направете настройки като показаните на картинката по- долу.


уроци - pic2.gif



и създайте формата за бутона.


уроци - pic3.gif


Стъпка 3
Сега ще приложим следните стилове на нашия бутон.

Drop Shadow


уроци - pic4.gif



Gradient Overlay


уроци - pic5.gif


Stroke

Опцията Stroke настройте с размер 1 px и цвят #9EAB48.
Нашият бутон сега изглежда така:


уроци - pic6.gif


Стъпка 4
Създайте нов слой. Вземете инструмента за маркиране на елипси и създайте малка селекция в дясната страна. Вижте картинката по-долу.


уроци - pic7.gif


Стъпка 5
Запълнете я с бял цвят и приложете следните стилове.

Inner Shadow


уроци - pic8.gif



Stroke
Опцията Stroke настройте с размер 1 px и цвят #95A339.



Стъпка 6
Нашият бутон сега изглежда така.


уроци - pic9.gif



Стъпка 7
Създайте нов слой, вземете инструмента за маркиране на правоъгълници, създайте три селекции и ги запълнете със цветовете показани по- долу на картинката.
Всяка селекция е 1 px широка.



уроци - pic10.gif



Стъпка 8
Има само едно нещо, което трябва да направим, и то е, че трябва да добавим текст на бутона и сме готови.


Аз използвах шрифт Ms Trebucht Bold с размер 12 px и smooth.
На текста добавете също stroke 1 px и цвят #7D8928.


уроци - pic11.gif



Готови сме!
Наслаждавайте се!

 



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

fix3d на 30.10 2006 в 18:48ч.
Урока е много добър. Приятно съм изненада. Все така с хубавата работа.
sneji на 30.10 2006 в 19:12ч.
Ми урока е добър.Става. :)
HeRo на 22.12 2006 в 15:34ч.
Само да ви питам за кво е тва кръгче?Без него е по-яко!!!
stambataa2 на 05.01 2007 в 18:29ч.
С крагчето си е по-хубаво според мен де.Натебе като не ти харесва няма да го слагаш :)
lolibi на 26.12 2007 в 16:04ч.
ми бива си го урока
Kozzleto на 25.07 2008 в 12:08ч.
дам.. приятно бутонче ;)
asly на 04.04 2010 в 12:11ч.
Ивинете ме за тъпия въпрос, но къде се намират тея Drop Shadow, Gradient Overlay, Stroke и т.н. :D
asly на 10.04 2010 в 15:45ч.
ехо...някой ще ми отговори ли?!
GreenMan на 07.09 2010 в 20:47ч.
asly Давай скаипа щети обясня това което искаш
GreenMan на 07.09 2010 в 20:51ч.
Иначе самите 'опций' се 'изкарват' от Layer-а
Значи ако искаш да сложиш сянка примерно на нещо (картинка)
Даваш доло в дясно кадето ти е MENU опциите Там е и LAYER Кликаш с ДЕСНИЯ БУТОН ВЪРХУ ЛЕАРА И ГЛЕДАШ НАЙ ГОРЕ ПИШЕ : Blending Options Кликаш там и ти излиза менюто с тези работи и вече ти си избираш какво да правиш

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


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