2 Cara Membuat Banner Dengan Photoshop Paling Mudah

0
314

Cara membuat banner dengan photoshop memang sudah seharusnya untuk kita ketahui dan bisa melakukannya sendiri, terlebih bagi para blogger yang ingin memanfaatkan blog untuk membuat space iklan bagi para advertiser, Karena terus terang saja untuk jasa pembuatan banner yang profesional saat ini tidaklah murah.

Pengalaman pribadi dulu saat belum tahu apa-apa tentang cara membuat banner dengan photoshop akhirnya harus memesan kepada penyedia jasa dan ternyata memang sesuai dengan tingkat kesulitan dan yang kita inginkan, semakin meminta kualitas banner yang bagus maka harga satu banner juga akan semakin mahal.

Keliatannya memang simple, meski hanya berupa logo atau banner dengan ukuran kecil tetap saja menurut kami pribadi terbilang mahal setelah mengetahui begitu mudahnya cara membuat baner dengan photoshop sendiri.

Ada beberapa hal yang menjadi patokan sebelum kami membagikan 2 cara membuat banner dengan photoshop pada pembahasan kali ini, diantanya ialah:

Ukuran Banner yang ingin kita buat.

Sebelum membuat banner tentunya yang utama adalah menentukan ukuran banner yang akan kita buat, terkait ukuran banner maka perlu mengetahui space blog kita, ukuran berapa yang pas sehingga tidak kebesaran dan tidak juga kekecilan.

Diantara banner umum yang paling populer untuk sebuah blog terdapat beberapa ukuran berikut: 300×250, 728 x 90, 336×280, 320 X 100, dan ukuran 300 x 600 tentnunya ukuran tersebut tergantung template blog anda atau template blog dimana anda akan memasang iklan banner milik anda jika berperan sebagai advertiser.

Manfaat lebih apabila mengetahui cara membuat banner dengan adobe photoshop

Apabila anda bisa membuat banner sendiri dengan photoshop tentunya akan banyak manfaat yang diperoleh, diantaranya anda tidak perlu keluar uang banyak hanya untuk sebuah banner iklan diblog anda, anda bebas membuat kreasi baik gambar maupun tulisan apa saja dan bisa mengedit banner kapan saja sesuai selera dan kebutuhan.

Cara membuat banner dengan photosho juga tidak sesulit yang dibayangkan, kalaupun memang anda masih sangat awal dan pemula sekali tentang penggunaan adobe photoshop, bukankah sekarang ada banyak cara dan media untuk belajar, bisa melihat tutorial di youtube sambil praktek atau melihat panduan bergambar di website lain. Intinya jangan mempersempit dan mempersulit diri sendiri jika ingin cepat berkembang dan bisa mengetahui cara membuat banner dengan photoshop.

Cara Membuat Banner dengan Photoshop

Langkah pertama: Buka dan jalankan aplikasi atau software adobe photoshop di laptop atau komputer anda, versi apa saja bisa untuk membuat banner, namun versi terbaru lebih bagus.

Langkah kedua: Setelah photoshop anda terbuka, selanjutnya mulai membuat banner anda. Caranya: Klik Menu FILE –> Pilih NEW (Ctrl+N).

Langkah Ketiga: Menentukan Ukuan Banner baru anda, untuk mengatur ukuran banner yang paling penting adalah menentukan lebar dan tinggi banner serta resolusi banner agar hasilnya maksimal. berikut gambar contoh menentukan ukuran banner:

Cara membuat Banner dengan Photoshop
Cara membuat banner dengan Photoshop

Catatan Gambar:

Width : untuk menentukan lebar banner, sesuaikan dengan space widget atau sidebar blog atau dimana anda akan menempatkan banner nantinya. Jangan lupa dibelakngnya pilih “pixels’

Height: Untuk menentukan Ukuran tinggi banner baru yang akan dibuat, juga sesuaikan dengan space blog, usahakan jangan terlalu tinggi dan jangan terlalu rendah. Ikutin referensi ukuran yang telah kami sebutkan diatas. Jangan Lupa Pilih “Pixels”

Resolution: ikuti saja dengan angka 72 Pixels/inch itu merupakan resulusi standar yang sudah cukup bagus untuk sebuah banner.

Color Mode: Pilih RGB Color dan 8 bit

