Cara desain gambar background header blog sesuai selera menggunakan photoshop

Pada Kesempatan kali ini saya saya akan memberikan tutorial cara desain gambar background header blog format jpg maupun png menggunakan photoshop . background header blog bawaan tema dari blog mungkin hanya sebatas warna saja / atau polos dengan judul dan deskripsi blog, kita bisa membuat lebih keren lagi dengan background header yang kita buat dan desain sendiri.

mungkin beberapa dari blogger pemula masih bingung bagaimana cara desainnya ? , ukurannya berapa untuk bisa sesuai dengan lebar template blog kita ?, panjang x lebarnya berapa ?. jika kalian sudah membaca artikel saya ini sampai selesai dan mempraktekannya mungkin kalian akan menemukan jawaban yang kalian bingungkan sebelumnya.

oke langsung saja yuk kita praktekkan , ikuti langkah demi langkah yaa. 

Langkah pertama

sebelum kalian ingin membuatnya , kalian harus mengetahui ukuran dari lebar x panjang header template kalian yang nantinya akan desusaikan dengan desain background yang kalian buat 

caranya :

1. lihat  blog kalian dan klik kanan di header 
2. pilih inspect element 
   
3. lalu arahkan kursor ke html inspect element tempat di kode header inner
4. pada header template akan tertera ukuran ... x ... ( lebar x tinggi ) 
   
5. jika sudah close saja inspect elementnya . lanjut

Langkah ke dua (2)

setelah sudah mengetahui ukuran header template kalian, langkah selanjutnya adalah membuat desain gambar sesuai dengan ukuran hader. 

1. buka photoshop 
2. klil file  > New > akan muncul jendela New dan ubah ukuran ke pixels 
   
3. Masukkan ukuran pixels sesuai dengan header blog di kolom width dan height > resolution 300 pixels/inc > klik ok
   
4. sebelum desain ubah format background ke layer caranya klik 2 kali pada tulisan background kemudian langsung klik ok
   
5. berikan text dengan cara klik icon T (text) > klik di gambar dasar putih > lalu tuliskan sesuai keinginan, misalkan judul dan deskripsi pindah posisi text menggunakan tools move tools
   
   
6. memasukan gambar logo atau gambar pelengkap berformat png dari komputer kalian caranya klik file > open > klik gambar yang ingin dipilih di folder komputer > klik open , pindahkan gambar ke desain header tadi caranya klik icon tools move tool lalu klik dan tahan gambar / logo kalian > geser ke tempat desain header. (sesuaikan lebar gambar dengan move tools tadi)
   
7. mengganti warna dasar header caranya klik 2 kali pada tulisan background > akan muncul jendela layer style > klik color overlay > klik kotak warna dan pilih warna sesuai selera (jika ingin menambahkan efek-efek yang lain tinggal coba tiap-tiap style yang lainnya pada kolom layer style)
   
8. jika sudah oke , simpan desain hader kalian caranya : klik file > save > pilih format png lalu save (jika nanti ingin melakukan edit lagi save dengan format photoshop psd)

oke, itulah langkah-langkah yang saya bisa berikan mengenai cara membuat background header dengan desain sendiri. bagi kalian yang masih bingung bisa mencari tahu dulu tutorial photoshop dari A sampai Z di mbah google , karena banyak sekali teknik desain yang lebih lengkap mengenai fiture-fiture photoshop.

Di artikel selanjutnya, saya akan memberikan tutorial cara menerapkan gambar background header  di template blog. 

Terima kasih sudah membaca artikel saya, semoga bermanfaat :)