Създайте персонализиран професионален уеб бутон във Photoshop CS6

Ако знаеш Photoshop Ще знаете, че този мощен редактор ви позволява да създавате и използвате безброй ефекти, засенчване, цветове, пътеки … това се превръща в широк спектър от възможности за промяна на съдържанието на отделни изображения или слоеве.

Благодарение на възможностите, предлагани от инструментите в Adobe Photoshop, е включена идеята, че можем сами да създадем нещо от нулата. Photoshop вече се предлага с заредени елементи, но можем да ги персонализираме или измислим. Ако имате уебсайт или подобен, днешният урок може да бъде полезен.

В този урок ще видим два начина да проектирате свой собствен бутон, ръчно да създадете свой собствен стил или автоматично с предварително дефинирани стилове.

1. Създайте професионален бутон с персонализиран стил във Photoshop


С този метод ние ще създадем стил ръчно със собствен стил.

Етап 1
Първото нещо, което трябва да направите, е да създадете закръглена форма на правоъгълник, която ще стане наш бутон. За да направите това, отиваме в прозореца с инструменти и избираме формата Заоблен правоъгълник.

Стъпка 2
В слоя на създадената форма кликваме върху него и избираме Опции за синтез.

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

Увеличете

Стъпка 4
Въведете стойностите, които виждате по -долу в Падаща сянка

Увеличете

Стъпка 5
Както можете да видите, вече щяхме да създадем нашия бутон. Трябва да се отбележи, че основният цвят се променя както по всеки друг начин чрез двойно щракване върху слоя.

Стъпка 6
За да запазите нашия стил, отидете на Опции за синтез както в стъпки 3 и 4. Сега изберете опцията на Нов стил под Ok и Cancel. Поставете отметки в квадратчетата, за да запазите ефектите, дайте име и запазете новия си стил.

Стъпка 7
Ако сега отидете в раздела стилове, ще видите, че има ваш персонализиран стил, който да можете да приложите към всяка форма отсега нататък.

2. Създайте професионален бутон с предварително зададен стил във Photoshop


Ако нямате време да създадете стил ръчно, Photoshop вече включва предварително зададени стилове, които могат лесно да бъдат приложени към нашите форми.

Етап 1
Прозорецът Стилове обикновено се показва по подразбиране, но в случай, че не се показва, отидете на Прозорец - Стилове и кликнете върху него, за да активирате прозореца.

Стъпка 2
Сега в прозореца Стили щракнете върху менюто с три ленти, което се появява.

Стъпка 3
Изберете опцията Уеб стилове и след това добавете.

Стъпка 4
Сега просто трябва да изберете стила, който ви харесва най -много, и да го приложите към формата си. Можете да добавите всяка категория изгледи в предишната стъпка.

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

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

Така ще помогнете за развитието на сайта, сподели с приятелите си

wave wave wave wave wave