Pada kesempatan yang berbahagia ini kita akan coba membahas bagaimana menbuat button website dengan menggunakan photoshop, so bagi temen2 yang ingin tahu caranya buat button dengan photoshop jangan lewatkan artikel ini
berikut contohnya
Step 1
Buat document baru dengan ukuran 750x600 pixel dengan warna bacground #676a67, selanjutnya masukkan gambar dibawah ini yang nantinya akan kita gunakan
sebagai sample header website kita. Gabungkan header tadi dengan document yang telah kita buat atur tingginy sekitar 200px, untuk lebar disesuaikan dengan lebar document kita
kurang lebuhnya akan terlihat seperti gambar dibawah
simpan gambar diatas karna akan kita gunakan sebagai header
Step 2
Pada layer baru dengan rectangular marquee tool buat seleksi tepat dibawah header web kita dengan lebar disesuaikan dengan
lebar header, dan tinggi sekitar 23 pixel. Atur warna foreground menjadi #c7d6c3 dan background #316a35
Selanjutnya dengan gradien tool tarik garis dari atas kebawah pada seleksi yang telah kita buat
hasilnya kurang lebih akan terlihat seperti gambar dibawah
step 3
Biarkan seleksi masih aktif pada layer tadi, kemudian pilih menu select-->modify-->contract dan beri nilai 3, hasilnya seleksi tadi akan mengecil beberapa pixel
selnjutnya dengan gradient tool tarik garis dari bawah keatas dalam seleksi tadi, ingat didalam seleksi , jangan sampai keluar, sebab bakalan berantakan jadinya ntar. tekan control+d pada keyboard untuk menghapus seleksi
Kurang lebihnya akan didapat hasil seperti gambar dibawah
step 4
Dengan rectangular marquee tool buat seleksi tepat didalam menu bar yang kita buat tadi, sisakan sedikit jarak pada atas dan bawah seleksi sekitar 1px
selanjutnya tarik garis dari atas kebawah menggunakan gradient tool, setelah didapatkan hasilnya, pilih menu edit-->strok
dan beri warna hitam untuk garis outside 1px.
Maka setidaknya akan didapat hasil sperti gambar dibawah
step 5
Tambhakan text dan sesuaikan bersarnya dengan button yang telh kita buat
maka setidaknya akan didapat gambar seperti dibawah
Langkah yang sama juga untuk menu button yang lainnya sehingga akan didapat hasil akhir seperti gambar dibawah
Demikian semoga bermanfaat,,Omen........
skip to main |
skip to sidebar
Minggu, 16 Oktober 2011
Blog Archive
-
▼
2011
(96)
-
▼
Oktober
(55)
- Memahami System Restore Pada Windows
- Menghilangkan Menu Shutdown, Restart, Sleep dan Hi...
- Booting ke Safe Mode tanpa tekan F8
- Mengatasi NOT RESPONDING tanpa Ctrl + Atl + Del
- Cara menggunakan video menjadi wallpaper windows xp
- Cara Membuat System Repair Disc Windows 7 dengan F...
- Tip Membuat Sendiri Template Blogger (Blogspot)
- Memproteksi wallpaper agar tidak bisa diubah
- Membuat Jaringan (LAN) dengan 2 Komputer
- Mengembalikan data yang hilang menggunakan recuva ...
- Cara mengetahui lama pemakaian komputer
- Mempercepat Koneksi Internet
- Memaksimalkan antivirus menggunakan PC Tools Threa...
- Membuat Shortcut Untuk Mengunci Layar Komputer
- Mengubah tampilan menu dan aplikasi tab firefox 5
- Mengetik,menjumlah,mengurangkan,mengalikan dan mem...
- Free download software amr player
- Update Manual AVG Antivirus Free Edition versi 8
- Software untuk melacak lokasi laptop dan hp yang d...
- Update Manual Antivirus Avira Antivir Personal Edi...
- Merekam suara (lagu) menggunakan Sound Recorder
- Panduan / Cara Chatting di Yahoo Messenger 9
- Cara mengatasi sign in error bX-lk6kyq blogger blo...
- Cara membuat kertas grafik loglog dan semilog seca...
- Memasukkan file audio lagu/menambah lagu ke video ...
- Memperbaiki pixel dead monitor (dead pixel repair)
- Berbagai Pilihan Untuk Setup Windows 95
- Mengganti Assosiasi File Dengan Cepat
- Menjahili Orang Lain Dengan Netbus
- Membuat Button Web Dengan Photoshop
- Membuat Tulisan Rumput
- MEMBUAT ANIMANSI MENGGUNAKAN PHOTOSHOP
- Cara mudah Jebol Folder Lock
- Mengakses Partisi Linux Dari Windows
- Mengubah file powerpoint ke video menggunakan conv...
- Cara Kirim Dokumen Lewat Email
- Cara Install dan Membuat Web Blog Wordpress di Kom...
- Cara Memperbaiki Printer yang tidak berfungs
- Cara Reset Printer canon ip 2770
- 5 Text Editor Pilihan Pengganti Notepad
- Cara Membuat System Repair Disc Windows 7 dengan F...
- Backup Driver dengan Double Driver
- Cara Mematikan AutoPlay pada Windows 7 dan Vista
- Memperbaiki File ZIP dan Microsoft Office yang Rusak
- Menambahkan Shortcut Program di Konteks Menu Desktop
- Membuat gambar header cantik dalam 3 menit
- BLOKIR IKLAN WAKTU BROWSING
- cara menyembunyikan IP Address |ip eddress
- CARA|MUJARAB|MEMPERBAIKI FLASHDISK RUSAK
- Cara menambah ram|dengan flashdisk| Beli ram |
- cara memperbesar gambar tanpa pecah
- tips ampuh menjaga flashdisk dari virus mematikan
- Mengunci Komputer Dengan USB Flash Drive
- Tips Menghilangkan Pesan Windows Is Not Genuine Di...
- Mengubah teks menjadi suara menggunakan Ultra Hal ...
-
▼
Oktober
(55)
Followers
Diberdayakan oleh Blogger.
You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "
About Me
- Ade Naruto Lovers
- I Am a Lazy Boy, I Often Listen To Music & Watch Movie. I Love Sleeping.
0 komentar:
Posting Komentar