В този урок ние ще създадем уеб бутон. Това е много проста и доста ефективен начинаещи, така че всичко, което се нуждаете е Adobe Photoshop за създаване на този ефект. Надявам се, че ще се насладите на този урок.

Как да създадете уеб бутон на Photoshop

Стъпка # 1

Отворете Photoshop и създайте нов документ, моята е 550px × 125px с бял фон.

Стъпка # 2

Напълнете цвят във фонов слой, моя цвят е # 3A3A3A.

Стъпка # 3

Изберете Rounded Rectangle Tool и да създадете бутон, мина радиус е 7px, ширина: 156px и височина: 38px..

Стъпка # 4

Сега ние ще се прилага някакъв ефект

Gradient Overlay

Стайлинг на бутон двойно кликване върху картинката с бутони слой в Layers панел за отваряне на Layer стилове диалоговия прозорец ще се прилага Вертикален градиент ефект за вашия бутон. След това кликнете на цветния градиент на правото на градиента опция за отваряне на Color Gradient Editor.

Двоен-щракване на ляво-цвят-спрете и въведете стойността, цвят # 9E4C45, щракнете двукратно щракване на десния цвят-спрете и въведете стойността, цвят # EA8484.

Drop Shadow

Следваща прилага Drop Shadow стил слой. Съхранявайте ъгъл при 120o, отколкото промяна на стойностите на коефициента на непрозрачност, дистанционно и размер. Аз избирам да настроите Opacity на 23%, Разстояние до 1px и "Размер на 9px.

Стъпка # 5

Изберете Horizontal Type Tool и въвеждате текст на предната част.

Ние ще се прилага някакъв ефект за текст.

Color Overlay

Двоен-щракване на картинка слой текст в слоевете панел за отваряне на Layer стилове диалоговия прозорец. Първо ще се прилага Overlay цвят, изберете цвят # 0D0D0E

Drop Shadow

Накрая ние ще прилага Drop Shadow, първата промяна на смесване опция за Нормално. Промяна на сянка цвят от по подразбиране # FFFFFF. Съхранявайте ъгъл при 120o, отколкото промяна на стойностите на коефициента на непрозрачност, дистанционно и размер. Аз избирам да настроите Opacity на 32% и Разстояние до 1px и "Размер на 1px.

Окончателна Преглед

Нека се знае, че този урок как може да бъде по-добре? Ако сте намерили друг Photoshop настойнически, които искате да споделите с нас, не се колебайте да ни уведомите от отпадане в коментар.

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

Пила под: Freebies, Photoshop, уроци от администратор