Cara Membuat Banner di Photoshop 1

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.

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.

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 4
    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 sesuai โžœ klik 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.

Artikel Menarik Lainnya

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *