Ustvarite svoje lastne pisave z uporabo Inkscape in Fontastic.me

V tem priročniku bom pokazal, kako lahko ustvarite lastne pisave rokopisov z uporabo Inkscape in fontastic.me.

Če niste seznanjeni s temi, je Inkscape brezplačna in odprtokodna aplikacija vektorske črte, ki je na voljo za Windows, OS X in Linux. Fontastic.me je spletna stran, ki ponuja različne pisave ikon, vendar vam omogoča tudi, da naložite svojo SVG grafiko in jih brezplačno pretvarjate v pisavo.

Medtem ko oblikujete pisavo, ki bo učinkovito delovala pri različnih velikostih s skrbno oblikovano črko kerning, je spretnost, ki lahko traja leta, da se boste lotili, to je hiter in zabaven projekt, ki vam bo dal edinstveno pisavo. Glavni cilj fontastic.me je izdelava pisav ikon za spletne strani, vendar lahko ustvarite pisavo črk, ki bi jo lahko uporabili za izdelavo naslovov ali majhnih količin besedila.

Za ta tutorial bom izsledil fotografijo nekaterih pisanih črk, vendar lahko to tehniko preprosto prilagodite in črke črte vnesete neposredno v Inkscape. To bi lahko bilo posebej primerno za tiste, ki uporabljajo risalne tablete .

Na naslednji strani bomo začeli ustvarjati lastno pisavo.

01 od 05

Uvozite fotografijo pisnega pisave

Besedilo in slike © Ian Pullen

Potrebovali boste fotografijo nekaterih voščenih črk, če želite slediti skupaj in če ne želite, da bi lahko sami ustvarili, lahko prenesete in uporabite a-doodle-z.jpg, ki vsebuje velike črke AZ.

Če boste ustvarili svojo lastno, uporabite črno barvo in bel papir za močan kontrast in fotografirajte izpolnjene črke v dobri luči. Prav tako poskusite izogniti zaprtim prostorom s črko, na primer »O«, saj bo to naredilo življenje bolj zapleteno pri pripravi sledi.

Če želite uvoziti fotografijo, pojdite na Datoteka> Uvoz, nato pa se pomaknite do fotografije in kliknite gumb Odpri. V naslednjem pogovornem oknu priporočam, da uporabite možnost Vdelaj.

Če je slikovna datoteka zelo velika, jo lahko pomanjšate z možnostmi v podmeniju View> Zoom in ga znova umerite, tako da enkrat kliknete nanj, da prikažete ročice za roke na vsakem kotu. Kliknite in povlecite ročaj, držite tipko Ctrl ali Command in ohranite prvotne razsežnosti.

Nato bomo sledili sliki, da ustvarimo črke vektorskih vrstic.

02 od 05

Trace Photo za ustvarjanje vektorskih črkovnih črk

Besedilo in slike © Ian Pullen

Predhodno sem opisal sledilno grafiko v Inkscapeu , vendar bom tukaj hitro opisal postopek.

Kliknite na fotografijo, da zagotovite, da je izbrana, in nato pojdite na Path> Trace Bitmap, da odprete pogovorno okno Trace Bitmap. V mojem primeru sem vse nastavitve pustil privzeto in ustvaril dober, čisti rezultat. Morda boste morali prilagoditi nastavitve sledenja, vendar boste morda lažje fotografirali fotografijo z boljšo osvetlitvijo, da bi ustvarili sliko z močnejšim kontrastom.

V zaslonskem posnetku si lahko ogledate črke, ki sem jih oddaljil od izvirne fotografije. Ko je sledenje končano, bodo črke postavljene neposredno čez fotografijo, zato morda niso zelo očitne. Preden nadaljujete, lahko zaprete pogovorno okno Trace Bitmap in tudi kliknete na fotografijo, da jo izberete, in kliknite gumb Izbriši na tipkovnici, da jo odstranite iz dokumenta.

03 od 05

Razdelite sledenje v posamezna pisma

Besedilo in slike © Ian Pullen

Na tej točki so vse črke združene, zato pojdite na Path> Break Apart, da jih razdelite v posamezne črke. Upoštevajte, da če imate črke, sestavljene iz več kot enega elementa, bodo te tudi razdeljene na ločene elemente. V mojem primeru to velja za vsako črko, zato je smiselno, da se na tej stopnji združite vsa črka.

Če želite to narediti, samo kliknite in povlecite izbirni okvir okoli črke in nato pojdite na predmet> Skupina ali pritisnite Ctrl + G ali Command + G, odvisno od vaše tipkovnice.

Očitno je to potrebno storiti samo s črkami, ki vsebujejo več kot en element.

Preden izdelamo datoteke s črko, bomo dokument znova spremenili v ustrezno velikost.

04 od 05

Nastavite velikost dokumenta

Besedilo in slike © Ian Pullen

Dokument mora biti nastavljen na ustrezno velikost, zato pojdite na File> Lastnosti dokumenta in v pogovornem oknu nastavite širino in višino po potrebi. Nastavim mojo na 500 pik za 500 pik, čeprav bi bilo idealno, da bi za vsako črko nastavili širino, tako da bi se končne črke bolje združile.

Nato bomo ustvarili črke SVG, ki bodo naložene na fontastic.me.

05 od 05

Ustvarite posamezne SVG datoteke za vsako pisavo

Besedilo in slike © Ian Pullen

Fontastic.me zahteva, da je vsaka črka ločena datoteka SVG, zato jo bomo morali pripraviti pred pritiskom na.

Povlecite vse svoje črke, da so zunaj robov strani. Fontastic.me ignorira vse elemente, ki so izven območja strani, zato lahko pustimo te črke parkirane tukaj brez težav.

Zdaj povlecite prvo črko na stran in uporabite ročice za vlečenje na vogalu, da jo znova po potrebi spremenite.

Nato pojdite na Datoteka> Shrani kot in dajte datoteki smiselno ime. Poklicala sem svojo a.svg - zagotovim, da ima datoteka zadnjo .svg končnico.

Zdaj lahko premaknete ali izbrišete prvo črko in postavite drugo črko na stran in znova pojdite na Datoteka> Shrani kot. To morate narediti za vsako črko. Če imate več potrpljenja od mene, lahko prilagodite širino strani, ko greste za boljšo ujemanje vsake črke.

Nazadnje, boste morda želeli razmisliti o ločitvi, čeprav boste zagotovo želeli vesoljski značaj. Za presledek shranite prazno stran. Če želite tudi velike in male črke, jih morate tudi shraniti.

Sedaj lahko obiščete fontastic.me in ustvarite svojo pisavo. Nekoliko sem pojasnil o tem procesu v spremljajočem članku, ki pojasnjuje, kako uporabiti to spletno mesto za izdelavo pisave: Ustvarite pisavo z uporabo datoteke Fontastic.me