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

Adobe Photoshop » Бутони и интерфейси

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

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

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

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

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

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

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

Drop Shadow

Gradient Overlay

Stroke

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

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

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

Inner Shadow

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

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

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

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

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

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