Cara Desain Layout Header

Iseng-iseng mainan Photoshop, seperti biasa pengen cari yang aneh-aneh di Google. Terus akhirnya sampai pada pencarian akan PSD yang siap download buat ngedit-ngedit header dan navigasinya biar lebih hidup...
Tentu saja hal pertama yang harus dilakukan adalah download PSD-nya. Nah kalo sudah download baru deh bisa di coba kasiatnya.
Mulai...
1. Mulai dengan buka photoshop dan buat new document dengan ukuran 1000×275.
2. Pertama-tama yang harus kita lakukan adalah membuat background buat navigasinya. menggunakan marquee tool, membuat seleksi yang sama pada bawahnya, kemudian mengisinya dengan beberapa warna.
3.Pada layer tersebut, klik kanan kemudian pilih blending options.

4. Kemudian, buat seleksi yang sama lagi pada yang berikutnya kemudian isi dengan beberapa warna.
5. Sekarang masukkan blending options yang berikutnya ke dalam layer yang baru saja dibuat.

6. Document akan terlihat seperti ini.
7. Kemudian langka selanjutnya membuat tombol sendiri menggunakan bulatan rectangle tool, dengan rasio 35px, diikuti dengan membuat rectangle pada ukuran yang sama.
8. Rasterize layer dengan klik>rasterize, yang diikuti dengan memasukkan blending options.


9. Copy tombol layer. Pindahkan di bawah tombol dan gunakan marquee tool fitu untuk membuat refleksi, dan permainkan menggunakan sedikit opacity yang akan terlihat seperti ini:
10. Kemudian dapat dimaskukin juga beberapa teks seperti ini:
11. Sekarang saatnya mengulang bagian 7 sampe 9 untuk membuat beberapa tombol baru lagi.
12. Buat link aktif seperti yang diinginkan. Semua sama kecuali sebagai ganti dari penggunaan bagian gradien 8, akan digunakan seperti ini:

13. Kemudian grab font sesuai pilihan untuk logo. that will be your logo. Sebagai contoh coba pake GE Centurion, dengan diikuti blending options:

14. Akan terlihat seperti ini:
15. Terakhir adalah menggunakan beberapa line art dan juga beberapa brush yang lembut sebagai tambahan sedikit lagi pada header, dan inilah akhirnya..
tada...
Kalo nyoba sendiri bakal lebih mudeng kok karena ini emang enak buat main-main...








9 comments:
Langsung save dulu.. nanti dibuka lagi kalo uda mudeng photoshop :)
aduh.. kok kalo masalah desain2 gini. .aku jadi maless ya..
hehe
Huehuehue... ko ga secara langsung, aku masih bingung... huehuehue............
keyeeenn.... save dlu ah, trus prktek! Thanks bgt tutorialx... :)
mantap nih save as dulu yah
hahaha, tetep ga bs bikin header nih meski dah nyontek dari sini
wah tutornya manteb neh bro... save as dulu ya
coba dulu ah...save ah hasil dari tutorialnya
savenya pake extensi jpg ato tetep psd,.?
Post a Comment