Desainer Lencana

Desainer Lencana adalah editor kanvas visual tiga kolom yang tertanam di badges.ninja, memungkinkan Anda membuat gambar lencana profesional tanpa alat desain eksternal.

Ikhtisar

Desainer terbuka langsung di dalam jendela Create / Edit Badge. Desainer ini terdiri dari tiga bagian:

• Rail kiri — mengganti panel tengah antara Templates, Uploads, Elements, Text, Attributes, QR Codes, dan Layers.
• Panel — alat untuk mode rail yang dipilih.
• Kanvas — pratinjau lencana yang langsung dan dapat diedit. Semua yang Anda tambahkan adalah objek nyata yang dapat dipilih, digeser, diubah gayanya, diurutkan ulang, atau dihapus.

Detail lencana (Issuer, Name, Description, Criteria, dan Share Text) berada tepat di bawah kanvas, sehingga desain dan informasi kredensial berada dalam satu jendela — tidak ada langkah terpisah.

Memulai dari Templat

Klik Templates di rail untuk menjelajahi desain bawaan. Keluarga Recognition menyediakan lencana profesional yang sudah tersusun lengkap — bingkai berbentuk plus teks placeholder yang dapat diedit (organisasi, judul, subjudul, dan segel verifikasi) — dalam delapan palet warna (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Gunakan filter Category untuk mempersempit daftar, atau Blank canvas untuk memulai dari nol.

Klik sebuah templat untuk menerapkannya. Teksnya menjadi layer biasa yang dapat Anda ubah atau hapus — tidak ada yang tertanam permanen.

Elements — Bentuk, Ikon, Pita & Latar Belakang

Panel Elements menumpuk grafik di atas lencana Anda:

• Lines — garis horizontal / vertikal.
• Shapes — persegi panjang, persegi panjang bersudut membulat, lingkaran, dan segitiga, baik terisi maupun hanya garis tepi.
• Icons — 70 ikon bergambar (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy, dan banyak lagi), dapat dicari.
• Ribbons — 28 overlay pita dekoratif, dikelompokkan menjadi Straight / Pointed / Tails / Decorative.
• Bases — 80 bentuk dasar yang dapat diwarnai ulang di berbagai kategori (lingkaran, perisai, heksagon, bintang, medali, segel, karangan bunga, spanduk, geometris).

Setiap ikon, pita, dan bentuk dasar disisipkan dalam warna saat ini dan dapat diwarnai ulang kapan saja.

Bentuk latar belakang

Elements → Background shapes berisi 68 bingkai siap pakai (pustaka kombinasi bentuk × palet). Menerapkannya akan mengganti bingkai latar belakang lencana sambil tetap mempertahankan teks dan elemen Anda di atasnya — berguna saat Anda menginginkan kombinasi bentuk/warna tertentu tanpa templat yang sudah tersusun.

Mengunggah Gambar Kustom

Gunakan panel Uploads untuk menambahkan logo, foto, atau grafik Anda sendiri. Format PNG, JPEG, dan SVG diterima, hingga 5 MB. Gambar disisipkan sebagai objek latar depan biasa — ditumpuk di atas desain dan tidak pernah menghapus latar belakang. Untuk mengubah latar belakang lencana, pilih templat atau bentuk latar belakang.

Menambah & Menata Teks

Panel Text menawarkan:

• Add heading / subheading / normal text — objek teks dengan ukuran yang sudah ditentukan.
• Combinations — susunan siap pakai seperti Certificate of Achievement, Awarded to , atau Verify at — setiap barisnya tetap dapat diedit secara independen.

Pilih objek teks mana pun dan toolbar kontekstual muncul di atas kanvas:

• Font — pustaka 50 font yang dikelompokkan menjadi Sans, Serif, Handwriting, Mono, dan System. Pilih satu dari menu tarik-turun; setiap opsi dipratinjau dengan hurufnya sendiri.
• + Font — unggah huruf merek (TTF, WOFF, WOFF2, OTF) untuk sesi saat ini.
• Font size — stepper − / + (atau ketik angka) mengubah ukuran teks terpilih secara presisi, tanpa menyeret gagangnya.
• Colour — mengatur warna isian teks terpilih (dan warna sisip default untuk bentuk/ikon baru).
• Alignment — enam tombol meratakan pilihan ke kiri / tengah / kanan dan atas / tengah / bawah relatif terhadap kanvas.

Atribut Dinamis

Panel Attributes menyisipkan token dinamis — , , , , , — sebagai objek teks. Setiap token diselesaikan per penerima saat penerbitan, sehingga satu desain dapat menyesuaikan diri untuk setiap orang yang Anda beri. Dengan cara inilah Anda menaruh nama penerima atau tanggal penerbitan pada lencana itu sendiri.

Kode QR

Panel QR Codes menyisipkan kode yang dapat dipindai dan terhubung ke . Pada setiap kredensial yang diterbitkan, kode ini mengarah ke halaman verifikasi publik kredensial tersebut, sehingga siapa pun dapat memindai lencana cetak untuk memverifikasinya.

Layer

Panel Layers mencantumkan setiap objek di kanvas. Dari sini Anda dapat mengurutkan ulang (bawa ke depan / kirim ke belakang), menyembunyikan/menampilkan, memilih, dan menghapus setiap layer. Bingkai latar belakang disematkan di dasar dan tetap tidak interaktif sehingga elemen latar depan menerima semua klik.

Undo / Redo (Ctrl+Z / Ctrl+Shift+Z) menelusuri 20 perubahan terakhir, dan panduan snap putus-putus muncul saat Anda menyeret objek mendekati pusat kanvas.

Menyimpan Lencana

Tidak ada langkah "ekspor" terpisah. Saat desain dan detail Anda sudah siap:

• Create Badge menangkap kanvas sebagai PNG, mengunggahnya ke CDN gambar kami (Amazon S3, disajikan melalui URL permanen yang beralamat konten), dan menyimpan lencana beserta desainnya yang dapat diedit — sehingga membuka kembali lencana akan memulihkan layer-layer Anda untuk diedit lebih lanjut.
• Save Draft menyimpan lencana yang sedang dikerjakan di sisi server (lintas perangkat). Draf muncul di daftar Badges Anda dengan tanda Draft, dan Anda dapat melanjutkan salah satunya kapan saja.

Tips Desain Lencana yang Baik

• Buat sederhana — teks jelas, minim kekacauan. Lencana sering ditampilkan dalam ukuran kecil.
• Gunakan kontras tinggi — pastikan teks terbaca di atas latar belakang.
• Beri nama kredensial — pemirsa harus memahaminya sekilas.
• Format persegi — lencana tampil terbaik dalam bentuk persegi.
• Konsistensi merek — gunakan kembali warna dan font organisasi Anda di semua lencana.
• Simpan desain yang dapat dipakai ulang — setiap lencana yang Anda buat juga disimpan sebagai templat akun yang dapat Anda gunakan sebagai awal berikutnya (lihat My Templates).