.:: Blackc0de Forum ::.
Would you like to react to this message? Create an account in a few clicks or log in to continue.

-=Explore The World From Our Binary=-
 
HomeIndeksLatest imagesPendaftaranLogin

 

 Cara Membuat Tombol Elegan dgn Photoshop

Go down 
4 posters
PengirimMessage
zer0cool
Newbie - Hack
Newbie - Hack
zer0cool


Jumlah posting : 363
Points : 807
Reputation : 24
Join date : 22.06.11

Cara Membuat Tombol Elegan dgn Photoshop Empty
PostSubyek: Cara Membuat Tombol Elegan dgn Photoshop   Cara Membuat Tombol Elegan dgn Photoshop Icon_minitimeTue Dec 20, 2011 1:45 am

oke back to photoshop,kali ini kita coba buat tombol dengan gaya elegan dan yahh gitu deh..

[You must be registered and logged in to see this image.]

Fungsi tombol ini banyak loh,bisa buat website,apps atau yang berhubungan dengan pencet-pencetan haha,oke langsung aja deh dari pada bnayak basa basi..

1. Membuat Canvas Baru
oke seperti biasa,buatlah canvas baru dengan ukuran 482×236 Pixel,lalu ubah warna background menjadi merah gelap #a30101 itu code warna yang gw pake.

setelah itu buat layer baru diatas layar background dengan nama cahaya ubdah mode ke Overlay,lalu klik brush tools dan buat master diameter menjadi 300px lalu hardness 0px dengan warna putih,lalu brush lah kurang lebih 2 kali,cara ini akan memberika cahaya yang muncul di warna merah agar warna merah tersebut tidak terlihat mati,dengan posisi pada gambar ini.

[You must be registered and logged in to see this image.]

2. Membuat Tombol Denga Shape
setelah itu buat layer baru dengna nama button lalu pada toolbox pilihlah Rounded Rectangle Tool,lalu pada Radius buatlah menjadi 10px.

[You must be registered and logged in to see this image.]

seletelah itu buatlah kotak seperti ini dengan Rounded Rectangle Tool.

[You must be registered and logged in to see this image.]

lajut berikutnya,pada kali ini kita akan memberikan efek agar kelihatan tombolnya,tapi sebelumnya klik kanan pada layer button lalu pilih Resterize Type,agar bisa di berikan efek.

[You must be registered and logged in to see this image.]

3. Membuat Efek Pada Layer Button
klik kanan pada layer Button lalu pilih blending Option dan berikan opsi-opsinya seperti ini.
pilih Drop Shadow > Blend Mode : Multiply > Opacity : 75% > Angle : 90* > Distance : 5px > Spread : 0% > Size : 2px.
lalu pilih juga Bevel And Emboss > Style : Inner Bevel > Technique : Smooth > Depth : 100% > Direction : Up > Size : 250px > Soften : 16px.
disini gw jadikan satu karna mereka satu Opsi pada blending Options,biar lebih mudah gw kasih Screen Shoot.

[You must be registered and logged in to see this image.]

dan nanti dari effect Drop Shadow dan Beven and Emboss itu akan menghasilkan tampilan seperti gambar ini.

[You must be registered and logged in to see this image.]

4. Membuat Line Menggunakan Pen Tool
kembali membuat layer baru dengan nama garis,lalu klik brush dari pilih ukuran 5px,setelah itu klik pen tool atau CRTL+T,lalu buat garis di bagian tepi atas tombol dari kanan ke kiri,atau dari kiri ke kanan.
jika sudah klik kanan lalu pilih Storke Path,pilih brush dan centang Simulate Pressure.

[You must be registered and logged in to see this image.]

sehingga menghasilkan kurang lebih seperti gambar dibawah ini.

[You must be registered and logged in to see this image.]

saya kita langkah ini selesai dan bisa di lanjutkan ke step berikutnya.

5. Membuat Light Effect Pada Tombol
buatlah layer baru dengan nama light,lalu buat modenya menjadi Overlay dan klik Brush Tool gunakan ukuran 300px dengan hardness 0px,untuk membuat efek cahaya agar tidak keluar area tombol di perlukan sleksi ,caranya klik sambil tekan CTRL pada layer Button,usahakan Layer aktif di posisi layer Light bukan button,jadi pada saat klik layer button sambil menekan CRTL anda menekan CRT dulu baru lah klik layer button,proses ini agar cahaya tidak ikut ke layer button,lalu beri beberapa kali sentuhan brush hingga dirasa cukup.
nanti jadinya seperti ini.

