Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Spanduk Sederhana Dengan Photoshop

Hai sobat, pada tutorial klikphotoshop kali ini kita akan belajar cara membuat spanduk sederhana dengan photoshop. Spanduk adalah media yang biasa di gunakan sebagai alat promosi dan penyebaran sebuah informasi yang bersifat publik/umum. Isi dari spanduk biasanya terdapat logo, simbol, slogan, pesan promosi atau pesan informasi yang di desain dengan menarik agar orang tertarik melihatnya.

Jenis-jenis dari spanduk berbeda-beda, ada Y banner, X banner, Spanduk mini X dan Roll Up. Kemudian dari cara cetak juga dapat di kelompokkan sendiri-sendiri, yaitu spanduk printing, sablon dan spray. Untuk membuat spanduk sebenarnya sangat mudah, dan ada banyak program software yang bisa kita gunakan untuk membuatnya. Tetapi di sini saya akan mencoba membuat spanduk sederhana untuk pesan informasi tentang Covid-19, dengan menggunakan program adobe, tepatnya Adobe Photoshop CS6.

Ok sob, mari kita mulai! di sini saya telah mempersiapkan bahan untuk membuat tutorial ini, dan file gambar semuanya saya unduh dari pixabay.com:

  • Gambar stok seorang Dokter
  • Gambar stok Masker 
  • Font Franklin Gothic Medium
  • Font Helvetica Neue
  • Font Signatra DEMO

Cara Membuat Spanduk Sederhana Dengan Photoshop

1. Bagaimana Memulai Membuat Spanduk Pesan Informasi

Langkah 1
Pertama kita buat dokumen baru. Pergi ke atas layar dan buka File lalu pilih New, atau dengan pintasan keyboard CTRL+N (Win) / Command+N (Mac):

Cara membuat spanduk


Langkah 2
Kemudian atur Widht menjadi 970 px dan Height ke 250 px. Jika sobat ingin hasil akhir untuk di cetak, maka saya sarankan dengan menggunakan resolusi yang tinggi. Karena ini hanya tutorial, maka Resolusi saya atur di 72 px/inch dan namai dokumen di bagian atas dengan nama spanduk:

cara membuat spanduk di photoshop
 
Klik Ok, untuk menutup kotak dialog New Dokumen. Sekarang lihat kanvas baru kita telah di tambahkan photoshop di jendela dokumen:
 
 
 
 

2. Bagaimana Menambahkan Bidang Foto

Langkah 1
Pertama saya akan tambahkan Shape photoshop. Untuk itu, pergi ke kotak alat di sebelah kiri layar dokumen, lalu pilih Rectangle Tool:
 
 
 
Langkah 2
Dengan alat Rectangle yang di pilih, lukis di dalam area kanvas yang sobat untuk menampilkan gambar. Di sini saya akan menambahkan kotak shape di sebelah kiri:
 
lawan corona
 
 
Langkah 3
Lalu kita ubah dimensi sudut shape, agar tidak terlihat kotak dengan menggunakan perintah transform photoshop. Untuk itu, pergi ke menu Edit atas layar dan pilih Transform Path kemudian pilih Skew:

covid-19

 
Dengan begitu akan muncul kotak di sekitar shape, lalu atur sudut manakah yang ingin sobat ubah. Saya akan menggeser pada bagian kanan sudut atas sedikit kekanan:
 
 
 
Langkah 4
Kemudian buka gambar kita dengan pergi ke menu File di atas layar dan pilih Open. Atau dengan pintasan keyboard CTRL+O (Win) / Command+O (Mac), lalu tarik foto ke dalam kanvas:

 

Langkah 5
Selanjutnya kita ke panel layers. Pastikan lapisan gambar yang kita pilih "layer1", atau lapisan yang paling atas di dalam palet layer:
 
jokowi

 
Dengan "layer 1" yang di pilih, klik kanan pada mouse dan pilih Create Clipping Mask dari daftar yang muncul:

jaga jarak 
 
 
Dengan begitu, photoshop langsung otomatis memasukkan gambar kita ke dalam lapisan yang tepat di bawahnya "layer Rectangle":
 
coronavirus
 
 
Langkah 6
Lalu sesuaikan posisi gambar dengan perintah Free Transform photoshop, tekan CTRL+ T (Win) / Command+T (Mac) pada keyboard sebagai cara pintas:
 
kumpulan banner populer
 
 
Dengan menahan SHIFT pada keyboard agar tetap terjaga proporsialnya di tengah, saya akan menarik salah satu sudut sedikit kedalam dan akan tampak seperti gambar di bawah ini. Lalu geser ke mana saja pada poin gambar yang sobat akan tampilkan:
 
cara membuat spanduk sederhana


 

3. Masukkan Gambar dan Grafis Sebagai Lapisan Background

Langkah 1
Seperti cara sebelumnya dengan menekan CTRL+O (Win) / Command+O (Mac), lalu kita buka foto yang kedua, yaitu gambar masker:
 
