Stylish Dark Buttons

Line Break
Penulis: dremi (6 Articles)
dremi
Web Developer and Designer
Analyst, Design, Programming
Facebook:

Stylish Dark Buttons - Gedein ajah
Lam kenal bwat om om tante tante penghuni ilmu web, mudah2an wabis nnni ga diikenal kikakakakakak……. :D

nyoba posting di ilmu web, moga moga suka.. hahahahaa…

Heuummm…. woke…!!! let’s start brother …

semalem wabis inetan ampe malem, bangun subuh, Musik The Misfits [Hate Breeders] kembali menggebrak kamar gw, langsong dah bikin tutor…

ni ada tutor sederhana, gw mao bikin design interface bwat menu button.. hmmm tema na styles dark …ga terlalu web 2.0, konsep na sedikit minimalis tapi masih tetep clean kok… hehehehhe..

bikin kanvas baro, Ubah warna background menjadi #1d1d1d.

Stylish Dark Buttons tutorial photoshop web desain grafis

pertama bikin layer group dolo, ama layer baru di dalam na

New Layer Group

wuki, ambil rectangle marquee tool Rectangle Marquee Tool bikin bidang ke gini:

Stylish Dark Buttons tutorial photoshop web desain grafis

kasi style gradient overlay:

Stylish Dark Buttons tutorial photoshop web desain grafis

Stylish Dark Buttons tutorial photoshop web desain grafis

Stylish Dark Buttons tutorial photoshop web desain grafis

hmm… karena terkesan menimalis, gw kasi line gradasi di ujungna bwat keseimbangan objek button na, ….heheheehe.

pencet [CTRL+Click] pada layer button lu (Layer 1), bwat nge-load seleksi na.

ambil kembali rectangle marquee tool na, ubah setting menjadi fixxed size: 1 px , ama tinggi lu sesuain ma button na.

Stylish Dark Buttons tutorial photoshop web desain grafis

aktifkan mode seleksi menjadi Intersect With Selection

Intersect With Selection

klik sekali di ujung objek button: gedein biar keliatan, jadi biar seleksi ujungna ngepas.

Stylish Dark Buttons tutorial photoshop web desain grafis

nah bakalan kbntuk seleksi yang pas ma bidang button na

ubah warna forground color menjadi #5f5f5f, bikin layer baro

tarik gradasi na dalam seleksi

Stylish Dark Buttons tutorial photoshop web desain grafis

gw gedein pake zooming tool

Stylish Dark Buttons tutorial photoshop web desain grafis

Stylish Dark Buttons tutorial photoshop web desain grafis

Stylish Dark Buttons tutorial photoshop web desain grafis

Stylish Dark Buttons tutorial photoshop web desain grafis

wuki, duplicate aja broder layer na, tros pilih Edit > transform > Flip Vertical

weuhhehheeeee…lu geser dah taro di sebelah kiri na button.

Stylish Dark Buttons tutorial photoshop web desain grafis

ni hasil smntara naaa…

Stylish Dark Buttons tutorial photoshop web desain grafis

kasi text button na…perhatiakan tipografi na, yang atas gw pake text agak terang dari yg bawah

Stylish Dark Buttons tutorial photoshop web desain grafis

naaaah tinggal duplicate dah, layer group button lu…geser dengan posisi masing2 ujung menempel satu sama lain

Stylish Dark Buttons tutorial photoshop web desain grafis

hehek uhuiii jadi dah….

Stylish Dark Buttons - Gedein ajah

© Copyright 2008 www.dremi.info Original Post: Stylish Dark Buttons Category: Button
About the Author: dr.emi is a free man to distribute anything that he was founded. As a Webmaster He was publishing www.dremi.info to create one community that loves free idealism. Very specialy in Design Category. Welcome to love it!


Cari artikel lain :

Stylish Dark Buttons tutorial photoshop web desain grafis

Stylish Dark Buttons tutorial photoshop web desain grafis



Punya pertanyaan? Mari kita bahas di forum ilmuwebsite

3 Responses to “Stylish Dark Buttons”

  1. dito says:

    kren kk thank ya postingannya ^^. ane masih newbi ne haha

  2. chiko says:

    om ijin copas yaw bwt bljr. sering” ajah dweh ….
    hehehehe ….

  3. Muhammad Azka says:

    Bos canvasnya ukuran berapa kali berapa?

Best Video Tutorial Photoshop Collection:

The Art Of Photo Manipulation, Vexel & Special Effect

Teknik Rahasia Digital Art Profesional, Digital Imagine, Lighting Effect, dsb

Special Effect, Manipulasi, dan Retouching Photo

Photoshop 7,CS,CS2,CS3
Edit dan Manipulasi Foto
Pembelian Online Klik disini

Plugins Photoshop 2009 Collections

Video Tutorial Photoshop in Action CS4
   
eXTReMe Tracker