Badge Designer

Ang Badge Designer ay isang visual canvas editor na built into ang badges.ninja na nagpapahintulot sa inyo na gumawa ng professional badge images nang walang anumang design tools.

Pangkalahatang-ideya

Bumubukas ang designer kapag ni-click ninyo ang image field habang gumagawa o nag-eedit ng badge. Nagbibigay ito ng canvas workspace kung saan maaari kayong magsama ng templates, text, at custom backgrounds para gumawa ng inyong badge image.

Pagpili ng Template

Ang designer ay may kasamang 80+ built-in templates na nakaayos sa dalawang dimensyon para mabilis ninyong matagpuan ang isa:

• 8 hugis — Bilog, Rounded square, Hexagon, Shield, Octagon, Diamond, Banner, Seal
• 8 color palettes — Ginto, Pilak, Bronse, Asul, Berde, Crimson, Lila, Graphite

Para pumili ng isa:

1. I-click ang Templates sa toolbar ng designer.
2. Gamitin ang Shape at Color filters sa itaas ng picker para palitin ang listahan. Ang counter sa kanan ay nagpapakita kung ilang template ang tumutugma (hal. 8 / 84).
3. I-click ang template para i-apply ito sa canvas.

Sadyang ginawang malinis ang mga generated template — pumili ng hugis at palette, pagkatapos ay magdagdag ng inyong sariling text, icons, at ribbons sa designer.

Pagdaragdag ng Hugis, Ribbons & Icons

Higit sa templates, ang designer ay may kasamang tatlong karagdagang asset libraries na maaari ninyong i-layer sa ibabaw ng kahit anong template:

• Shapes — 80+ vector shapes (mga bilog, shield, hexagon, bituin, medalya, seals, wreaths, banner, geometric forms) na nakagrupo sa mga kategorya
• Ribbons — 20 dekoratibong ribbon overlays
• Icons — 50 pictographic icons (atom, award, brain, briefcase, certificate, code, crown, diamond, diploma, graduation-cap, lightbulb, medal, rocket, shield-check, star, target, trophy, …)

Pumili ng isa mula sa kahit anong popover at maipasok ito sa canvas sa kasalukuyang kulay. Ang Color bar sa loob ng bawat popover ay nagpapahintulot sa inyo na palitan ang kulay ng asset bago ninyo ipasok — kapaki-pakinabang kapag gusto ninyo ng ibang kulay kaysa sa default ng toolbar.

Pag-upload ng Custom Background o Image

Maaari kayong mag-upload ng inyong sariling larawan para gamitin bilang background o bilang layer sa itaas:

1. I-click ang Upload sa toolbar ng designer.
2. Pumili ng image file mula sa inyong computer (inirerekomenda ang PNG o JPG).
3. Ilalagay ang larawan sa canvas bilang isang selectable na object — i-drag, i-scale, i-rotate, o ipadala sa likod ng iba pang elemento.

Ang pag-upload ng larawan ay hindi nagbubura ng template o anumang kasalukuyang layers — magsa-stack lang ito sa itaas.

Para sa buong background, gumamit ng square image na hindi bababa sa 600×600 pixels.

Pagdaragdag ng Text

1. I-click ang Text button sa toolbar.
2. May lalabas na bagong text element sa canvas.
3. I-click ang text para piliin ito, pagkatapos ay i-type ang inyong nilalaman.
4. I-drag ang text element para iposisyon ito sa canvas.

Maaari kayong magdagdag ng maraming text element para sa iba't ibang bahagi ng inyong badge (pamagat, tatanggap, petsa, atbp.).

Pagpapalit ng Fonts

Ang designer ay may kasamang 11 font (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

1. Pumili ng text element sa canvas.
2. I-click ang Font dropdown sa toolbar.
3. Pumili mula sa available na mga font.

Ang font preview ay nagpapakita kung paano hitsura ng bawat opsyon bago ninyo piliin ito.

Pagpapalit ng Kulay

Ang Color picker sa toolbar ay kumokontrol ng dalawang bagay sabay-sabay:

• Napiling text — pumipili ng fill color para sa kahit anong napiling text element.
• Default insert color — para sa shapes, ribbons, at icons na isusunod na ipasok, plus napiling SVG objects (nagpapalit ng kulay ng strokes at fills sa lugar).

Pumili ng kulay mula sa palette o maglagay ng hex code. Sa loob ng bawat shape/ribbon/icon popover ay mayroon ding mas maliit na Color bar para sa one-off na pagpili ng kulay na hindi nagpapalit ng default ng toolbar.

Pag-align ng mga Elemento

Ang 6-button alignment row ay gumagana sa napiling object(s) kaugnay sa canvas:

Button	Aksyon
Align left	Idikit sa kaliwang gilid ng canvas
Center horizontally	I-center sa canvas X axis
Align right	Idikit sa kanang gilid ng canvas
Align top	Idikit sa itaas ng gilid ng canvas
Center vertically	I-center sa canvas Y axis
Align bottom	Idikit sa ibabang gilid ng canvas

Kapag ni-drag ninyo ang isang elemento malapit sa gitna ng canvas, lalabas ang dashed na lila na snap guides at ang object ay magsa-snap sa perpektong alignment.

Multi-select at Pag-layer

• I-hold ang Shift at i-click para pumili ng maraming object, o i-drag ang selection box sa kabuuan ng canvas.
• Gamitin ang Send to back / Bring to front para kontrolin ang z-order.
• Pindutin ang Delete o i-click ang toolbar Delete button para alisin ang selection.
• Undo / Redo (o Ctrl+Z / Ctrl+Shift+Z) ay dumadaan sa huling 20 pagbabago.

Pagbura ng Mga Elemento

1. Piliin ang elemento na gusto ninyong alisin (o shift-click para sa ilan).
2. I-click ang Delete button sa toolbar, o pindutin ang Delete key.

Mga Tip para sa Magandang Badge Design

• Panatilihing simple — gumamit ng malinaw na text at iwasan ang kalat. Ang badge ay madalas na ipapakita sa maliit na laki.
• Gumamit ng mataas na contrast — siguraduhing mababasa ang text laban sa background.
• Isama ang pangalan ng badge — dapat maintindihan ng mga tatanggap at manonood ang credential sa isang sulyap.
• Square format — mas maganda ang display ng mga badge bilang square images.
• Consistency ng brand — gamitin ang mga kulay at fonts ng inyong organisasyon sa lahat ng badge.
• I-test sa maliit na laki — i-preview ang inyong badge sa 100x100 pixels para masiguro ang readability.

Pag-save ng Badge Image

Kapag kayo ay nasiyahan sa inyong design, i-click ang Done o Save sa designer. Ang larawan ay kinukuha mula sa canvas at ina-attach sa inyong badge. Ito ay ia-upload sa IPFS kapag ginawa o ni-save ninyo ang badge.