Cara Membuat Banner di Photoshop

Cara Membuat Banner di Photoshop 14
Cara Membuat Banner di Photoshop

Banner biasanya sering digunakan untuk media promosi suatu iklan, produk, info layanan publik, dan masih banyak lainnya.

Sebenarnya kegunaan inti dari Banner ini adalah untuk memberitahu khalayak tentang semua hal yang ingin diekpose.

Umumnya mereka menggunakan banner ini untuk keperluan berdagang, seperti membuka warung makan, membuka konter hp, promosi menarik, dan iklan layanan sosial.

Kalau kita gali lebih dalam, sebenarnya masih banyak fungsi dan kegunaan dari banner ini, tetapi kita disini hanya menyinggung tentang bagaimana cara membuat banner menggunakan aplikasi bernama Photoshop.

Contoh Banner Konter HP
Contoh Banner Konter HP

Aplikasi editing grafis ini dapat melakukan banyak hal dan salah satunya adalah membuat banner. Hal ini akan sangat membantu kamu jika ingin mempromosikan sesuatu secara umum dengan ajang kreativitas mandiri.

Jadi sebelum kamu memesan banner di sebuah percetakan, bisa menggunakan desain yang telah kamu buat sesuai dengan tema dan konsep sendiri.

Karena terkadang jika kita memberikan kepercayaan kepada orang lain masih ada rasa kurang srek dan cocok melihat hasil desainnya. Maka dari itu silahkan simak tutorial dibawah ini untuk membuat desain banner sendiri menggunakan Photoshop.

Cara Membuat Banner di Photoshop

Disini kita akan memberikan contoh banner untuk sebuah konter HP.

  1. Buka aplikasi Photoshop di PC atau laptop kamu.
  2. Tekan “CTRL+N” untuk membuat project baru, soal ukuran silahkan ubah satuannya menjadi pixel. Buat Dokumen Baru di Photoshop - Cara Membuat Banner di Photoshop
  3. Siapkan beberapa foto seperti HP, casing, charger, yang bisa didownload di Google. Sebisa mungkin gambarnya sudah menggunakan format PNG.’
  4. Masukkan gambar-gambar tersebut dengan menekan tombol “FilePlace ⇢ pilih gambarnya.Klik File dan Pilih Place - Cara Membuat Banner di Photoshop
  5. Sesuaikan ukuran dan posisikan ditempat yang pas.Sesuaikan Posisi Gambar - Cara Membuat Banner di Photoshop
  6. Jika gambar belum format PNG, kamu bisa menghilangkan background di Photoshop dengan menggunakan fitur “Magic Wand Tool”.
    Caranya pertama klik layer gambar yang masih memiliki tampilan backgorund, buka “Magic Wand Tool” ➜ klik bagian backgroundnya ➜ lalu tekan “CTRL + J”.Cara Membuat Banner di Photoshop 15
  7. Delete layer yang pertama tadi.Delete Layer Aslinya - Cara Membuat Banner di Photoshop
  8. Bikin group gambar banernya dengan memilih semua layer kemudian tekan “CTRL + G”.Jadikan Semua Gambar dalam 1 Group - Cara Membuat Banner di Photoshop
  9. Atur level transparannya dengan menggeser tombol “Opacity” menjadi 40%.Atur Level Opacity Gambar - Cara Membuat Banner di Photoshop
  10. Masukkan tulisan menggunakan fitur “Text Horizontal.Tambahkan Teks ke dalam Banner - Cara Mudah Membuat Banner di Photoshop
  11. Disini kita akan buat nama tokonya jadi makin terihat, caranya dengan double klik layer tulisannya, kemudian pilih stroke dan cari warna yang terang, disana juga bisa mengatur ukuran stroke serta type-nya.Atur Desain Tulisan Agar Semakin Terlihat - Cara Membuat Banner di PhotoshopGunakan Stroke pada Teks - Cara Membuat Banner di Photoshop
  12. Bila kamu ingin bermain warna latar banner yang lebih cerah bisa tekan layer Background ➜ “Paint Bucket Tool” ➜ pilih warna yang sesuaiklik bagian backgorundnya.Atur Background Banner - Cara Membuat Banner di Photoshop
  13. Selesai, banner konter HP siap dicetak.
Baca Juga:

Mau buat Twibbon untuk acara event kampus ? Ikuti tutorial membuat Twibbon di Photoshop dan Canva.


Contoh Desain Banner

Jika kamu membutuhkan file PSD untuk desain banner dalam tutorial ini, silahkan klik link di bawah ini :

Belajar Photoshop:

Ingin membuat garis di Photoshop ? Ikuti tutorial selengkapnya disini.


Ternyata cukup mudah bukan, kamu bisa bebas berkreasi sesuai dengan selera desain yang ingin kamu buat. Selain itu kamu juga dapat mengasah ketrampilan dalam menggunakan aplikasi Photoshop ini. Semoga bermanfaat.

Ivan Aveldo
Suka hal yang bertopik teknologi.