Vytvorte si vlastné fonty pomocou Inkscape a Fontastic.me

V tomto výučbe vám ukážem, ako môžete vytvoriť vlastné písmo písma pomocou Inkscape a fontastic.me.

Ak nie ste s nimi oboznámení, Inkscape je bezplatná a otvorená aplikácia na kreslenie vektorových línií, ktorá je k dispozícii pre systémy Windows, OS X a Linux. Fontastic.me je webová stránka, ktorá ponúka rôzne písma s ikonami, ale zároveň vám umožňuje nahrávať vlastnú grafiku SVG a konvertovať ju na písmo zadarmo.

Pri navrhovaní písma, ktoré bude efektívne pracovať v rôznych veľkostiach s starostlivo vytvoreným písmenom, je to zručnosť, ktorá môže trvať roky, kým sa vylepší, je to rýchly a zábavný projekt, ktorý vám poskytne jedinečné písmo. Hlavným cieľom fontu fontash.me je vytvárať písma s ikonami pre webové stránky, ale môžete vytvoriť písmo písmen, ktoré môžete použiť na vytváranie nadpisov alebo malého množstva textu.

Na účely tohto tutoriálu budem sledovať fotografiu niektorých písaných písmen, ale môžete ľahko prispôsobiť túto techniku ​​a nakresliť svoje listy priamo v Inkscape. To môže fungovať zvlášť dobre pre tých, ktorí používajú kreslenie tabliet .

Na ďalšej stránke začneme s vytváraním vlastného písma.

01 z 05

Importovať fotografiu písaného písma

Text a obrázky © Ian Pullen

Budete potrebovať fotografiu niektorých kreslených listov, ak chcete sledovať, a ak nechcete vytvoriť svoj vlastný, môžete si stiahnuť a použiť a-doodle-z.jpg, ktorý obsahuje veľké písmená AZ.

Ak sa chystáte vytvoriť svoj vlastný, použite tmavý farebný atrament a biely papier pre silný kontrast a fotografovanie dokončených písmen v dobrom svetle. Tiež sa snažte vyhnúť akýmkoľvek uzavretým priestorom v písmenách, ako je písmeno "O", pretože to spôsobí zložitosť pri príprave vysledovaných listov.

Ak chcete fotografiu importovať, prejdite na položku Súbor> Import a potom prejdite na fotografiu a kliknite na tlačidlo Otvoriť. V ďalšom dialógovom okne odporúčam, aby ste použili možnosť Vkladanie.

Ak je obrazový súbor veľmi veľký, môžete ho zmenšiť pomocou možností v ponuke Zobrazenie> Zväčšenie a potom ho znova zmeniť, keď ho raz kliknete na zobrazenie úchytiek šípok v každom rohu. Kliknutím a ťahaním rukoväte podržte kláves Ctrl alebo Command a zachová si pôvodné proporcie.

Ďalej vykresľujeme obrázok a vytvoríme vektorové písmená.

02 z 05

Sledovanie fotografie na vytvorenie vektorových písmen

Text a obrázky © Ian Pullen

Už som opísal sledovanie bitmapovej grafiky v aplikácii Inkscape , ale tu opäť rýchlo opíšem proces.

Kliknutím na fotografiu sa ubezpečte, že je vybratá, a potom prejdite na možnosť Cesta> Trasová bitová mapa a otvorte dialógové okno Bitová trasa. V mojom prípade som nechal všetky nastavenia na ich predvolené nastavenie a to prinieslo dobrý, čistý výsledok. Možno budete musieť upraviť nastavenia sledovania, ale môže byť ľahšie snímať vašu fotografiu znova s ​​lepším osvetlením, aby ste vytvorili obrázok s výraznejším kontrastom.

V snímke obrazovky môžete vidieť vysledované písmená, ktoré som odtiahol od pôvodnej fotografie. Po dokončení sledovania budú písmená umiestnené priamo nad fotografiou, takže nemusí byť veľmi zrejmé. Predtým, než sa presuniete, môžete zatvoriť dialógové okno Trasovanie bitov a tiež kliknúť na fotografiu a vybrať ho a kliknúť na tlačidlo Odstrániť na klávesnici a odstrániť ju z dokumentu.

03 z 05

Rozdeliť sledovanie do jednotlivých písmen

Text a obrázky © Ian Pullen

V tomto okamihu sa všetky písmená spájajú dohromady, takže prejdite na položku Path> Break Apart, aby ste ich rozdelili do jednotlivých písmen. Všimnite si, že ak máte písmená, ktoré sú zložené z viac ako jedného prvku, budú tiež rozdelené do samostatných prvkov. V mojom prípade to platí pre každý list, takže má zmysel zoskupiť každý list v tejto fáze.

Stačí kliknúť a pretiahnuť výberové označenie okolo písmena a potom prejsť na Object> Group alebo stlačiť Ctrl + G alebo Command + G v závislosti od klávesnice.

Je zrejmé, že to musíte robiť len písmenami, ktoré obsahujú viac ako jeden prvok.

Predtým, ako vytvoríme písmenové súbory, upravíme dokument na vhodnú veľkosť.

04 z 05

Nastavte veľkosť dokumentu

Text a obrázky © Ian Pullen

Potrebujeme nastaviť dokument na vhodnú veľkosť, prejdite na Súbor> Vlastnosti dokumentu a v dialógovom okne nastavte podľa potreby šírku a výšku. Nastavil som moju hodnotu na 500 x 500 pixlov, hoci ideálne by ste nastavili šírku inak pre každé písmeno tak, aby sa posledné písmená zmiešali úhľadnejšie.

Ďalej vytvoríme písmená SVG, ktoré sa odovzdajú do súboru fontastic.me.

05 z 05

Vytvorte jednotlivé súbory SVG pre každý list

Text a obrázky © Ian Pullen

Fontastic.me vyžaduje, aby každé písmeno bolo samostatným súborom SVG, takže ich budeme musieť vytvoriť predtým, ako ich stlačíme.

Presuňte všetky svoje listy tak, aby boli mimo okrajov stránky. Fontastic.me ignoruje akékoľvek prvky, ktoré sú mimo oblasť stránky, takže môžeme ponechať tu zaparkované písmená bez problémov.

Teraz pretiahnite prvé písmeno do stránky a použite rukoväte ťahania v rohu, aby ste ho zmenili podľa potreby.

Potom prejdite na Súbor> Uložiť ako a dajte súbor zmysluplný názov. Zavolal som moje a.svg - uistite sa, že súbor má príponu .svg.

Teraz môžete presunúť alebo odstrániť prvé písmeno a umiestniť druhý list na stránku a znova prejsť na Súbor> Uložiť ako. Musíte to urobiť pre každý list. Ak máte väčšiu trpezlivosť ako ja, môžete upraviť šírku stránky tak, ako idete, aby ste lepšie zodpovedali každému listu.

Nakoniec môžete zvážiť vytvorenie interpunkcie, aj keď určite budete chcieť priestorový znak. Za medzeru stačí uložit prázdnu stránku. Ak chcete aj malé a malé písmená, musíte ich všetky uložiť.

Teraz môžete navštíviť fontastic.me a vytvoriť si font. Vysvetlil som trochu o tomto procese v sprievodnom článku, ktorý vysvetľuje, ako používať túto lokalitu na vytvorenie písma: Vytvorte písmo pomocou Fontastic.me