[You must be registered and logged in to see this image.]

6. Membuat Nama Pada Tombol
oke klik Horizontal Type Tool atau T,untuk membuat teksnya,buatlah teks dengan menggunakan Font Impact,ukuran 60pt, dan warna #4a4a4a,buatlah di tengah tengah tombol seperti ini.

[You must be registered and logged in to see this image.]

7. Memberikan Effect Pada Teks.
untuk memberikan efek pada teks TONJOK NOW klik kanan pada layer Teks TONJOK NOW,lalu pilih blending option,disini kita hanya akan melakukan 3 perubahan yaitu pada Inner Shadow,Outer Glow, dan Bevel and Emboss.
pertama pada Inner Shadow dulu lalu berikutnya ke Outer Glow dan terakhir Bevel and Emboss,bisa dilihat pada gambar dibawah ini.

[You must be registered and logged in to see this image.]

dari yang kita lakukan di atas akan menghasilkan teks seperti dibawah ini.

[You must be registered and logged in to see this image.]

yapp tutorial selesai..
selamat mencoba dan semoga bermanfaat,jangan lupa komentar jika ada yang mau di tanyakan.
Kembali Ke Atas Go down
night D. fury
larva
larva
night D. fury


Jumlah posting : 284
Points : 311
Reputation : 5
Join date : 05.07.11
Age : 34
Lokasi : Tanah nenek & kakek moyang

Cara Membuat Tombol Elegan dgn Photoshop Empty
PostSubyek: Re: Cara Membuat Tombol Elegan dgn Photoshop   Cara Membuat Tombol Elegan dgn Photoshop Icon_minitimeTue Dec 20, 2011 3:00 am

maknyozzzzzz om

Cara Membuat Tombol Elegan dgn Photoshop 37346
Kembali Ke Atas Go down
milope
Trainee
Trainee
milope


Jumlah posting : 97
Points : 113
Reputation : 4
Join date : 09.03.11
Age : 27

Cara Membuat Tombol Elegan dgn Photoshop Empty
PostSubyek: Re: Cara Membuat Tombol Elegan dgn Photoshop   Cara Membuat Tombol Elegan dgn Photoshop Icon_minitimeTue Dec 20, 2011 4:42 am

Mantap om
izin coba ya skalian nih mo cari Photoshop
Kembali Ke Atas Go down
http://milope-id.cu.cc
v0idz_Newbie
Moderator
Moderator
v0idz_Newbie


Jumlah posting : 429
Points : 465
Reputation : 10
Join date : 16.06.11
Age : 31
Lokasi : bawah langit atas tanah

Cara Membuat Tombol Elegan dgn Photoshop Empty
PostSubyek: Re: Cara Membuat Tombol Elegan dgn Photoshop   Cara Membuat Tombol Elegan dgn Photoshop Icon_minitimeFri Dec 23, 2011 9:58 am

tips om zeroc00l emang mantep2 dah. . . :mfun:
Kembali Ke Atas Go down
Sponsored content





Cara Membuat Tombol Elegan dgn Photoshop Empty
PostSubyek: Re: Cara Membuat Tombol Elegan dgn Photoshop   Cara Membuat Tombol Elegan dgn Photoshop Icon_minitime

Kembali Ke Atas Go down
 
Cara Membuat Tombol Elegan dgn Photoshop
Kembali Ke Atas 
Halaman 1 dari 1
 Similar topics
-
» cara membuat efek Liquid (cairan) sederhana pada Photoshop
» Cara mengaktifkan tombol hibernate di windows 8
» Membuat Efek Scanline di Photoshop
» Belajar Membuat Website Semantik Tanpa Table (tableless) dengan Photoshop dan Dreamweaver
» cara membuat forum IPB

Permissions in this forum:Anda tidak dapat menjawab topik
.:: Blackc0de Forum ::. :: Design & Art :: Grafik-
Navigasi: