Cara Membuat Banner di Photoshop

Cara Membuat Banner di Photoshop 2
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

Software 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.

[toc]

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 software Photoshop.

Undang teman dan dapatkan uang dengan mudah. Mau? Silahkan ikuti cara undang teman di Snack Video.

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
    Buat Dokumen Baru 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 “File -> Place -> pilih gambarnya.
    Klik File dan Pilih Place - Cara Membuat Banner di Photoshop
    Klik File dan Pilih Place
  5. Sesuaikan ukuran dan posisikan ditempat yang pas.
    Sesuaikan Posisi Gambar - Cara Membuat Banner di Photoshop
    Sesuaikan Posisi Gambar
  6. Jika gambar belum format PNG, kamu bisa menghilangkan background di Photoshop dengan menggunakan fitur “Magic Wand Tool”.
  7. 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 3
    Gunakan Magic Wand Tool untuk Menghilangkan Background Gambar

     

    Tekan CTRL + J - Cara Membuat Banner di Photoshop
    Tekan CTRL + J
  8. Delete layer yang pertama tadi.
    Delete Layer Aslinya - Cara Membuat Banner di Photoshop
    Delete Layer Aslinya
  9. Bikin group gambar banernya dengan memilih semua layer kemudian tekan “CTRL + G”.
    Jadikan Semua Gambar dalam 1 Group - Cara Membuat Banner di Photoshop
    Jadikan Semua Gambar dalam 1 Group
  10. Atur level transparannya dengan menggeser tombol “Opacity” menjadi 40%.
    Atur Level Opacity Gambar - Cara Membuat Banner di Photoshop
    Atur Level Opacity Gambar
  11. Masukkan tulisan menggunakan fitur “Text Horizontal.
    Tambahkan Teks ke dalam Banner - Cara Mudah Membuat Banner di Photoshop
    Tambahkan Teks ke dalam Banner
  12. 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 Photoshop
    Atur Desain Tulisan Agar Semakin Terlihat

     

    Gunakan Stroke pada Teks - Cara Membuat Banner di Photoshop
    Gunakan Stroke pada Teks
  13. 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
    Atur Background Banner
  14. Selesai, kini banner kamu siap dicetak.
Mau buat Twibbon untuk acara event kampus ? Ikuti tutorial cara membuat Twibbon menggunakan Photoshop dan Canva.

Contoh File Desain Banner

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

Download File Desain Banner Konte HP

Password : kompiwin.com


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 software Photoshop ini. Semoga bermanfaat.

0 Shares:
Leave a Reply

Your email address will not be published. Required fields are marked *