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

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

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

Стъпка # 1

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

Стъпка # 2

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

Стъпка # 3

Създаване на нов слой слой ивица градиент. Изберете Rectangular Marquee Tool и да се създаде бяла ивица.

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

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

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

Стъпка # 4

Изберете Rounded Rectangle Tool и да създадете бутон, мина радиус е 90X40px.

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

Gradient Overlay

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

Двоен-щракване на ляво-цвят-спрете и въведете стойност цвят # 000000, двоен-щракване на ляво-център-цвят-спрете и въведете стойност цвят # 222222, двоен-щракване на десния център-цвят-спрете и въведете стойност цвят # 444444, щракнете двукратно щракване на десния цвят гише и въведете стойност цвят # 666666.

Bevel и Emboss

Следваща прилагат Bevel и Emboss стил на слоя. Промяна на стила на Външен Bevel, отколкото промяна на стойностите на дълбочината, големината и омекне. Аз избирам да настроите дълбочината, на 100%, в размер 1px и омекотява в 10px

Важна част от урока: Съхранявайте ъгълът, под -90 ^о, надморската височина, на ⁴⁰ °

Highlight Mode: Аз избирам да настроите Opacity на 100%.

Сянка режим: Аз избирам да настроите Opacity на 100%.

Удар

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

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

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

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

Стъпка # 5

Изберете текста инструмент и текстови вид на предната част.

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

Bevel Ембос

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

Важна част от урока: Съхранявайте ъгъл до 90 ^о, надморската височина, на ³⁰ °

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

Сянка режим: Аз избирам да зададете Opacity на 50%.

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

На последно място сме направили този урок.

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

Изтегляне на файла източник

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

iphone-като-buttons.rar (21.3 KB)

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