Belajar Desain

Idhil - tutorial kali ini kita akan belajar cara membuat Header blog dengan photoshop, pertama tama kita harus  mengetahui ukuran header blog yang kita pakai, nah? bagaimana caranya kita mengetahui ukuran header blog, caranya masuk ke blog anda lalu cari kode header blog anda disana, bentuknya kurang lebih seperti ini


perhatikan gambar diatas, pada background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4OgbtDrLuwaNQ8A0yzAzHiPIVZvLJ_LKximk7TkZwgp2Xl5ICLmlCGYK_hY2nXlHJ36-e4czsqnqNlLzr0juWe8gEBFkWwU6z_JmApcpMPdVQxhyphenhyphenzCF5M4npYjeBMmjM0nSXcrTaX/s2048/header.jpg'); itu adalah link alamat image yang akan kita edit

lihat kode html diatas height dan width adalah ukuran gambar yang gambar yang akan kita edit, berarti ukuran yang kita gunakan adalah height:140 dan width 900

buka program photoshop, terserah mau versi apa, lalu tekan CTRL + N kemudian sesuaikan pengaturan sesuai keinginan


setelah itu mulailah mengedit gambarnya, misalnya tema blog anda tentang tutorial photoshop maka buatlah header dengan tema photoshop,
pertama, buat layer baru dengan menekan Shift+Ctrl+N beri nama header1, lalu gunakan paint bucket tool kemudian beri warna sesuai selera sobat, disini saya menggunakan warna biru, lihat gambar dibawa,


setelah itu tambahkan gambar atau logo di dalamnya, disini saya menggunakan logo photoshop, untuk memasukkan gambar ke lembar kerja tinggal tarik saja fotonya masuk kedalam atau tekan Ctrl + O kemudian cari gambar lalu drag ke dalam lembar kerja, lihat contoh di bawah


nah, seetelah itu tambahkan tulisan/tema blog sobat di samping logonya, silahkan download berbagai macam koleksi font di berbagai web penyedia fonts seperti http://www.1001freefonts.com/ dan lain lain, lalu atur ukuran fontnya menggunakan move tool (V)  disini saya menggunakan font tasapainoaisti_iso.


maka hasil akhirnya akan seperti ini, langkah terakhir silahkan upload imagenya kemudian pasang ke blog sobat,


ini adalah header blog yang telah saya edit menggunakan photoshop cs5,


kalo ini sampul header Facebook saya, hehehe



- ItemReviewed: membuat header blog di photoshop