Editor de credencials

L'Editor de credencials és un editor visual integrat a badges.ninja que et permet compondre imatges professionals sense haver de recórrer a eines de disseny externes.

Visió general

L'editor s'obre en prémer el camp d'imatge durant la creació o edició d'una credencial. Ofereix un llenç on combinar plantilles, textos i fons propis per compondre la imatge de la credencial.

Triar una plantilla

L'editor inclou més de 80 plantilles integrades organitzades en dues dimensions perquè les trobis ràpidament:

• 8 formes — Cercle, Quadrat arrodonit, Hexàgon, Escut, Octàgon, Rombe, Bandera, Segell
• 8 paletes cromàtiques — Or, Plata, Bronze, Blau, Verd, Carmesí, Morat, Grafit

Per triar-ne una:

1. Prem Plantilles a la barra d'eines de l'editor.
2. Fes servir els filtres Forma i Color a la part superior del selector per reduir la llista. El comptador a la dreta indica quantes plantilles coincideixen (p. ex. 8 / 84).
3. Prem una plantilla per aplicar-la al llenç.

Les plantilles generades són intencionadament sòbries — tria una forma i una paleta i afegeix el teu propi text, icones i cintes dins l'editor.

Afegir formes, cintes i icones

Més enllà de les plantilles, l'editor incorpora tres biblioteques addicionals de recursos que pots apilar sobre qualsevol plantilla:

• Formes — més de 80 formes vectorials (cercles, escuts, hexàgons, estrelles, medalles, segells, garlandes, banderes, figures geomètriques) agrupades per categories
• Cintes — 20 cintes decoratives per sobreposar
• Icones — 50 pictogrames (àtom, trofeu, cervell, maletí, certificat, codi, corona, rombe, diploma, birret, bombeta, medalla, coet, escut marcat, estrella, diana, copa, …)

Tria un element de qualsevol popover i s'inserirà al llenç amb el color actual. La Barra de color de cada popover permet recolorir l'element abans d'inserir-lo — útil quan desitges un color diferent al de la barra principal.

Pujar un fons o imatge propi

Pots pujar la teva pròpia imatge per utilitzar-la com a fons o com a capa superior:

1. Prem Puja a la barra d'eines.
2. Tria un fitxer del teu equip (es recomanen PNG o JPG).
3. La imatge apareix al llenç com un objecte seleccionable — pots arrossegar-la, escalar-la, rotar-la o enviar-la darrere d'altres elements.

Pujar una imatge no esborra la plantilla ni les capes existents — simplement s'apila a sobre.

Per a fons complets, utilitza una imatge quadrada d'almenys 600×600 píxels.

Afegir text

1. Prem el botó Text a la barra d'eines.
2. Apareix un element de text nou al llenç.
3. Prem el text per seleccionar-lo i escriu el contingut.
4. Arrossega l'element per situar-lo on prefereixis.

Pots incorporar diversos elements de text per a parts distintes de la credencial (títol, destinatari, data, etc.).

Canviar tipografia

L'editor inclou 11 tipografies (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

1. Tria un element de text al llenç.
2. Prem el desplegable Tipografia a la barra d'eines.
3. Tria entre les tipografies disponibles.

La previsualització mostra com queda cada opció abans d'aplicar-la.

Canviar color

El selector Color de la barra controla dues coses alhora:

• Text seleccionat — defineix el color de reompliment de qualsevol element de text seleccionat.
• Color d'inserció per defecte — per a les formes, cintes i icones que insereixes a continuació, i per als objectes SVG seleccionats (recolora traços i reompliments al vol).

Tria un color des de la paleta o introdueix un codi hex. Dins cada popover de forma/cinta/icona també hi ha una Barra de color menor per a eleccions puntuals que no alteren el color de la barra principal.

Alinear elements

La fila de 6 botons d'alineació actua sobre els objectes seleccionats respecte al llenç:

Botó	Acció
Alinea a l'esquerra	Fixa l'objecte a la vora esquerra del llenç
Centra horitzontalment	Centra sobre l'eix X del llenç
Alinea a la dreta	Fixa l'objecte a la vora dreta del llenç
Alinea a dalt	Fixa l'objecte a la vora superior del llenç
Centra verticalment	Centra sobre l'eix Y del llenç
Alinea a baix	Fixa l'objecte a la vora inferior del llenç

En arrossegar un element prop del centre, apareixen guies d'ajust puntejades de color morat i l'objecte s'enganxa amb precisió.

Selecció múltiple i capes

• Mantén Shift i prem per triar diversos objectes, o arrossega un rectangle de selecció sobre el llenç.
• Fes servir Envia al fons / Porta al davant per governar l'ordre Z.
• Prem Delete o fes servir el botó Elimina per treure la selecció.
• Desfés / Refés (o Ctrl+Z / Ctrl+Shift+Z) recorren els darrers 20 canvis.

Eliminar elements

1. Tria l'element a suprimir (o fes servir shift-clic per a diversos).
2. Prem el botó Elimina a la barra o la tecla Delete.

Consells de bon disseny

• Simplicitat — utilitza text clar i evita sobresaturar. Sovint la credencial es mostrarà en mides reduïdes.
• Contrast alt — assegura't que el text sigui llegible sobre el fons.
• Inclou el nom de la credencial — destinataris i verificadors l'han d'entendre d'un cop d'ull.
• Format quadrat — les credencials llueixen millor com a imatges quadrades.
• Coherència de marca — fes servir els colors i tipografies de la teva organització a totes les credencials.
• Prova a mides petites — previsualitza a 100x100 píxels per garantir la llegibilitat.

Desar la imatge de la credencial

Quan estiguis satisfet del disseny, prem Fet o Desa a l'editor. La imatge es captura des del llenç i s'associa a la teva credencial. Es pujarà a IPFS quan creïs o desis la credencial.