Návrhář odznaků

Návrhář odznaků je vizuální canvas editor zabudovaný do badges.ninja, který vám umožňuje vytvářet profesionální obrázky odznaků bez externích grafických nástrojů.

Přehled

Návrhář se otevře, když kliknete na pole obrázku při vytváření nebo úpravě odznaku. Poskytuje pracovní plochu canvas, kde můžete kombinovat šablony, text a vlastní pozadí a vytvořit obrázek svého odznaku.

Výběr šablony

Návrhář obsahuje více než 80 vestavěných šablon uspořádaných ve dvou dimenzích, takže rychle najdete tu správnou:

• 8 tvarů — Kruh, Zaoblený čtverec, Hexagon, Štít, Oktagon, Kosočtverec, Banner, Pečeť
• 8 barevných palet — Zlatá, Stříbrná, Bronzová, Modrá, Zelená, Karmínová, Fialová, Grafitová

Pro výběr:

1. Klikněte na Šablony v panelu nástrojů návrháře.
2. Pomocí filtrů Tvar a Barva v horní části výběru zúžte seznam. Počítadlo vpravo ukazuje, kolik šablon odpovídá (např. 8 / 84).
3. Klikněte na šablonu, abyste ji aplikovali na canvas.

Vygenerované šablony jsou záměrně minimalistické — zvolte tvar a paletu, pak v návrháři přidejte vlastní text, ikony a stuhy.

Přidávání tvarů, stuh a ikon

Kromě šablon má návrhář tři další knihovny prvků, které můžete nakládat na jakoukoli šablonu:

• Tvary — více než 80 vektorových tvarů (kruhy, štíty, hexagony, hvězdy, medaile, pečeti, věnce, bannery, geometrické formy) seskupených do kategorií
• Stuhy — 20 dekorativních překryvů stuh
• Ikony — 50 piktografických ikon (atom, cena, mozek, kufřík, certifikát, kód, koruna, diamant, diplom, akademická čepice, žárovka, medaile, raketa, štít-check, hvězda, terč, pohár, …)

Vyberte prvek z libovolného popoveru a ten se vloží na canvas v aktuální barvě. Lišta barev uvnitř každého popoveru vám umožňuje barvu prvku změnit před jeho vložením — užitečné, když chcete jinou barvu než výchozí barvu panelu nástrojů.

Nahrávání vlastního pozadí nebo obrázku

Můžete nahrát vlastní obrázek jako pozadí nebo jako vrstvu navrch:

1. Klikněte na Nahrát v panelu nástrojů návrháře.
2. Vyberte soubor obrázku ze svého počítače (doporučujeme PNG nebo JPG).
3. Obrázek je umístěn na canvas jako vybratelný objekt — přetáhněte, zvětšete, otočte nebo pošlete za jiné prvky.

Nahrání obrázku nesmaže šablonu ani žádné stávající vrstvy — pouze se navrší nahoře.

Pro celá pozadí použijte čtvercový obrázek o rozměrech alespoň 600×600 pixelů.

Přidávání textu

1. Klikněte na tlačítko Text v panelu nástrojů.
2. Na canvasu se objeví nový textový prvek.
3. Kliknutím na text jej vyberte a napište obsah.
4. Přetáhněte textový prvek, abyste jej umístili na canvas.

Můžete přidat více textových prvků pro různé části odznaku (titul, příjemce, datum atd.).

Změna fontů

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

1. Vyberte textový prvek na canvasu.
2. Klikněte na rozbalovací menu Font v panelu nástrojů.
3. Vyberte z dostupných fontů.

Náhled fontu ukazuje, jak každá varianta vypadá, než ji vyberete.

Změna barvy

Výběr Barva v panelu nástrojů ovládá dvě věci najednou:

• Vybraný text — nastavuje barvu výplně pro jakýkoliv vybraný textový prvek.
• Výchozí barva vložení — pro tvary, stuhy a ikony vkládané dále, plus vybrané SVG objekty (přebarvuje tahy a výplně na místě).

Zvolte barvu z palety nebo zadejte hex kód. Uvnitř každého popoveru tvarů/stuh/ikon je také menší lišta barev pro jednorázové výběry, které nemění výchozí barvu panelu nástrojů.

Zarovnání prvků

Řada 6 tlačítek zarovnání pracuje na vybraných objektech relativně k canvasu:

Tlačítko	Akce
Zarovnat doleva	Přichytit k levému okraji canvasu
Vycentrovat horizontálně	Vycentrovat na osu X canvasu
Zarovnat doprava	Přichytit k pravému okraji canvasu
Zarovnat nahoru	Přichytit k hornímu okraji canvasu
Vycentrovat vertikálně	Vycentrovat na osu Y canvasu
Zarovnat dolů	Přichytit k dolnímu okraji canvasu

Když táhnete prvek blízko středu canvasu, objeví se přerušované fialové přichytávací vodítka a objekt se přichytí do dokonalého zarovnání.

Vícenásobný výběr a vrstvení

• Podržte Shift a klikněte, abyste vybrali více objektů, nebo přetáhněte výběrový rámeček přes canvas.
• Použijte Na pozadí / Do popředí pro ovládání pořadí vrstev.
• Stiskněte Delete nebo klikněte na tlačítko Smazat v panelu nástrojů, abyste odstranili výběr.
• Zpět / Znovu (nebo Ctrl+Z / Ctrl+Shift+Z) procházejí posledních 20 změn.

Mazání prvků

1. Vyberte prvek, který chcete odstranit (nebo shift-klik pro více).
2. Klikněte na tlačítko Smazat v panelu nástrojů nebo stiskněte klávesu Delete.

Tipy pro dobrý návrh odznaku

• Udržte to jednoduché — používejte jasný text a vyhněte se zmatku. Odznak se často zobrazuje v malých velikostech.
• Vysoký kontrast — ujistěte se, že text je čitelný na pozadí.
• Přidejte název odznaku — příjemci a diváci by měli rozumět osvědčení na první pohled.
• Čtvercový formát — odznaky nejlépe vypadají jako čtvercové obrázky.
• Soudržnost značky — používejte firemní barvy a fonty napříč všemi odznaky.
• Testujte v malých velikostech — zobrazte odznak v 100x100 pixelech, abyste zajistili čitelnost.

Ukládání obrázku odznaku

Když jste s návrhem spokojeni, klikněte na Hotovo nebo Uložit v návrháři. Obrázek se zachytí z canvasu a přiloží k vašemu odznaku. Bude nahrán do IPFS, když vytvoříte nebo uložíte odznak.