Background Contents: disini anda bisa memilih apakah langsung berwarna atau white (putih) atau transparan. Silahkan pilih transparan jika ingin membuat banner dengan memasukan gambar lain sebagai baground.

Langkah Keempat: Jika sudah selesai menentukan ukuran dan resolusi, silahkan KLIK OK

Selanjutnya mulailah anda membuat kreasi banner baru anda sendiri, baik memasukan foto, tulisan dan lainnya. Jika ingin memasukan foto lain sebagai background anda hanya tinggal menyeret atau drag gambar ke bagian banner saja lalu menyesuaikan ukurannya.

Berkaitan dengan cara membuat banner dengan photoshop seperti cara memasukan text dan membuat tulisan, memasukan gambar dan lainnya itu adalah selera masing-masing jadi silahkan anda selesaikan sampai menurutkan anda banner baru tersebut sudah bagus dan sesuai dengan produk yang ingin di promosikan dengan banner.

Langkah Kelima: Jika sudah selesai mengkreasi banner anda dan siap untuk disimpan, maka cara menyimpan banner hasil olahan photoshop anda sebagai berikut:

Cara Membuat Banner dengan Adobe Photoshop

Urutan penyimpanan banner baru: Klik Menu File –> Klik Save As –> Tentukan Lokasi penyimpanan di komputer atau laptop anda –> Tulis Nama File Banner baru anda –> Bagian Format banner pilih PNG/JPEG –> Save. Selesai cara membuat banner dengan photoshop.

Cara membuat Banner dengan Photoshop sudah selesai, selanjutnya yang perlu anda ketahui adalah cara memasang banner ke blog atau website dengan mudah.

Langkah – Langkah memasang banner ke blog/website anda sebagai berikut:

Uplpoad banner baru yang telah anda buat dengan photoshop ke website via add new Media/Gallery kalau di wordpress, di blogspot upload gambar/foto seperti biasanya.

Setelah selesai diupload ke website langkah yang perlu lakukan adalah mengambil url/link gambar yangtelah anda upload tadi. Caranya Klik Kanan pada gambar yang telah diupload ke blog tadi dan pilih copy image address/copy lokasi gambar dan paste ke notepad.

Kemudian gunakan kode script banner di bawah ini:

<a rel=”Nofollow” href=’URL Tujuan Kalo diklik‘ target=’_blank’ title=’Peluang Bisnis Online‘><img src=’Masukan Url Lokasi Gambar‘ alt=’Peluang Bisnis Online‘ border=’0’height=’336‘ width=‘280‘/></a>

Catatan Script:

Tulisan berwarna merah: anda ganti dengan url/link tujuan saat banner diklik orang.

Tulisan berwarna Biru: Masukan url gambar yang anda dapatkan setelah klik kanan dan copy Image address/copy lokasi gambar.

Tulisan berwarna ungu: anda ganti sesuai nama produk, karena tulisan ini akan muncul saat mouse diarahin ke banner.

Tulisan warna orange: ganti dengan nama file gambar/banner anda.

Height: Untuk Mengatur tinggi disesuaikan dengan tinggi banner yang anda buat.

Width: mengatur ukuran lebar banner, sesuaikan dengan banner anda.

Langkah terakhir: Memasukan atau memasang banner di blog dengan mempastekan kode script ke tempat dimana anda ingin menampilkan banner, bisa di sidebar/widget, atau space iklan yang tersedia. Kemudian Klik SAVE dan lihat hasilnya banner buatan anda sudah tampil dengan sempurna di blog. Selesai.

Sebelumnya kami juga telah share tutorial cara membuat cover header youtube dengan photoshop dan cara membuat banner dengan photoshop ini tidak jauh berbeda dari sisi step by step yang perlu dilakukan agar banner bisa terbuat dengan mudah dan maksimal.

Baca Juga: Cara membuat Tombol Share Facebook, Twitter Melayang Di Blog

Demikianlah ulasan cara membuat banner dengan photoshop yang bisa kami share dalam artikel ini, mungkin agak kurang mudah dipahami karena tidak disajikan secara detail bergambar, namun jika ada pertanyaan seputar cara membuat banner dengan adobe photoshop ini jangan sungkan bertanya melalui komentar.

LEAVE A REPLY