Skip to content

Merkinsuunnittelija

Merkinsuunnittelija on visuaalinen kangas-editori, joka on sisäänrakennettu badges.ninja-palveluun ja jonka avulla voit luoda ammattimaisia merkkikuvia ilman suunnittelutyökaluja.

Merkinsuunnittelija — upotettu Luo merkki -ikkunaan lomakkeen sivupalkin vieressä

Yleiskatsaus

Suunnittelija avautuu, kun napsautat kuvakenttää merkkiä luodessasi tai muokatessasi. Se tarjoaa kangas-työtilan, jossa voit yhdistellä malleja, tekstiä ja mukautettuja taustoja merkkikuvan luomiseksi.

Mallinvalitsin muoto- ja värisuodattimilla

Mallin valitseminen

Suunnittelija sisältää yli 80 sisäänrakennettua mallia, jotka on järjestetty kahteen ulottuvuuteen, jotta löydät sellaisen nopeasti:

  • 8 muotoa — Ympyrä, Pyöristetty neliö, Kuusikulmio, Kilpi, Kahdeksankulmio, Vinoneliö, Banneri, Sinetti
  • 8 väripaletia — Kulta, Hopea, Pronssi, Sininen, Vihreä, Karmiini, Violetti, Grafiitti

Valitseminen:

  1. Napsauta suunnittelijan työkalurivin kohtaa Mallit.
  2. Käytä valitsimen yläreunan suodattimia Muoto ja Väri supistaaksesi luetteloa. Oikealla oleva laskuri näyttää, kuinka monta mallia vastaa (esim. 8 / 84).
  3. Napsauta mallia soveltaaksesi sen kankaalle.

Generoidut mallit ovat tarkoituksella puhtaita — valitse muoto ja paletti, ja lisää sitten oma tekstisi, kuvakkeesi ja nauhasi suunnittelijassa.

Kankaalle sovellettu malli

Muotojen, nauhojen ja kuvakkeiden lisääminen

Muotojen ponnahdusikkuna

Kuvakkeiden ponnahdusikkuna väripalkilla

Mallien lisäksi suunnittelijan mukana tulee kolme ylimääräistä resurssikirjastoa, joita voit asettaa minkä tahansa mallin päälle:

  • Muodot — yli 80 vektorimuotoa (ympyrät, kilvet, kuusikulmiot, tähdet, mitalit, sinetit, seppeleet, bannerit, geometriset muodot) ryhmiteltynä luokkiin
  • Nauhat — 20 koristeellista nauhaa
  • Kuvakkeet — 50 piktogrammikuvaketta (atomi, palkinto, aivot, salkku, todistus, koodi, kruunu, timantti, tutkintotodistus, lakki, hehkulamppu, mitali, raketti, kilpi ruksilla, tähti, kohde, pokaali, …)

Valitse yksi mistä tahansa ponnahdusikkunasta, ja se lisätään kankaalle nykyisessä värissä. Jokaisen ponnahdusikkunan sisällä oleva väripalkki antaa sinun värittää resurssin uudelleen ennen sen lisäämistä — hyödyllinen, kun haluat toisen värin kuin työkalurivin oletus.

Mukautetun taustan tai kuvan lataaminen

Voit ladata oman kuvasi käytettäväksi taustana tai kerroksena päällä:

  1. Napsauta suunnittelijan työkalurivin Lataa.
  2. Valitse kuvatiedosto tietokoneeltasi (PNG tai JPG suositus).
  3. Kuva sijoitetaan kankaalle valittavissa olevana objektina — vedä, skaalaa, kierrä tai lähetä taakse muita elementtejä.

Kuvan lataaminen ei poista mallia tai olemassa olevia kerroksia — se vain pinoaa ylimmäksi.

Täysikokoisia taustoja varten käytä neliönmuotoista kuvaa, joka on vähintään 600×600 pikseliä.

Tekstin lisääminen

Tekstielementti lisätty kankaalle

  1. Napsauta työkalurivin painiketta Teksti.
  2. Kankaalle ilmestyy uusi tekstielementti.
  3. Napsauta tekstiä valitaksesi sen ja kirjoita sisältösi.
  4. Vedä tekstielementtiä sijoittaaksesi sen kankaalle.

