Jelvénytervező

A Jelvénytervező egy beépített vizuális vászonszerkesztő a badges.ninja platformon, amellyel tervezőeszközök nélkül készíthetsz professzionális jelvényképeket.

Áttekintés

A tervező akkor nyílik meg, amikor a jelvény létrehozásakor vagy szerkesztésekor a képmezőre kattintasz. Egy vászonalapú munkaterületet kapsz, ahol sablonokat, szövegeket és egyéni hátteret kombinálva állíthatod össze a jelvény képét.

Sablon kiválasztása

A tervezőben több mint 80 beépített sablon található, amelyek két dimenzió mentén vannak rendezve, hogy gyorsan megtaláld a megfelelőt:

• 8 forma — Kör, Lekerekített négyzet, Hatszög, Pajzs, Nyolcszög, Rombusz, Transzparens, Pecsét
• 8 színpaletta — Arany, Ezüst, Bronz, Kék, Zöld, Bíbor, Lila, Grafit

A kiválasztáshoz:

1. Kattints a tervező eszköztárán a Sablonok gombra.
2. A választó tetején lévő Forma és Szín szűrőkkel szűkítsd a listát. A jobb oldali számláló mutatja, hány sablon illeszkedik (pl. 8 / 84).
3. Kattints egy sablonra, hogy a vászonra helyezd.

A generált sablonok szándékosan letisztultak — válassz formát és palettát, majd a tervezőben add hozzá a saját szövegeidet, ikonjaidat és szalagjaidat.

Formák, szalagok és ikonok hozzáadása

A sablonokon túl a tervezőben három további elemkönyvtár található, amelyeket bármelyik sablonra ráhelyezhetsz:

• Formák — több mint 80 vektoros forma (körök, pajzsok, hatszögek, csillagok, érmék, pecsétek, koszorúk, transzparensek, mértani formák) kategóriákba rendezve
• Szalagok — 20 dekoratív szalagátfedés
• Ikonok — 50 piktogram jellegű ikon (atom, díj, agy, aktatáska, tanúsítvány, kód, korona, gyémánt, diploma, ballagási sapka, villanykörte, érem, rakéta, pajzs-pipa, csillag, célkereszt, trófea…)

Bármelyik felugró ablakból kiválasztasz egyet, és a tervező az aktuális színnel beilleszti a vászonra. Az egyes felugró ablakokban található Színsáv lehetővé teszi, hogy a beillesztés előtt átszínezd az elemet — hasznos, ha az eszköztáron beállítottól eltérő színt szeretnél.

Egyéni háttér vagy kép feltöltése

Saját képet is feltölthetsz, hogy háttérként vagy rétegként használd:

1. Kattints a tervező eszköztárán a Feltöltés gombra.
2. Válassz egy képfájlt a számítógépedről (PNG vagy JPG ajánlott).
3. A képet kijelölhető objektumként helyezzük a vászonra — húzhatod, átméretezheted, forgathatod, vagy a többi elem mögé küldheted.

A kép feltöltése nem törli a sablont és a meglévő rétegeket — csak föléjük kerül.

Teljes háttérhez használj legalább 600×600 pixeles, négyzet alakú képet.

Szöveg hozzáadása

1. Kattints az eszköztárban a Szöveg gombra.
2. Egy új szövegelem jelenik meg a vásznon.
3. Kattints a szövegre a kijelöléséhez, majd írd be a tartalmat.
4. A szövegelemet húzással helyezheted el a vásznon.

Több szövegelemet is hozzáadhatsz a jelvény különböző részeihez (cím, címzett, dátum stb.).

Betűtípus megváltoztatása

A tervező 11 betűtípust tartalmaz (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

1. Jelölj ki egy szövegelemet a vásznon.
2. Kattints az eszköztár Betűtípus legördülőjére.
3. Válassz az elérhető betűtípusok közül.

Az előnézet megmutatja, hogyan néz ki minden egyes lehetőség a választás előtt.

Szín megváltoztatása

Az eszköztár Szín választója egyszerre két dolgot vezérel:

• Kijelölt szöveg — a kijelölt szövegelem kitöltési színét határozza meg.
• Alapértelmezett beszúrási szín — ez érvényes a következőnek beillesztett formákra, szalagokra és ikonokra, valamint a kijelölt SVG-objektumokra (helyben átszínezi a körvonalakat és kitöltéseket).

Válassz egy színt a palettáról, vagy adj meg hex-kódot. Az egyes forma-/szalag-/ikon-felugró ablakokban egy kisebb Színsáv is elérhető egyszeri színválasztáshoz, amely nem változtatja meg az eszköztár alapértelmezett színét.

Elemek igazítása

A 6 gombból álló igazítósor a kijelölt objektumokra hat a vászonhoz képest:

Gomb	Művelet
Balra igazítás	Rögzítés a vászon bal széléhez
Vízszintes középre igazítás	Középre igazítás a vászon X tengelyén
Jobbra igazítás	Rögzítés a vászon jobb széléhez
Felülre igazítás	Rögzítés a vászon felső széléhez
Függőleges középre igazítás	Középre igazítás a vászon Y tengelyén
Alulra igazítás	Rögzítés a vászon alsó széléhez

Amikor egy elemet a vászon közepéhez közel húzol, szaggatott lila illesztősegédek jelennek meg, és az objektum pontosan illeszkedik.

Többes kijelölés és rétegek

• Tartsd lenyomva a Shift billentyűt, és kattints több objektum kijelöléséhez, vagy húzz kijelölő keretet a vásznon.
• A Hátraküldés / Előrehozás gombokkal a z-sorrendet szabályozhatod.
• A kijelölés eltávolításához nyomd meg a Delete gombot, vagy kattints az eszköztár Törlés gombjára.
• A Visszavonás / Ismét (illetve Ctrl+Z / Ctrl+Shift+Z) az utolsó 20 módosítást lépteti át.

Elemek törlése

1. Jelöld ki a törölni kívánt elemet (Shift-kattintással többet is).
2. Kattints az eszköztár Törlés gombjára, vagy nyomd meg a Delete billentyűt.

Tippek a jó jelvénytervezéshez

• Legyen egyszerű — használj tiszta szöveget, és kerüld a zsúfoltságot. A jelvényt gyakran kis méretben jelenítjük meg.
• Használj erős kontrasztot — a szövegnek jól olvashatónak kell lennie a háttéren.
• Legyen rajta a jelvény neve — a címzettek és a nézők első pillantásra értsék meg, mit igazol.
• Négyzetes formátum — a jelvények négyzet alakú képként mutatnak a legjobban.
• Márkaegységesség — minden jelvényen használd a szervezeted színeit és betűtípusait.
• Tesztelés kis méretben — nézd meg a jelvényt 100x100 pixeles méretben is, hogy olvasható maradjon.

A jelvény képének mentése

Amikor elégedett vagy a tervvel, kattints a tervezőben a Kész vagy a Mentés gombra. A rendszer rögzíti a képet a vászonról, és hozzárendeli a jelvényhez. A jelvény létrehozásakor vagy mentésekor feltöltődik az IPFS-re.