Dizajner bedževa

Dizajner bedževa je vizualni canvas uređivač ugrađen u badges.ninja koji vam omogućuje stvaranje profesionalnih slika bedževa bez ikakvih dizajnerskih alata.

Pregled

Dizajner se otvara kad kliknete polje slike pri stvaranju ili uređivanju bedža. Pruža radni prostor canvas gdje možete kombinirati predloške, tekst i prilagođene pozadine za stvaranje slike bedža.

Odabir predloška

Dizajner uključuje više od 80 ugrađenih predložaka organiziranih u dvije dimenzije, tako da brzo nađete onaj pravi:

• 8 oblika — Krug, Zaobljeni kvadrat, Heksagon, Štit, Oktagon, Dijamant, Vrpca, Pečat
• 8 paleta boja — Zlatna, Srebrna, Brončana, Plava, Zelena, Grimizna, Ljubičasta, Grafitna

Kako odabrati jedan:

1. U alatnoj traci dizajnera kliknite Predlošci.
2. Koristite filtre Oblik i Boja na vrhu odabira za sužavanje popisa. Brojač s desne strane prikazuje koliko se predložaka podudara (npr. 8 / 84).
3. Klikom na predložak primijenite ga na canvas.

Generirani predlošci namjerno su čisti — odaberite oblik i paletu, a zatim u dizajneru dodajte vlastiti tekst, ikone i vrpce.

Dodavanje oblika, vrpci i ikona

Osim predložaka, dizajner dolazi s tri dodatne knjižnice resursa koje možete slojiti na bilo koji predložak:

• Oblici — više od 80 vektorskih oblika (krugovi, štitovi, heksagoni, zvijezde, medalje, pečati, vijenci, vrpce, geometrijski oblici) razvrstani u kategorije
• Vrpce — 20 ukrasnih vrpci za prekrivanje
• Ikone — 50 piktografskih ikona (atom, nagrada, mozak, aktovka, certifikat, kod, kruna, dijamant, diploma, akademska kapa, žarulja, medalja, raketa, štit s potvrdom, zvijezda, meta, trofej, …)

Odaberite jedan iz bilo kojeg skočnog prozora i umetnut će se na canvas u trenutnoj boji. Traka za boju unutar svakog skočnog prozora omogućuje promjenu boje resursa prije umetanja — korisno kad želite drugačiju boju od one zadane u alatnoj traci.

Učitavanje prilagođene pozadine ili slike

Možete učitati vlastitu sliku za korištenje kao pozadinu ili kao sloj iznad:

1. U alatnoj traci dizajnera kliknite Učitaj.
2. S računala odaberite slikovnu datoteku (preporučeno PNG ili JPG).
3. Slika se postavlja na canvas kao odabirivi objekt — povucite, skalirajte, rotirajte ili pošaljite iza drugih elemenata.

Učitavanje slike ne briše predložak ni postojeće slojeve — samo se slaže iznad.

Za potpune pozadine koristite kvadratnu sliku najmanje 600×600 piksela.

Dodavanje teksta

1. U alatnoj traci kliknite gumb Tekst.
2. Na canvasu se pojavljuje novi element teksta.
3. Kliknite na tekst da ga odaberete, a zatim upišite svoj sadržaj.
4. Povucite element teksta da ga postavite na canvas.

Možete dodati više elemenata teksta za različite dijelove svog bedža (naslov, primatelj, datum itd.).

Promjena fontova

Dizajner uključuje 11 fontova (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

1. Odaberite element teksta na canvasu.
2. U alatnoj traci kliknite padajući izbornik Font.
3. Odaberite jedan od dostupnih fontova.

Pretpregled fonta prikazuje kako svaka opcija izgleda prije odabira.

Promjena boje

Odabir Boje u alatnoj traci kontrolira dvije stvari odjednom:

• Odabrani tekst — odabire boju ispune za bilo koji odabrani element teksta.
• Zadana boja umetanja — za oblike, vrpce i ikone umetnute sljedeće, plus odabrane SVG objekte (na mjestu mijenja boje poteza i ispune).

Odaberite boju iz palete ili unesite hex kod. Unutar svakog skočnog prozora oblik/vrpca/ikona također postoji manja Traka za boju za jednokratne odabire boja koje ne mijenjaju zadanu u alatnoj traci.

Poravnavanje elemenata

Red s 6 gumba za poravnavanje radi na odabranom objektu(ima) u odnosu na canvas:

Gumb	Radnja
Poravnaj lijevo	Pričvrsti na lijevi rub canvasa
Centriraj horizontalno	Centriraj na osi X canvasa
Poravnaj desno	Pričvrsti na desni rub canvasa
Poravnaj gore	Pričvrsti na gornji rub canvasa
Centriraj vertikalno	Centriraj na osi Y canvasa
Poravnaj dolje	Pričvrsti na donji rub canvasa

Kad povučete element blizu središta canvasa, pojavljuju se isprekidane ljubičaste vodilice za pričvršćivanje i objekt se savršeno poravnava.

Više-odabir i slojevitost

• Držite Shift i kliknite za odabir više objekata, ili povucite okvir odabira preko canvasa.
• Koristite Pošalji natrag / Postavi naprijed za kontrolu redoslijeda slojeva.
• Pritisnite Delete ili kliknite gumb Obriši u alatnoj traci za uklanjanje odabira.
• Poništi / Ponovi (ili Ctrl+Z / Ctrl+Shift+Z) prolaze kroz zadnjih 20 promjena.

Brisanje elemenata

1. Odaberite element koji želite ukloniti (ili shift-klik za više).
2. U alatnoj traci kliknite gumb Obriši ili pritisnite tipku Delete.

Savjeti za dobar dizajn bedža

• Držite jednostavno — koristite jasan tekst i izbjegavajte zatrpanost. Bedž će se često prikazivati u malim veličinama.
• Koristite visoki kontrast — pobrinite se da je tekst čitljiv u odnosu na pozadinu.
• Uključite naziv bedža — primatelji i gledatelji trebaju razumjeti vjerodajnicu na prvi pogled.
• Kvadratni format — bedževi se najbolje prikazuju kao kvadratne slike.
• Dosljednost marke — koristite boje i fontove svoje organizacije na svim bedževima.
• Testirajte u malim veličinama — pretpregledajte svoj bedž na 100x100 piksela da osigurate čitljivost.

Spremanje slike bedža

Kad ste zadovoljni svojim dizajnom, u dizajneru kliknite Gotovo ili Spremi. Slika se hvata s canvasa i pridružuje vašem bedžu. Učitat će se u IPFS kad stvorite ili spremite bedž.