spanduk informasi
 
 
Kemudian tahan dan seret gambar kedua ke dalam kanvas. Maka, jika kita lihat pada jendela dokumen gambar kedua saya sementara menutupi sebagian area kanvas:
 
Masker
 
 
Langkah 2
Selanjutnya kita ke palet layers, pindahkan lapisan gambar kedua "layer 2" ke bawah lapisan rectangle pada panel layers, atau di atas layer background:

ayo pakai masker
 
 
Langkah 3
Lalu, sekali lagi kita posisikan gambar sesuai keinginan dengan menggunakan perintah Free Transform photoshop:
 
cara membuat spanduk informasi
 
 
Kemudian atur posisi sesuai selera sobat, dengan menahan SHIFT pada keyboard saya akan tarik sedikit kedalam agar ukurannya menjadi kecil, lalu komposisikan gambar. Tekan Enter jika sudah selesai:

ayo pakai masker
 
 
Langkah 4
Pada langkah ini kita akan sedikit menambahkan grafis agar terlihat menarik. Kali ini kita gunakan Pen Tool photoshop. Pergi ke kotak alat, di sebelah kiri jendela dokumen kemudian pilih Pen Tool:
 
tetap jaga jarak
 
 
Lalu lukis sesuai kemauan sobat, di sini saya akan menambahkan sedikit lekukkan pada titik pertemuan background dan gambar seperti gambar di bawah ini, dan warna Cyan dengan kode #008a8ec yang saya gunakan:
 
covid-19 masker
 
 
Lalu lukis sekali lagi dengan Pen Tool untuk membuat bayangan, agar terlihat seperti patahan dengan warna Cyan gelap #094bd8:

 
 
 

4. Cara Menambahkan Tulisan Spanduk Pesan Informasi

Langkah1
Untuk menambahkan teks pada spanduk, pergi ke kotak alat dan pilih Type Tool atau tekan huruf T  pada keyboard sebagai pintasan :
klik photoshop
 
 
Pilih jenis font yang ingin sobat gunakan, pada bagian Opsi di atas jendela dokumen. Di sini saya akan menggunakan Font Franklin Gothic Medium untuk tulisan pertama saya:

cara membuat banner di adobe photoshop
 
 
Langkah 2
Kemudian ketik di mana saja di dalam kanvas yang ingin sobat tulis. Saya akan mengetik AYO PAKAI MASKER dengan warna kuning. Kemudian komposisikan tulisan dengan bantuan Free Transform, jika sobat merasa posisi tulisan belum tepat:

ayo pakai masker
 
 
Langkah 3
Tambahkan garis luar pada tulisan, pergi ke panel layers dan klik ikon Layer Style (FX) di bagian bawah palet layer kemudian pilih Stroke dari daftar:

cara membuat banner
 
 
Ini akan menapilakan kotak dialog layer style photoshop, dengan opsi stroke atur posisi ke Outside dan Size ke angka 3 px dengan warna hitam di bagian Fill Type. Klik Ok untuk menutup kotak dialog, jika sudah selesai:

cuci tangan pakai masker
 
 
Nah inilah tampilan tulisan saya setelah di tambahkan Stroke, terlihat garis hitam tipis mengikuti tulisan:
 
ayo pakai masker
 
 
Langkah 4
Tambahkan tulisan yang kedua, dengan cara yang sama seperti sebelumnya. Tetapi kali ini saya akan menggunakan font Helvetica Neue untuk teks kedua saya agar lebih bervariasi:

demi keselamatan bersama
 
 
Kemudian ketik di bawah tulisan yang pertama, saya akan mengetik "Demi Keselamatan Bersama"
dengan warna putih, sesuaikan kembali dengan perintah Free Transform sesuai selera sobat:

Rajin cuci tangan
 
 
Langkah 5
Saya akan menambahkan lagi tulisan yang ketiga dengan menggunakan Font Signatra DEMO. Di sini saya akan mengetik dua kali sekaligus, yaitu "Mari Lawan Covid-19" dan "Dengan Tetap Jaga Jarak dan Rajin Cuci Tangan":

Mari lawan covid-19
 
 
Langkah 6
Tambahkan Tagar. Saya menggunakan Font Helvetica Neue untuk tulisan Hastag, dan Masing-masing adalah #bersamalawancorona #ayopakaimasker #dirumahsaja:

Ayo pakai Masker
 
 
Langkah 7
Pada bagian akhir tambahkan Logo di sebelah kiri atau di manapun, sesuai selera atur besar kecilnya yang menurut sobat sesuai:
 
cara membuat banner

 
Dengan begitu, sobat berhasil! dan inilah hasil akhir dari tutorial singkat kita kali ini sob. Selamat berkreasi:

Ayo Pakai Masker

 
 
Ok sob, demikian tutorial kali ini tentang cara membuat spanduk sederhana dengan photoshop. Terimakasih telah berkunjung, semoga bermanfaat dan sampai bertemu lagi pada tutorial klikphotoshop yang lainnya. Terimakasih.