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
Untuk melihat tutorial visonya klik di sini
No comments:
Post a Comment