Návrhár odznakov

Návrhár odznakov je vizuálny canvas editor zabudovaný v badges.ninja, ktorý vám umožní vytvárať profesionálne obrázky odznakov bez akýchkoľvek dizajnérskych nástrojov.

Prehľad

Návrhár sa otvorí, keď kliknete na pole obrázka pri vytváraní alebo úprave odznaku. Poskytuje pracovný priestor canvas, kde môžete kombinovať šablóny, text a vlastné pozadia na vytvorenie obrázka odznaku.

Výber šablóny

Návrhár obsahuje viac ako 80 zabudovaných šablón organizovaných podľa dvoch dimenzií, takže si rýchlo nájdete tú správnu:

• 8 tvarov — Kruh, Zaoblený štvorec, Šesťuholník, Štít, Osemuholník, Diamant, Zástava, Pečať
• 8 farebných paliet — Zlatá, Strieborná, Bronzová, Modrá, Zelená, Karmínová, Fialová, Grafitová

Ako si vybrať jednu:

1. V paneli nástrojov návrhára kliknite na Šablóny.
2. Použite filtre Tvar a Farba v hornej časti výberu na zúženie zoznamu. Počítadlo vpravo zobrazuje, koľko šablón sa zhoduje (napr. 8 / 84).
3. Kliknutím na šablónu ju aplikujete na canvas.

Vygenerované šablóny sú zámerne čisté — vyberte si tvar a paletu a potom v návrhárovi pridajte vlastný text, ikony a stuhy.

Pridávanie tvarov, stúh a ikon

Okrem šablón návrhár obsahuje tri ďalšie knižnice prvkov, ktoré môžete vrstviť na akúkoľvek šablónu:

• Tvary — viac ako 80 vektorových tvarov (kruhy, štíty, šesťuholníky, hviezdy, medaily, pečate, vence, zástavy, geometrické formy) zoskupené do kategórií
• Stuhy — 20 dekoratívnych stužkových prekrytí
• Ikony — 50 piktografických ikon (atóm, ocenenie, mozog, kufrík, certifikát, kód, koruna, diamant, diplom, čiapka absolventa, žiarovka, medaila, raketa, štít s overením, hviezda, terč, trofej, …)

Vyberte jeden z ktoréhokoľvek vyskakovacieho okna a vloží sa na canvas v aktuálnej farbe. Farebný pruh vnútri každého vyskakovacieho okna vám umožní prefarbiť prvok predtým, ako ho vložíte — užitočné, keď chcete inú farbu, než je predvolená v paneli nástrojov.

Nahranie vlastného pozadia alebo obrázka

Môžete nahrať vlastný obrázok na použitie ako pozadie alebo ako vrstvu navrch:

1. V paneli nástrojov návrhára kliknite na Nahrať.
2. Z počítača vyberte súbor obrázka (odporúčame PNG alebo JPG).
3. Obrázok sa umiestni na canvas ako vybrateľný objekt — môžete ho posúvať, škálovať, otáčať alebo poslať za iné prvky.

Nahranie obrázka nevymaže šablónu ani existujúce vrstvy — len sa naskladá navrch.

Pre úplné pozadia použite štvorcový obrázok aspoň 600×600 pixelov.

Pridávanie textu

1. V paneli nástrojov kliknite na tlačidlo Text.
2. Na canvase sa objaví nový textový prvok.
3. Kliknite na text, aby ste ho vybrali, a potom napíšte svoj obsah.
4. Pretiahnite textový prvok na požadovanú pozíciu na canvase.

Môžete pridať viacero textových prvkov pre rôzne časti odznaku (titul, príjemca, dátum atď.).

Zmena fontov

Návrhár obsahuje 11 fontov (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

1. Vyberte textový prvok na canvase.
2. V paneli nástrojov kliknite na rozbaľovaciu ponuku Font.
3. Vyberte si z dostupných fontov.

Náhľad fontu zobrazuje, ako každá možnosť vyzerá pred výberom.

Zmena farby

Výber Farby v paneli nástrojov ovláda dve veci naraz:

• Vybraný text — vyberá farbu výplne pre akýkoľvek vybraný textový prvok.
• Predvolená farba vkladania — pre tvary, stuhy a ikony vkladané ďalej, plus vybrané SVG objekty (prefarbí ťahy a výplne na mieste).

Vyberte farbu z palety alebo zadajte hex kód. Vnútri každého vyskakovacieho okna tvar/stuha/ikona je tiež menší Farebný pruh pre jednorazové farebné voľby, ktoré nemenia predvolenú farbu panela nástrojov.

Zarovnávanie prvkov

6-tlačidlový riadok zarovnania pôsobí na vybraný objekt(y) vzhľadom na canvas:

Tlačidlo	Akcia
Zarovnať vľavo	Pripnúť k ľavému okraju canvasu
Vycentrovať vodorovne	Vycentrovať na ose X canvasu
Zarovnať vpravo	Pripnúť k pravému okraju canvasu
Zarovnať hore	Pripnúť k hornému okraju canvasu
Vycentrovať zvisle	Vycentrovať na ose Y canvasu
Zarovnať dole	Pripnúť k dolnému okraju canvasu

Keď pretiahnete prvok blízko stredu canvasu, objavia sa prerušované fialové vodiace čiary a objekt sa prichytí do dokonalého zarovnania.

Viacnásobný výber a vrstvenie

• Podržte Shift a kliknutím vyberte viacero objektov, alebo pretiahnite výberový rámik cez canvas.
• Použite Poslať dozadu / Preniesť dopredu na ovládanie poradia vrstiev.
• Stlačte Delete alebo kliknite na tlačidlo Odstrániť v paneli nástrojov na odstránenie výberu.
• Späť / Vpred (alebo Ctrl+Z / Ctrl+Shift+Z) prechádzajú posledných 20 zmien.

Odstraňovanie prvkov

1. Vyberte prvok, ktorý chcete odstrániť (alebo shift-klik pre viacero).
2. Kliknite na tlačidlo Odstrániť v paneli nástrojov alebo stlačte kláves Delete.

Tipy pre dobrý dizajn odznaku

• Buďte jednoduchí — používajte zrozumiteľný text a vyhnite sa preplneniu. Odznak bude často zobrazený v malých veľkostiach.
• Používajte vysoký kontrast — uistite sa, že text je čitateľný proti pozadiu.
• Zahŕňte názov odznaku — príjemcovia a diváci by mali pochopiť osvedčenie na prvý pohľad.
• Štvorcový formát — odznaky sa najlepšie zobrazujú ako štvorcové obrázky.
• Konzistencia značky — používajte farby a fonty vašej organizácie naprieč všetkými odznakmi.
• Testujte v malých veľkostiach — pozrite si náhľad odznaku v 100x100 pixeloch, aby ste zaistili čitateľnosť.

Uloženie obrázka odznaku

Keď ste so svojím dizajnom spokojní, kliknite na Hotovo alebo Uložiť v návrhárovi. Obrázok sa zachytí z canvasu a pripojí sa k vášmu odznaku. Bude nahraný do IPFS pri vytvorení alebo uložení odznaku.