31 July, 2011

Membuat icon web button Facebook Photoshop CS3


Facebook again, facebook again, emang kalo ngemengin FB ga pernah ada habisnya euii. Jadi kali ini kita membahas tentang bagaimana cara membuat tombol (button) icon atau logo facebook untuk web, dengan bantuan software canggih biru nan keren photoshop CS3.

Nyok mari.. ke mari kita let's go tutorial dan trik photosop ini.

Note : Jika ilustrasi terlalu kecil dan tidak kelihatan, silahkan KLIK pada gambar untuk memperbesarmya... 

Buka New File
dengan ukuran : Width: 400px, Height: 400px
Background Content: Tranparent --- OK.

Ciptakan Layer Baru (KLIK icon New Layer)
Untuk mempermudah beri nama SP1.

Gunakan Raunded Ractangle Tool
Atur Costum Shape Options beri Tik pada Fixed Side dengan ukuran W:300px  H:300px

KLIK Pada layer SP1 untuk membuat shape muncul
KLIK Kanan Pilih Make Selection -- OK

Pilih Warna Foreground #4b6aaf
KLIK Paint Bucket Tool dan KLIK Pada layer SP1 di dalam seleksi yang telah dibuat sebelumnya.

Sekarang berikan sedikit efek Blanding Options, KLIK 2X pada layer SP1

Drop Shadow
Opacity : 40%
Distance : 0
Spread : 0
Side : 7

Gradien Overlay
Ubah Warna Stops 0% menjadi : #4b6aaf
Ubah warna Stops 100% menjadi : #415ea0

Sekarang Gunakan Magic Wand Tool
KLIK Layer SP1 untuk membuat seleksi kembali
Lanjut KLIK Select --- Modify --- Contract : 6 pixels.

Buat layer baru beri nama SP2
KLIK Paint Bucket Tool Warna Foreground #000000 (hitam)

Sudah, good selanjutnya adalah buat Blending Options KLIK 2X pada layer SP2

Gradien Overlay
Ubah Warna Stops 0% menjadi : #3f5891
Ubah Warna Stops 100% manjadi : #4466b4


Sekarang gunakan Type Tool Ketik Huruf [ f] --- Arial --- Black --- 300 pt atur gambar dengan Move tool hingga seperti ciri khas facebook yaitu di tepi kanan.

Berikan Blending Options kembali pada Type f tersebut diantaranya :

Drop Shadow
Opacity : 25%
Angle : 120
Distance : 0
Spread : 0
Size : 6

Inner Shadow
Opacity : 25%
Distance : 0
Choke : 0
Size : 4

Bavel and Emboss
Depth : 1%
Direction : Down
Opacity : 32%
Opacity : 32%

Dan Gradient Overlay
Ganti warna Stops 0% menjadi warna : #e6e1e1
Ganti Warna Stops 100% manjadi warna : #fefefe

Lihat jadinya pada gambar di halaman-Page berikutnya :

Page : [1]of [2] : | 1 | 2 |  next


0 komentar:

Post a Comment


Copyright © 2016 Photoshop blog dan Blogger