Как да се създаде проста & отворко синия бутон - Photoshop Инструкция
В този урок ние ще се създаде проста & гладък син бутон. Това е много проста и доста ефективен начинаещи, така че всичко, което се нуждаете е Adobe Photoshop за създаване на този ефект. Надявам се, че ще се насладите на този урок.
Стъпка # 1
Отворете Photoshop и създайте нов документ, моята е 550px × 125px с бял фон.
Стъпка # 2
Напълнете цвят във фонов слой, моя цвят е # 3B3F46.
Стъпка # 3
Изберете Rounded Rectangle Tool и да създадете бутон, мина радиус е 15px, ширина: 128px и височина: 36px. Промяна на цвят на преден план хубав # 13AAB7 (Blue).
Стъпка # 4
Сега ние трябва да добавите някой хубав ефекти върху бутона.
Gradient Overlay
Стайлинг на бутон двойно кликване върху картинката с бутони слой в Layers панел за отваряне на Layer стилове диалоговия прозорец ще се прилага Вертикален градиент ефект за вашия бутон. След това кликнете на цветния градиент на правото на градиента опция за отваряне на Color Gradient Editor.
Първа смяна на възможност за смесване на Overlay. Съхранявайте ъгъл на 90o, отколкото промяна на стойностите на коефициента на непрозрачност. Аз избирам да настроите Opacity на 50%.
Двоен-щракване на ляво-цвят-спрете и въведете стойност цвят # 000000, щракнете двукратно щракване на десния цвят-спрете и въведете стойност цвят # FFFFFF.
Inner Glow
Следваща прилагат стил вътрешен слой блясък. Първа смяна на възможност за смесване на Overlay, отколкото промяна на стойностите на коефициента на непрозрачност и размер. Аз избирам да настроите непрозрачност на 55% и размер на 6px.
Промяна на цвета светлина от по подразбиране на # FFFFFF
Drop Shadow
Следваща прилагат капка стил слой сянка. Първа смяна на смесване възможност за Нормално. Съхранявайте на 120o ъгъл, отколкото промяна на стойностите на коефициента на непрозрачност и размер. Аз избирам да настроите Opacity на 55% и в размер 3px.
Трябва да изглежда така.
Стъпка # 5
Създайте друг нов слой, направете селекция около оригиналния бутон, можете да направите това, като държите Ctrl после щракнете върху картинка на слой.).
Напълнете цвят преден план на бяло.
Изберете Rounded Rectangle Tool, изберете и изтриете долната половина на белия слой просто прави, може би трябва да се измери височината на вашия бутон, преди заличаване на долната половина.
Първо трябва да промените опцията режим слой Softlight, отколкото промяна на стойностите на коефициента на непрозрачност. Аз избирам да настроите непрозрачност на 20%
Стъпка # 6
Изберете Horizontal Type Tool и въвеждате текст на предната част.
Окончателна
Нека се знае, че този урок как може да бъде по-добре? Ако сте намерили друг Photoshop настойнически, които искате да споделите с нас, не се колебайте да ни уведомите от отпадане в коментар.
Ако бихте искали да получите повече уроци от нас, моля, помисли абонирате за нашия емисия от RSS или чрез имейл.
Свързани членове:
Ако ви хареса прочетете тази статия, моля, проверете други предмети, свързани по-долу:































































favSHARE казва на: 30 януари 2010 година в 9:10 ч., заяви:
Тази статия е била споделена по favSHARE.net. Иди и го гласува!
Последна favSHARE блог .. Правете пари онлайн с домейн пазаруване
50 + Пресни Полезни мнения за дизайнери и програмисти | Afif Фатух - Уеб Специалист казва на: 2-ри Февруари, 2010 в 7:50 ч., заяви:
[...] Как да се създаде проста & отворко синия бутон - Photoshop Инструкция [...]