Cara Membuat Twibbon

Cara Buat Desain Twibbon

Berbicara mengenai twibbon, mungkin sebagian belum tahu artinya. Tapi bagi sebagian lainnya yang kuliah, ikut organisasi dan sebagainya pasti sudah tahu.

Ringkasnya sih twibbon itu digunakan untuk event tertentu, misalnya tahunan atau sekolahan. Bentuknya sih hanya sebatas bingkai yang nanti disisipkan foto Anda.

Nah untuk membuatnya juga tidak terlalu sulit kok. Di sini akan saya bahas 😀

Apa itu Twibbon?

Sedikit pengenalan lagi dengan istilah twibbon. Jadi twibbon itu suatu desain gambar yang berbentuk bingkai dan biasanya disisipkan pada foto tertentu (profil misalnya).

Contohnya di Facebook. Model desain twibbon ini cukup banyak ditemui lho. Creator-nya cukup banyak.

Cara Membuat Twibbon Offline dan Online

Untuk membuat twibbon ini ada dua cara. Yang pertama secara offline dan yang kedua secara online.

Di sini tinggal sesuaikan saja, yang mana kira-kira yang dibutuhkan.

Contohnya kalau mau mudah, bisa secara online. Karena biasanya sudah disediakan template-nya, jadi Anda tinggal memodifikasi. Tapi kalau Anda mau custom sendiri juga bisa kok.

Berikut beberapa cara untuk membuat twibbon:

1. Secara Online Dengan Twibbonize

Twibbonize ini adalah situs berbagi desain twibbon. Cocok untuk Anda yang ingin sekedar membuat twibbon dari template yang sudah ada sebelumnya.

Cara pakainya begini:

  • Buka dulu situs Twibbonize.com
  • Kemudian silakan pilih desain Twibbon yang diinginkan
  • Klik Browse Image untuk memilih foto Anda sendiri
Pilih Desain Foto
  • Atur posisi fotonya agar sesuai dengan Twibbon
  • Kalau sudah, klik tombol Upload Image
Atur Posisi Foto di Twibbon
  • Kalau sudah, Anda bisa klik icon download atau klik kanan foto > Pilih save

2. Secara Online Dengan Canva

Anda bisa membuat twibbon secara online di situs Canva. Di situs ini fitur untuk mendesain twibbon sangat lengkap, jadi akan sangat membantu Anda.

Berikut langkah-langkah untuk membuat twibbon di situs Canva:

#1. Mengatur Ukuran Canvas

Umumnya bentuk desain dari twibbon itu square atau kotak, jadi langkah pertama Anda harus mengatur ukuran canvasnya lebih dulu.

Berikut langkah-langkahnya:

  • Pertama, Anda bisa buka browser lalu akses situs Canva.
  • Setelah halaman dari situs Canva muncul, Anda dapat klik menu Dimensi Khusus.
Pengaturan Dimensi Canva
  • Lalu atur ukuran panjang dan lebarnya menjadi 1000 px.
Setting Dimensi Canvas
  • Kalau sudah, Anda bisa klik tombol Buat Desain Baru.
  • Maka canvas untuk mendesain twibbon akan berbentuk square seperti gambar berikut.
Contoh Canvas Twibbon di Canva

#2. Membuat Desain Twibbon

Langkah selanjutnya adalah membuat desain twibbon sesuai keinginan Anda.

Disini saya akan coba membuatnya dengan sederhana, jadi Anda bisa mengikutinya juga.

Berikut langkah-langkahnya:

  • Pertama, masukan Elemen Bingkai ke dalam canvas. Caranya Anda bisa klik tab Elemen di bagian kiri > pilih kolom bingkai > cari bentuk sesuai keinginan.
Opsi Bingkai di Canva
  • Jika sudah, sekarang Anda klik tab Elemen lagi > pilih Gradien > cari desain untuk ditambahkan ke twibbon tersebut.
