Skip to content

Märgikujundaja

Märgikujundaja on badges.ninja-sse sisse ehitatud visuaalne canvas-redaktor, mis võimaldab luua professionaalseid märgipilte ilma kujundustööriistadeta.

Märgikujundaja — põimitud märgi loomise aknasse koos vormi külgribaga

Ülevaade

Kujundaja avaneb, kui klõpsad märgi loomisel või muutmisel pildiväljal. See pakub canvas-tööruumi, kus saad kombineerida malle, teksti ja kohandatud taustu, et luua oma märgi pilt.

Mallide valija kuju + värvi filtritega

Malli valimine

Kujundaja sisaldab 80+ sisseehitatud malli, mis on korraldatud kahe dimensiooni järgi, et leiaksid sobiva kiiresti:

  • 8 kuju — ring, ümardatud ruut, kuusnurk, kilp, kaheksanurk, romb, lipp, pitser
  • 8 värvipaletti — kuld, hõbe, pronks, sinine, roheline, karmiinpunane, lilla, grafiit

Valimiseks:

  1. Klõpsa kujundaja tööriistaribal Mallid.
  2. Kasuta valija ülaosas filtreid Kuju ja Värv, et loendit kitsendada. Parempoolne loendur näitab, mitu malli sobib (nt 8 / 84).
  3. Klõpsa mallil, et see canvase-le rakendada.

Genereeritud mallid on meelega puhtad — vali kuju ja palett ning lisa siis kujundajas oma tekst, ikoonid ja paelad.

Canvase-le rakendatud mall

Kujundite, paelte ja ikoonide lisamine

Kujundite hüpikaken

Ikoonide hüpikaken värviribaga

Lisaks mallidele tuleb kujundajaga kaasa kolm täiendavat varakogu, mida saad asetada ükskõik millise malli peale:

  • Kujundid — 80+ vektorkujundit (ringid, kilbid, kuusnurgad, tähed, medalid, pitserid, pärjad, lipud, geomeetrilised vormid) kategooriatesse rühmitatud
  • Paelad — 20 dekoratiivset paela
  • Ikoonid — 50 piltlikku ikooni (aatom, autasu, aju, portfell, sertifikaat, kood, kroon, teemant, diplom, lõpetaja müts, hõõglamp, medal, rakett, kilp-kriips, täht, sihtmärk, trofee, …)

Vali mõni hüpikaknast ja see sisestatakse canvase-le praeguse värviga. Iga hüpikakna sees olev Värviriba võimaldab eset enne sisestamist ümber värvida — kasulik, kui soovid tööriistariba vaikimisi värvist erinevat värvi.

Kohandatud tausta või pildi üleslaadimine

Saad üles laadida oma pildi, et kasutada seda taustana või kihina peal:

  1. Klõpsa kujundaja tööriistaribal Lae üles.
  2. Vali arvutist pildifail (soovitatavalt PNG või JPG).
  3. Pilt asetatakse canvase-le valitava objektina — lohista, suurenda, pööra või saada see teiste elementide taha.

Pildi üleslaadimine ei kustuta malli ega ühtegi olemasolevat kihti — see lihtsalt laotatakse peale.

Täistaustade jaoks kasuta ruudukujulist pilti vähemalt 600×600 pikslit.

Teksti lisamine

Canvase-le lisatud tekstielement

  1. Klõpsa tööriistaribal nuppu Tekst.
  2. Canvase-le ilmub uus tekstielement.
  3. Klõpsa teksti, et see valida, seejärel trüki oma sisu.
  4. Lohista tekstielement canvase-l soovitud kohta.

Saad lisada mitu tekstielementi oma märgi erinevate osade jaoks (pealkiri, saaja, kuupäev jne).

Fontide muutmine

Tekst vahetatud Arialilt Georgiale — seriifiga font valitud tekstile

Kujundaja sisaldab 11 fonti (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

  1. Vali canvase-l tekstielement.
  2. Klõpsa tööriistaribal rippmenüüd Font.
  3. Vali saadavalolevate fontide hulgast.

Fondi eelvaade näitab, kuidas iga valik välja näeb enne valimist.

Värvi muutmine

Värvi valija avatud; vali ükskõik milline heks — kuldne annab tumesinistel mallidel tugevat kontrasti

Tööriistariba Värv valija juhib korraga kahte asja:

  • Valitud tekst — valib täitevärvi iga valitud tekstielemendi jaoks.
  • Vaikimisi sisestamise värv — järgmisena sisestatavate kujundite, paelte ja ikoonide jaoks, samuti valitud SVG-objektide jaoks (värvib kontuurid ja täited kohapeal ümber).

Vali värv paletist või sisesta heks-kood. Iga kujundi/paela/ikooni hüpikakna sees on ka väiksem Värviriba ühekordsete värvi valikute jaoks, mis ei muuda tööriistariba vaikeväärtust.

Elementide joondamine

Tekst tööriistariba joondusnuppude abil horisontaalselt ja vertikaalselt keskele joondatud

6-nuppude joondusrida töötab valitud objekti(de)l canvase suhtes:

NuppToiming
Joonda vasakuleKinnita canvase vasaku servaga
Keskelda horisontaalseltKeskelda canvase X-teljel
Joonda paremaleKinnita canvase parema servaga
Joonda ülesKinnita canvase ülemise servaga
Keskelda vertikaalseltKeskelda canvase Y-teljel
Joonda allaKinnita canvase alumise servaga

Kui lohistad elementi canvase keskosa lähedale, ilmuvad katkenditega lillad joondamisjooned ja objekt klõpsab täpsesse joondusse.

Mitmevalik ja kihtimine

  • Hoia all Shift ja klõpsa, et valida mitu objekti, või lohista valiku kast üle canvase.
  • Kasuta Saada taha / Too ette, et juhtida z-järjekorda.
  • Vajuta Delete või klõpsa tööriistaribal nuppu Kustuta, et eemaldada valik.
  • Võta tagasi / Tee uuesti (või Ctrl+Z / Ctrl+Shift+Z) käivad läbi viimased 20 muudatust.

Elementide kustutamine

  1. Vali element, mida soovid eemaldada (või shift-klõps mitme korral).
  2. Klõpsa tööriistaribal nuppu Kustuta või vajuta klahvi Delete.

Nõuanded hea märgikujunduse jaoks

  • Hoia see lihtne — kasuta selget teksti ja väldi üleküllust. Märki kuvatakse sageli väikestes suurustes.
  • Kasuta suurt kontrasti — veendu, et tekst on taustaga loetav.
  • Lisa märgi nimi — saajad ja vaatlejad peaksid tõendit kiirpilguga mõistma.
  • Ruutvorming — märgid kuvatakse kõige paremini ruukujuliste piltidena.
  • Brändi järjepidevus — kasuta kõigis märkides oma organisatsiooni värve ja fonte.
  • Testi väikestes suurustes — eelvaata oma märki 100x100 pikslit, et tagada loetavus.

Märgi pildi salvestamine

Lõplik koostatud märk

Kui oled oma kujundusega rahul, klõpsa kujundajas Valmis või Salvesta. Pilt jäädvustatakse canvase-lt ja lisatakse sinu märgile. See laaditakse üles IPFS-i, kui lood või salvestad märgi.

badges.ninja Documentation