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

Окончателна Резултат

Това е, което ние няма да днес

Стъпка # 1

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

Стъпка # 2

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

Стъпка # 3

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

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

Gradient Overlay

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

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

Drop Shadow

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

Inner Shadow

Следваща прилагат Вътрешен стил Сянка слой. Съхранявайте ъгъл при 120o, отколкото промяна на стойностите на коефициента на непрозрачност, Choke и размер. Аз избирам да настроите Opacity на 27% и Choke на 100% и в размер 2px.

Следваща Променете Blending опция за Нормално.

Bevel Ембос

След това ще се прилага Emboss Bevel, Първа Промяна на стила да Inner Bevel и техника за изглаждане, отколкото промяна на стойностите на дълбочина, за режисура, размер и омекотява. Аз избирам да настроите дълбочината, на 100%, Дирекция до горе, в размер 1px и омекотява в 0px

Съхранявайте ъгъл при 120o, надморската височина, на 30o

Highlight Mode: Аз избирам да настроите Непрозрачност при 0%.

Сянка режим: изберете за да зададете на непрозрачността на 14%.

Удар

Накрая ние ще се прилага на Stroke. Първо промяна на ценностите от техния размер. Аз избирам да зададете размер на 1px. Промяна на позицията на Отвътре

Аз избирам да настроите Opacity на 50%.

Промяна на Stroke цвят от по подразбиране # 529846

Трябва да изглежда така.

Стъпка # 4

Изберете Horizontal Type Tool и въведете текста на фронта.

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

Gradient Overlay

Двоен-щракване на картинка слой текст в слоевете панел за отваряне на Layer стилове диалоговия прозорец. Първо ще се прилага Gradient Overlay, ние ще се прилага Вертикален градиент ефект за вашия текст. След това кликнете на цветния градиент на правото на градиента опция за отваряне на Color Gradient Editor ..

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

Drop Shadow

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

Окончателна Резултат

Ако искате да проверите своята работа, можете да изтеглите файла СДП за този настойнически

Изтегляне на файла [240KB]

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

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