Pengaturan Gradien di Canva
  • Kalau Anda ingin menambahkan gradien dibelakang bingkai, maka bisa diatur posisinya. Caranya klik gradien > pilih menu Posisi > klik Mundur.
  • Kemudian Anda bisa tambahkan gradien lainnya untuk memperkaya tampilan twibbon.
  • Selanjutnya Anda dapat menambahkan teks ke dalam desain tersebut. Caranya cukup klik tab Teks > pilih menu Tambahkan Judul.
Tambah Teks di Canva
  • Berikut desain twibbon sementara yang mungkin bisa menginspirasi Anda.
Desain Twibbon Sementara

#3. Masukkan Foto

Setelah membuat desain twibbon, sekarang Anda bisa memasukan foto ke dalam bingkai yang sebelumnya sudah dibuat.

Berikut langkah-langkahnya:

  • Pertama, Anda bisa klik tab Unggahan > pilih tombol Unggah Media.
Unggah Media di Canva
  • Kemudan pilih Perangkat jika Anda ingin upload foto dari storage di PC yang digunakan.
Pilih Opsi Perangkat
  • Jika sudah, sekarang Anda cari foto yang ingin dimasukkan ke dalam desain twibbon.
  • Kemudian drag foto tersebut ke dalam canvas > lalu atur posisinya sesuai keinginan Anda.
Sesuaikan Foto pada Twibbon

#4. Simpan Twibbon

Jika sudah mendesain dan menerapkan foto Anda kedalam twibbon tersebut, maka langkah terakhir ialah menyimpannya.

Anda bisa ikuti beberapa langkah berikut ini untuk menyimpan Twibbon:

  • Pertama Anda bisa klik menu Unduh yang ada dibagian atas layar.
Unduh Hasil di Canva
  • Kemudian pilih jenis File yang Anda inginkan, jika sudah klik tombol Unduh lagi.
  • Setelah berhasil di unduh, maka hasil akhir dari contoh desain twibbon yang dibuat dengan situs Canva akan seperti berikut.
Contoh Twibbon di Canva
  • Selesai.

Dengan menggunakan situs online untuk membuat twibbon, maka Anda tidak perlu lagi install aplikasi.

3. Secara Offline (Dengan Aplikasi)

Kemudian kalau Anda ingin membuat twibbon secara offline, maka bisa juga kok. Tapi Anda harus pakai aplikasi tertentu untuk membuatnya.

Misalnya seperti saya pada artikel ini akan membuat twibbon di laptop dengan menggunakan Photoshop dan lewat HP pakai aplikasi PicsArt hehe.

Kalau Anda ingin mencobanya juga, yuk perhatikan beberapa cara membuat twibbon secara offline berikut ini:

#1. Lewat Laptop di Photoshop

Kalau Anda menggunakan laptop, maka bisa kok membuat twibbon lewat aplikasi Photoshop.

Pasalnya di Photoshop sudah mempunyai banyak fitur yang dapat membantu Anda untuk membuat desain tersebut hehe.

Berikut langkah-langkahnya:

  • Langkah pertama, Anda harus membuka aplikasi Photoshop lebih dulu.
  • Kemudian klik Ctrrl + N > atur ukuran kertasnya menjadi bentuk square. Contohnya seperti gambar berikut ini.
Setting Resolusi Awal

Catatan:

Pastikan Anda memilih background jenis transparan di kertas tersebut.

  • Selanjutnya Anda bisa membuat bingkai dengan menggunakan Rounded Rectangle Tool untuk desainnya.
Rounded Rectangle Tool di Photoshop
  • Setelah itu atur ukurannya menjadi 25px dan Anda bisa ubah warnanya sesuai keinginan.
Atur Ukuran Twibbon
  • Berikutnya Anda bisa tambahkan elemen lainnya dengan menggunakan Shape Tool.
  • Kalau sudah, sekarang tambahkan foto ke dalam desain tersebut.

Catatan:

Anda harus mengatur posisi layer foto dibelakang desain yang telah dibuat agar tidak tertutupi. Anda bisa letakkan layer foto ke paling bawah.

  • Berikut contoh twibbon yang dibuat menggunakan Photoshop.
Contoh Twibbon Photoshop
  • Selesai.

Pada cara diatas, saya memakai Photoshop CC 2017. Namun cara tersebut bisa juga dipakai pada versi lainnya, seperti di Photoshop CS6, CS7, CC2018 dan sebagainya.

Tips Photoshop nih:

#2. Lewat HP di PicsArt.

Selanjutnya kalau Anda ingin menggunakan HP, maka bisa memakai aplikasi seperti PicsArt, Canva dan lainnya.

Caranya bisa saya bilang cukup mudah kok.

Berikut cara membuat twibbon di HP dengan aplikasi PicsArt:

  • Pertama, Anda bisa buka aplikasi PicsArt lebih dulu.
  • Kemudian klik menu Pilih Kanvas.
Opsi Gambar Picsart
  • Selanjutnya pilih ukuran kanvas dengan rasio 1:1 seperti di Instagram.
Setting Rasio Kanvas
  • Setelah kanvas berhasil dibuat, Anda bisa klik ikon gambar > pilih Stiker.
Stiker Baru di Picsart
  • Berikutnya Anda search kata kunci stiker yang ingin dipakai. Misalnya seperti contoh berikut, saya memakai kata kunci Indonesia dan pilih salah satu stikernya.
Desain Stiker di PicsArt

Catatan:

Anda bisa memakai stiker yang sudah berbentuk bingkai supaya dapat membuat twibbon menjadi lebih mudah.

  • Jika sudah, sekarang Anda sesuaikan ukuran stiker tersebut.
  • Lalu Anda bisa menambahkan shape untuk memperkaya tampilan desain. Caranya cukup klik ikon Shape.
Opsi Shape di PicsArt Android
  • Kemudian pilih bentuk shape yang ingin dimasukan ke dalam kanvas.
Tambahkan Shape Baru di PicsArt
  • Kalau sudah klik OK > lalu atur ukuran shapes di kanvas.
  • Kemudian Anda dapat menambahkan layer baru untuk menyisipkan foto. Caranya klik ikon layer.
Menu Layer di PicsArt HP Android
  • Selanjutnya klik ikon titik 3 > pilih menu Lapisan Kosong.
Opsi Lapisan Kosong
  • Setelah itu klik ikon gambar > pilih menu Foto.
  • Cari foto yang ingin ditambahkan ke dalam desain twibbon tersebut.
  • Kalau sudah, ubah urutan layer foto menjadi dibawah stiker.
Atur Posisi Layer Foto

Catatan:

Tujuannya sih supaya stiker yang Anda ingin gunakan tidak tertutup foto.

  • Jika sudah cukup mendesainnya, sekarang Anda bisa save dengan klik tombol Next dibagian atas.
Opsi Selanjutnya
  • Kemudian klik menu Simpan dan Bagikan.
Menu Simpan dan Bagikan Foto
  • Langkah terakhir Anda bisa klik tombol Simpan.
  • Maka hasilnya akan seperti berikut ini.
Contoh Twibbon di Aplikasi PicsArt
  • Selesai.                       

Contoh diatas merupakan desain sederhana twibbon yang bisa saya buat. Anda bisa kok membuatnya lebih menarik lagi dengan memanfaatkan stiker dan shapes yang ada hehe.

Akhir Kata

Jadi untuk membuat twibbon Anda dapat memanfaatkan situs online hingga aplikasi Photoshop di laptop maupun Picsart kalau via HP.

Bisa dipilih sesuai kebutuhan ya.

Semoga bermanfaat.

Leave a Reply

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

You May Also Like
Cara Undo dan Redo di Photoshop
Baca Yuk!

Cara Undo di Photoshop

Terkadang, saat kita sedang mengedit foto di Photoshop, seperti menghilangkan objek, bisa saja ada kesalahan-kesalahan tertentu kan? Nah,…