Voit lisätä useita tekstielementtejä merkin eri osiin (otsikko, vastaanottaja, päivämäärä jne.).

Fonttien vaihtaminen

Teksti vaihdettu Arialista Georgiaan — serif-fontti sovellettu valittuun tekstiin

Suunnittelija sisältää 11 fonttia (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

  1. Valitse tekstielementti kankaalla.
  2. Napsauta työkalurivin pudotusvalikkoa Fontti.
  3. Valitse saatavilla olevista fonteista.

Fontin esikatselu näyttää, miltä kukin vaihtoehto näyttää ennen valintaa.

Värin vaihtaminen

Värinvalitsin avoinna; valitse mikä tahansa hex — kulta antaa vahvan kontrastin tummansinisillä malleilla

Työkalurivin Väri-valitsin ohjaa kahta asiaa kerralla:

  • Valittu teksti — valitsee valitun tekstielementin täyttövärin.
  • Oletuslisäysväri — seuraavaksi lisättäville muodoille, nauhoille ja kuvakkeille sekä valituille SVG-objekteille (värittää viivat ja täytöt uudelleen paikalleen).

Valitse väri paletista tai syötä hex-koodi. Jokaisen muoto-/nauha-/kuvakeponnahdusikkunan sisällä on myös pienempi väripalkki kertaluonteisiin värivalintoihin, jotka eivät muuta työkalurivin oletusta.

Elementtien tasaaminen

Teksti keskitetty vaakasuunnassa ja pystysuunnassa työkalurivin tasauspainikkeilla

6 painikkeen tasausrivi vaikuttaa valittuihin objekteihin suhteessa kankaaseen:

PainikeToiminto
Tasaa vasemmalleKiinnitä kankaan vasempaan reunaan
Keskitä vaakasuunnassaKeskitä kankaan X-akselille
Tasaa oikealleKiinnitä kankaan oikeaan reunaan
Tasaa ylösKiinnitä kankaan yläreunaan
Keskitä pystysuunnassaKeskitä kankaan Y-akselille
Tasaa alasKiinnitä kankaan alareunaan

Kun vedät elementin lähelle kankaan keskustaa, katkoviivaiset violetit nappauksen apuviivat ilmestyvät ja objekti napsahtaa täydelliseen tasaukseen.

Monivalinta ja kerrokset

  • Pidä Shift pohjassa ja napsauta valitaksesi useita objekteja, tai vedä valintalaatikko kankaan yli.
  • Käytä Lähetä taakse / Tuo eteen z-järjestyksen hallintaan.
  • Paina Delete tai napsauta työkalurivin Poista-painiketta poistaaksesi valinnan.
  • Kumoa / Tee uudelleen (tai Ctrl+Z / Ctrl+Shift+Z) käyvät läpi viimeiset 20 muutosta.

Elementtien poistaminen

  1. Valitse poistettava elementti (tai shift-klikkaa useita).
  2. Napsauta työkalurivin Poista-painiketta tai paina Delete-näppäintä.

Vinkkejä hyvään merkkisuunnitteluun

  • Pidä se yksinkertaisena — käytä selkeää tekstiä ja vältä sotkua. Merkki näytetään usein pienissä koissa.
  • Käytä korkeaa kontrastia — varmista, että teksti on luettavissa taustaa vasten.
  • Sisällytä merkin nimi — vastaanottajien ja katsojien tulisi ymmärtää tunniste nopeasti.
  • Neliömuoto — merkit näkyvät parhaiten neliökuvina.
  • Brändin johdonmukaisuus — käytä organisaatiosi värejä ja fontteja kaikissa merkeissä.
  • Testaa pienissä koissa — esikatsele merkkisi 100x100 pikselin kokoisena varmistaaksesi luettavuuden.

Merkkikuvan tallentaminen

Valmis koottu merkki

Kun olet tyytyväinen suunnitteluusi, napsauta suunnittelijassa Valmis tai Tallenna. Kuva kaapataan kankaalta ja liitetään merkkiin. Se ladataan IPFS:ään, kun luot tai tallennat merkin.

badges.ninja Documentation