Membuat Twibbon Simple Mudah dengan Photoshop

Twibbon itu semacam bingkai foto yang dibuat sedimkian rupa dan di desain agar terlihat menarik, twibbon biasa digunakan sebagai media promosi online yang bisa membantu untuk memeriahkan sebuah event. 

Twibbon bisa dibuat dengan berbagai macam cara, bisa dibuat di HP ataupun di PC. bila di HP kamu bisa membuat twibbon melalui berbagai macam aplikasi, salah satunya Canva,dll. Sedangkan di PC, kamu bisa menggunakan Photoshop sebagai salahsatu alternatifnya.

Lihat juga : Cara agar Twibbon dipakai banyak orang

Dan kali, aku akan sharing bagaimana membuat sebuah twibbon simple di Photoshop. Penasaran bagaimana membuatnya??? yuk tetap disimak sampe selesai artikel ini.

Hasilnya akhir akan nampak seperti ini :

Twibbon Simple mengunakan Photoshop - Source: Kiedayat

Membuat Twibbon Simple di Photoshop

1. Buka software Photoshop, kemudian buatlah lembar kerja baru dengan Klik File - New atau cara pintasnya dengan CTRL+N

Lembar kerja baru Photoshop - Source: Kiedayat

2. Buatlah lembar kerja photoshop untuk twibbon dengan perbandingan 1:1, dengan ukuran bebas. Namun disarankan lebih dari 1000px x 1000px agar resolusi gambarnya tetap terjaga. Setelah pengaturan selesai Klik OK.

3. Akan terbentuk sebuah lembar kerja kosong dengan warna blank putih. Kemudian berikan warna dengan "Paint Bucket Tool" sesuai dengan kode warna pada gambar dibawah ini.

Merubah Warna di Photoshop - Source: Kiedayat

4. Langkah berikutnya yaitu melubangi kotak hijau yang akan dijadikan area untuk foto nantinya. Pertama, buat sebuah kotak dan tempatkan ditengah. 

Lihat juga : Membuat Twibbon Mudah secara Online Tanpa Aplikasi

Kemudian untuk mempermudah membuat design ini, ubahlah semua layer yang awalnya berstatus  "Smart Object" dengan Klik Kanan pada layer dan pilih "Rasterize Layer".

Merubah Layer dengan Rasterize Layer - Source: Kiedayat

5.  Setelah melakukan rasterize layer, waktunya melubangi. Cara melubanginya adalah tempatkan layer aktif ke "Layer 1". Kemudian "tahan CTRL + Klik Thumbnail Layer 1" yang berupa kotak hitam.

Setelah itu akan muncul seleksi berupa garis putus-putus. kemudian kembalikan layer aktif ke Layer berwarna Hijau dan setelah itu "Klik Tombol Delete". Maka layer background hijau pun akan berlubang.

Melubangi Objek di Photoshop - Source: Kiedayat

6. Setelah layer background hijau itu berlubang, maka layer 1 yang kotak hitam itu sudah tidak dibutuhkan lagi, buang saja dengan menghapusnya. dan yang tersisa hanya layer hijau yang sudah bolong.

7. Selanjutnya buatlah 2 buah Persegi Panjang dengan ukuran masing-masing 1/2 dari ukuran background hijau. berikan warna hitam dan putih serta tempatkan keduanya di atas layer background hijau.

Selanjutnya ubah "Opacity" dari masing-masing persegi panjang berwarna hitam dan putih menjadi 60%.. maka hasilnya terlihat seperti ini

Merubah Opacity di Photoshop - Source: Kiedayat

8. Berikutnya kita akan melubangi kembali persegi panjang warna hitam dan putih yang telah berubah opacitynya tsb. Pertama buat Lingkaran dan tempatkan ditengah.

Lalu lubangi persegi panjang hitam dan putih satu persatu dengan lingkaran tsb. Langkah-langkahnya sama dengan Poin No.urut 4 dan 5. 

Perbedaanya hanya sebelumnya itu kita melubangi dengan Kotak, sedangkan sekarang dengan Lingkaran. Setelah berlubang, maka lingkaran/ellipse sudah tidak terpakai lagi dan bisa dibuang.

Dan Hasilnya akan seperti ini :

9. Lalu tambahkan tulisan/ teks dan tempatkan layernya di paling atas dari semua objek yang sebelumnya telah dibuat.

Atur Posisinya dan sesuaikan tata letaknya tulisannya. Untuk membuat Efek seperti timbul/3D pada tulisanya, kalian cukup menduplikatnya layer teksnya dengan CTRL+J, dan letakan dibelakangnya serta posisikan miring kebawah dan tentunya berikan warna agar terlihat tidak monoton seperti pada gambar ini :

10. Langkah selanjutnya tambahkan dekorasi seperti bingkai kotak, buatlah kotak dan tempatkan ditengah serta buang area Fill nya dan hanya sisakan bagian stroke nya saja.

Lihat juga : Contoh Twibbon untuk Event Sekolah

Lalu hapus node/titik salah satu sisi stroke yang menghalangi tulisan menggunakan "Direct Selection Tool" lalu delete. Maka akan tampak seperti ini :

11. Langkah terakhir yaitu, untuk membuat lebih menarik lagi, tambahkan lagi garis-garis tambahan sebagai dekorasi dan letakan semua dekorasi dibawah layer persegi panjang hitam dan putih. 

Dan  akan nampak seperti dibawah ini :

12. Pembuatan Template Twibbon-nya selesai, tinggal di masukan foto kedalamnya. Caranya dengan Drag and Drop foto dari file explore windows ke photoshop, sesuaikan posisinya dan letakan layernya paling bawah.

Membuat Twibbon di Photoshop - Source: Kiedayat

13. Terakhir tinggal simpan dengan Save ke format PNG.

Sekian Panduannya dalam membuat Twibon simple di Photoshop. semoga ini bermanfaat dan kalian semua bisa membuat twibbon sendiri di photoshop sesuai dengan tema yang kalian inginkan.

Mohon maaf bila ada kekurangan, dan bila ada yang kurang dipahami silahkan ditanyakan dikolom komentar.

Terima Kasih