Cara Membuat Twibbon Keren di Photoshop

cara-membuat-twibbon-di-photoshop

Pada tutorial kali ini saya akan membagikan cara membuat Twibbon di photoshop.

Apa itu Twibbon?

Twibbon merupakan bingkai foto yang dibuat khusus untuk tujuan tertentu, seperti untuk suatu dukungan atau pergerakan, promosi, dan tujuan spesifik lainnya.

Bagaimana cara membuat Twibbon?

Berikut akan saya berikan tutorial atau langkah-langkah mudah yang dapat Anda tiru dalam membuat Twibbon yang menarik dan juga keren.

Tutorial Membuat Twibbon Yang Keren di Photoshop:

1. Atur Ukuran Project Untuk Twibbon

Dalam menentukan ukuran panjang dan lebar Twibbon tergantung dari kebutuhan masing-masing.

Umumnya Twibbon memiliki aspek ratio 1:1 (satu banding satu antara panjang dan lebarnya) bisa dengan resolusi HD 1080×1080 dan ukuran lainnya.

Misal jika Anda ingin khusus membuat Twibbon untuk platfrom instagram, agar terlihat full saat di scroll, Anda bisa mengatur aspect rationya menjadi 4:5 dengan resolusi 1080 x 1350.

Namun disini saya akan membuat aspect ratio 1:1 dengan resolusi HD 1080 pixels saja.

Okey langsung saja buka software adobe photoshopnya.

Create New, kemudian masukkan width 1080 dan height 1080, pastikan size formatnya pixels, kemudian kolom resolution masukkan 300 pixels/inch.

Mengatur ukuran project untuk twibbon
Mengatur ukuran project untuk twibbon

Tips Membuat Desain Twibbon

Tips untuk membuat desain Twibbon yang menarik adalah dengan cara memadukan berbagai komposisi warna, bentuk, dan juga elemen-elemen desain sehingga menghasilkan Twibbon yang keren dan menarik.

Kita bisa menentukan tema warnanya terlebih dahulu.

Misalkan warna cyan, hitam, dan putih, ini dimaksudkan agar warna Twibbon yang kita buat terlihat konsisten, berkarakteristik, serta tidak terlalu penuh oleh campuran warna yang lain.

Kemudian buat berbagai design geometric atau bangun datar pada Twibbon.

Ada banyak tool yang bisa Anda manfaatkan untuk membuat bentuk geometric ini.

Bisa menggunakan Shape Tool, Marquee Tool, Brush Tool, dan tool-tool yang lainnya.

Namun pada tutoral ini kita akan menggunakan Shape Tool saja untuk membuat desain Twibbon dengan cepat dan mudah.

Di lain kesempatan Anda bisa mencoba berkreasi sendiri untuk menggunakan tool-tool lainnya.

Okey langsung saja kita buat Twibbon-nya, disini saya membuat desain Twibbon dengan maksud menunjukkan bahwa seseorang sudah sah menjadi mahasiswa dari suatu perguruan tinggi.

2. Buat grid layout terlebih dahulu

Pilih menu View >> New Guide Layout.

Anda bisa mengatur jumlah kolom dan baris serta marginnya sesuai dengan kebutuhan, disini saya membuat column 1, rows 1, margin 220 pixels untuk semua sisi, kemudian klik OK.

Guide layout ini dimaksudkan agar desain kita presisi serta berguna juga untuk memposisikan foto mahasiswa pada bagian tengah dalam Twibbon.

3. Buat warna latar belakang Twibbon

Disini saya menggunakan warna hitam sebagai latar belakangnya.

Atur twibbon foreground color
Atur twibbon foreground color

Untuk memberi warna klik set foreground color-nya, pilih warna sesuai selera, kemudian pilih Paint Bucket Tool atau tekan shortcut tombol “G” pada keyboard, kemudian klik pada kanvas.

Oh ya, warna foreground itu yang bagian atas ya, kalau bagian bawah itu background. Jadi beri warna yang foreground.

Warna latar belakang twibbon
Warna latar belakang twibbon

4. Buat lubang tempat foto Twibbon dapat diganti-ganti

Pilih Ellipse Marquee Tool, kemudian klik pada pojok Guide Layout, lalu tarik sehingga menjadi bentuk lingkaran sempurna.

Pilih Ellipse Marquee Tool
Pilih Ellipse Marquee Tool

Kemudian tekan tombol Delete pada keyboard untuk menghapus bagian lingkaran yang terseleksi tersebut.

Jika background tidak bisa terhapus (muncul peringatan), hilangkan tombol gembok pada layer dengan cara klik icon gembok tersebut.

Hilangkan icon gembok jika tidak bisa memberi warna pada background twibbon
Hilangkan icon gembok jika tidak bisa memberi warna pada background twibbon

5. Menambahkan elements pada Twibbon

Anda bisa menambahkan elemen geometric, Anda juga bisa mengkreasikan sendiri perihal tata letak, bentuk, dan juga warna sesuai dengan keinginan.

Klik Shape Tool, kemudian pilih opsi Ellipse Tool atau bentuk lainnya sesuai dengan keinginan.

Pilih Ellipse Tool untuk membuat element twibbon
Pilih Ellipse Tool untuk membuat element twibbon

Lalu drag dan buat shape tersebut di kanvas, seperti membuat seleksi dengan Maqruee tool.

Menambah bangun datar
Menambah bangun datar

Untuk memberikan warna, lihat pada Ribbon Bar diatas, kemudian pilih Fill, Anda bisa memilih warna dari shape tersebut sesuka hati.

Memilih warna untuk elemen twibbon
Memilih warna untuk elemen twibbon

Untuk menambahkan stroke atau garis tepi, Anda bisa memilih icon Stroke pada Ribbon Bar diatas, kemudian masukkan juga ketebalan Stroke tersebut dalam skala pixels.

Anda juga bisa memilih jenis Stroke, antara lain garis lurus, garis putus-putus minus, atau garis putus-putus dot atau titik.

6. Tambahkan bentuk bangun datar lainnya sesuai dengan selera Anda.

Tambahkan bentuk bangun datar lainnya
Tambahkan bentuk bangun datar lainnya

7. Tambahkan tulisan pada Twibbon

Selanjutnya Anda bisa menambahkan tulisan sesuai dengan selera, pilih ikon Horizontal Type Tool dengan ikon tombol T, atau langsung tekan tombol T pada keyboard untuk membuat tulisan pada kanvas.

Anda bisa menambahkan tulisan melengkung, 3D, atau beragam bentuk tulisan lainnya pada Twibbon yang Anda buat.

Tambahkan tulisan agar twibbon lebih menarik
Tambahkan tulisan agar twibbon lebih menarik

8. Simpan gambar Twibbon dengan format PNG

Hal terkahir adalah save atau simpan hasil Twibbon yang Anda buat dengan format PNG.

Ini berguna agar bagian tengah untuk tempat foto tersebut menjadi transparan, sehingga bisa diganti-ganti dengan foto mahasiswa yang telah menjadi mahasiswa di Kuvukiland University.

Tekan tombol (Ctrl + Alt + Shift + S) pada keyboard, kemudian pilih tipe PNG-24, kemudian klik save atau simpan.

Simpan gambar yang telah selesai dibuat
Simpan gambar yang telah selesai dibuat

Simpan juga file PSD-nya jika sewaktu-waktu akan direvisi lagi atau ditambahkan elemen baru dengan cara tekan tombol Ctrl + S pada keyboard.

Dengan begitu Anda sudah berhasil membuat Twibbon yang keren dan juga menarik dengan software Adobe Photoshop.

Semoga tutorial membuat Twibbon di Photoshop kali ini bermanfaat untuk Anda.

Pastinya membuat twibbon yang keren namun simple ini sangat gampang untuk Anda praktekkan.

Jika Anda ingin request tutorial seputar photoshop lainnya, Anda bisa sampaikan di kolom komentar ya.

Hasil-dari-membuat-twibbon-di-photoshop
Hasil dari membuat twibbon di photoshop

Jika Anda mengalami kesulitan, Anda juga bisa sampaikan di kolom komentar, pasti akan saya baca dan balas.

Download file PSD Twibbon Kuvukiland University.

Sekian dan terima kasih.

No ratings yet.

Please rate this

You May Also Like

Avatar

About the Author: I Gusti Ngurah Zena Sudiatmika

Hello, perkenalkan saya Ngurah Zena, seorang blogger yang selalu ingin membagi sedikit pengetahuan yang dimiliki seputar photoshop, tips & trik, serta bisnis & keuangan di situs Yagampang,com ini.

Leave a Reply

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