Monday, April 24, 2017

Tutorial Membuat Banner Blog Menggunakan Photoshop

Pada tampilan sebuah blog, banner adalah bagian yang cukup vital dimana biasanya banner tersebut memnjadi identitas dari blog tersebut. banner biasanya diisi dengan tulisan atau nama. peletakkan banner pada blog biasanya ada pada bagian header agar mudah terlihat oleh pengunjung. apakah anda sedang ingin memodifikasi template blog anda agar tampilannya menjadi lebih baik dan menarik? berikut tutorial photoshop untuk membuat banner.

http://dunia-komputer21.blogspot.co.id/

Tutorial Cara Membuat Banner Blog dengan Photoshop

Langkah pertama

Tentukan terlebih dahulu seberapa besar ukuran header pada template yang anda gunakan pada blog. Anda bisa mengeceknya melalui kolom html atau gunakan saja mode preview dari tema tersebut, biasanya akan muncul gambar default pada kolom header, cukup simpan gambar tersebut ke dalam komputer anda lalu tinggal di edti menggunakan aplikasi photoshop. Ukuran banner pada blog biasanya beragam tergantung pada ukuran dari template tersebut.

http://dunia-komputer21.blogspot.co.id/

Langkah kedua
Anggap saja banner yang ada pada blog anda berukuran 900x160 pixel, jika berbeda anda tinggal merubah ukurannya saja. Di sini langkah awal yang saya lakukan adalah membuat sebuah dokumen baru dengan menentukan ukuran dari header tersebut lalu mengatur resolusinya minimal 72 ppi.

http://dunia-komputer21.blogspot.co.id/

Langkah ketiga

Masukkan gambar yang akan anda pilih sebagai background pada banner blog tersebut. Gambar ini haruslah sesuai dengan ukuran banner karena biasanya banner blog berbentuk persegi memanjang maka sebaiknya menggunakan background yang polos saja atau dengan sedikit ornamen.

http://dunia-komputer21.blogspot.co.id/


Langkah keempat
Lakukan seleksi pada area gambar yang akan anda jadikan background dengan menggunakan rectangular marque tool, setelah itu pilih opsi edit>copy. Lalu klik layer header yang telah dibuat sebelumnya, lalu klik kanan dan paste.
 
http://dunia-komputer21.blogspot.co.id/


http://dunia-komputer21.blogspot.co.id/

Langkah kelima

Tekan CTRL + T untuk melakukan Free transform dan menyesuaikan ukuran gambar dengan kanvas yang ada di belakangnya.

http://dunia-komputer21.blogspot.co.id/

Langkah keenam

Setelah dirasa pas, anda tinggal menambahkan beberapa tulisan yang berhubungan dengan blog anda. Misalkan nama blog, atau ucapan selamat datang, bisa juga anda berikan penjelasan atau deskripsi mengenai blog anda pada banner tersebut. Setelah diberi tambahan teks, kurang lebih hasilnya akan tampak seperti ini:

http://dunia-komputer21.blogspot.co.id/

Demikian informasi yang bisa saya bagikan kepada anda semua mengenai Tutorial Membuat Banner Blog Menggunakan Photoshop. Semoga dapat membantu anda yang memiliki rencana untuk membuat header atau banner untuk blog anda. Semoga tampilan blog anda menjadi lebih menarik dan memikat hati para pengunjung dan pembaca setia dari blog yang anda miliki.




EmoticonEmoticon