Loo oma fondid Inkscape ja Fontastic.me abil

Selles õpetuses näitan teile, kuidas saate oma käsikirjalisi fonte luua Inkscape ja fontastic.me abil.

Kui te ei tunne neid, on Inkscape tasuta ja avatud lähtekoodiga vektoreid joonistusrakendus, mis on saadaval Windowsile, OS X-le ja Linuxile. Fontastic.me on veebisait, mis pakub erinevaid ikoonifonte, kuid võimaldab teil laadida oma SVG-graafika üles ja teisendada need tasuta fondi.

Kuigi kujundades fonti, mis toimivad tõhusalt erinevate suurustega koos hoolikalt koostatud kirjaga, on oskus, mis võib võtta aastaid kärpida, see on kiire ja lõbus projekt, mis annab teile ainulaadse fondi. Fontaine.me peamine eesmärk on veebisaitide ikoonifontide loomine, kuid võite luua kirjafondi, mida võiksite kasutada rubriikide või väikeste tekstihulkade tootmiseks.

Selle õpetuse eesmärgil jälgin ma mõne kirjavahetuse fotot, kuid saate seda tehnikat kergesti kohandada ja oma kirju joonistada otse Inkscape'is. See võib olla eriti hästi neile, kes kasutavad joonistustablette .

Järgmisel lehel alustame oma fondi loomisega.

01, 05

Importige oma kirjafondi foto

Tekst ja pildid © Ian Pullen

Teil on vaja pilti mõnda joonistatud tähti kasutades, kui soovite seda teha ja kui te ei soovi ise seda teha, võite alla laadida ja kasutada a-doodle-z.jpg, mis sisaldab suurtähti AZ.

Kui kavatsete luua oma, kasutage tugevat kontrasti kasutades tumedat värvitinat ja valget paberit ning pildage täidetud tähed heas valguses. Samuti proovige vältida suletud ruumide tähti, näiteks 'O', kuna see muudab elu lihtsamaks märgitud tähtede ettevalmistamisel.

Foto importimiseks minge menüüsse Fail> Impordi, seejärel liikuge fotole ja klõpsake nuppu Ava. Järgmises dialoogis soovitan teil kasutada sisselogimisvõimalust.

Kui pildifail on väga suur, saate selle abil suumida ka alammenüü Vaade> Suumi abil ja seejärel uuesti määrata, kui klõpsate ükskord, et kuvada iga nurga all nooleklahve. Hoidke Ctrl- või Command-klahvi hoides käsku ja lohistage, nii et see hoiab oma esialgseid proportsioone.

Järgmisena jälgime pilti, et luua vektoreid tähti.

02 of 05

Fotode sirvimine vektori tähtede kirjutamiseks

Tekst ja pildid © Ian Pullen

Olen varem kirjeldanud Inkscape'i raketikarakteristikuid , kuid kirjeldan seda protsessi ka siin siin.

Klõpsake fotol, et see oleks valitud ja seejärel käsku Path> Trace Bitmap, et avada Trace Bitmapi dialoog. Minu puhul jättis mul kõik vaikeseadete sätted ja see andis hea, puhta tulemuse. Võimalik, et peate kohandama jälgi seadeid, kuid fotode pildistamiseks, millel on tugevam kontrastsus, võib fotograafi paremini pildistada.

Ekraanipildis näete lingitud tähti, mille ma olen originaalfotust eemal tõmmates. Kui jälgimine on lõpule viidud, asetatakse tähed otse foto kohale, nii et need ei pruugi olla väga ilmne. Enne liikumist võite sulgeda Trace Bitmapi dialoogi ja klõpsata sellel fotol, et seda valida, ja klõpsake selle eemaldamiseks dokumendis klahvi Delete klaviatuuril.

03 of 05

Jagage üksikute kirjadena jälgimine

Tekst ja pildid © Ian Pullen

Sel hetkel on kõik tähed ühendatud, nii et minge Path> Break peale, et jagada need üksikud tähed. Pange tähele, et kui teil on tähed, mis koosnevad enam kui ühest elemendist, siis on need ka jagatud eraldi elementidesse. Minu puhul kehtib see iga kirja kohta, seega on mõistlik rühmitada iga kirja koos selles etapis.

Selleks klõpsake lihtsalt kirja ümber oleva valikuketta ja lohistage seejärel valikule Object> Group või vajutage klaviatuuril klahvikombinatsiooni Ctrl + G või Command + G.

Loomulikult peate seda tegema ainult tähedega, mis sisaldavad rohkem kui ühte elementi.

Enne kirjafailide loomist suurendame dokumendi uuesti sobiva suurusega.

04 05

Dokumendi suuruse määramine

Tekst ja pildid © Ian Pullen

Peame määrama sobiva suurusega dokumendi, nii et minge failile> dokument atribuudid ja dialoogis määrata vajaduse korral laius ja kõrgus. Ma seadisin oma 500px-le 500px-le, kuigi ideaaljuhul määrati iga kirja laius erinevalt, nii et lõplikud tähed sobiksid paremini.

Seejärel loome SVG-tähed, mis laaditakse fontastic.me-le üles.

05 05

Loo üksiku SVG-faili iga kirja jaoks

Tekst ja pildid © Ian Pullen

Fontastic.me nõuab, et iga kiri oleks eraldi SVG-fail, seega peame neid enne avaldamist esitama.

Drag kõik oma kirjad nii, et need oleksid lehe servadest väljas. Fontastic.me ignoreerib kõiki elemente, mis paiknevad lehe ala piiridest, nii et me ei saa jätta neid kirju, mis pargid siia ilma probleemideta.

Nüüd tõmmake esimene leht lehele ja kasutage nurga all drag-käepidet, et seda vajaduse korral ümber arvutada.

Seejärel minge failile> Salvesta nimega ja andke failile tähenduslik nimi. Ma helistasin oma a.svg-le - veenduge, et failil on sufiks .svg.

Nüüd saate esimese kirja teisaldada või kustutada ja asetada teisele tähele lehele ja jälle File> Save As. Seda peate tegema iga kirja kohta. Kui teil on rohkem kannatlikkust kui mina, võite lehe laiust kohandada iga kirja paremaks sobitamiseks.

Lõpuks võite kaaluda ka kirjavahemärkide loomist, kuigi kindlasti tahate tühikuid. Ruumi jaoks salvestage lihtsalt tühi leht. Kui soovite ka suur- ja väiketähti, peate need kõik ka salvestama.

Nüüd võite külastada fontastic.me ja luua oma fondi. Olen selgitanud natuke selle protsessi kaasnevas artiklis, mis selgitab, kuidas seda saiti oma fondi tegemiseks kasutada: Fontastic.me fonti loomine