CEPAT DAN MUDAH BUAT HEADER BLOG

 

Pada kesempatan kali ini saya sampaikan tips membuat header blog secara otomasi dengan Photoshof Cs 6 dengan pengalaman ini mudah-mudahan membantu teman-teman yang menginginkan blog headernya dinamis untuk itu silahkan ikuti langkah-langkah berikut ini;

1. Pertama-tama buka Icon Photoshop seperti gambar berikut ini

 

2. Klik File pilih New

 

3. Tentukan pilihan Bentuk filenya dengan model Web bila muncul dialog berikut ini

4.Tindakan berikutnya tentukan Panjang dan Lebar Header yang dikendaki

Contohnya Width : 1000 Picxel dan Heightnya : 200 Picxel

5. Untuk selanjutnya nanti akan tampil Dialog berikut ini

 

6. Setelah muncul gambar bakal header yang hendak kita buat, mari kita lanjut ke berikutnya yai

     tu dengan rencana membuat warna background header dengan cara 

 

 7. Selanjutnya kita buat background dengan cara klik Gradient seperti pada panah ini

.

 

 8. Berikutnya akan muncul tanda plus putus-putus letakkan pada form header yang akan kita warnai 

     terus silah klik dan tarik sesuka Anda dengan cara mencoba beberapa type blog.

 

9. Pada akhirnya background kalau mouse kita tarik dari sudut kesudit seperti gambar diatas, maka gambar header background seperti berikut ini

 

10. Selesai membuat warna background, kita lanjut kan memberi gambar pada header berikut ini Klik 

         File Photoshop pilih place

 

 11. Nanti akan muncul letak lokasi gambar yang hendak dipilih seperti berikut ini

12. Setelah kita tentukan gambar yang dipilih klik Insert dan header telah ada gambarnya seperi berikut ini

 

13. Ini dilakukan berulang kali sampai gambar yang dikendaki sudah cukup seperti gambar dibawah ini, langkah selanjutnya Membuat Teks di Header dengan cara Klik Icon Huruf T terus Mouse letakkan di header yang akan diberi Teks

 

 14. Bentuk header yang telah selesai seperti gambar dibawah ini

15. Header telah selesai tugas berikutnya adalah membuat/ menentukan warna bacground agar berganti-ganti tindakan berikutnya adalah Klik layer pilih Background Form layer

 16. Dengan di kliknya Background form layer akan muncul dialog berikut ini dan silahkan klik OK

 

 17. Dengan dikliknya Ok maka gambar header silahkan di klik pada gambar tsb nantinya gambar itu aktif seperti ini

 18. Tugas untuk selanjutnya menggandakan gambar header seperti berikut ini, dengan mengklik   

        Duplicates selected frames

19. Untuk gambar ini nantinya akan berubah menjadi sesuai yang ingin dibuatnya umpanya kita buat header sebanyak 5 buah makan akan menjadi seperti ini

 

 20.Langkah terkhir adalah menyipan file tersebut dengan cara buka file pilih save web dan muncullah dialog berikut ini

 21. Setelah Anda klik Save Web akan muncul dialog berikut ini, dan klik save

 

 22. Dengan di kliknya tombol save, maka akan muncul dialog tempat menyimpan gambar header terbut, umpamanya di Picture terus tekan Save seperti ini

 Juka sudak di simpan maka selesailah pembuat header secara otomatis berganti-ganti sebanya gambar

yang dibuat tidak perlu membuat listing html.
Untuk melihat tutorial visonya klik di sini

 

Semoga bermanfaat dan Selamat mencoba!