Vytvořte vlastní fonty pomocí Inkscape a Fontastic.me

V tomto tutoriálu vám ukážeme, jak můžete vytvořit vlastní rukopisné písma pomocí Inkscape a fontastic.me.

Pokud nejste s nimi obeznámeni, Inkscape je volná a otevřená zdrojová vektorová kresba, která je k dispozici pro Windows, OS X a Linux. Fontastic.me je webová stránka, která nabízí různé písma ikon, ale také umožňuje nahrát vlastní SVG grafiku a převést je na font zdarma.

Při navrhování písma, které bude účinně pracovat v různých velikostech s pečlivě vymalovaným písmenem, je dovednost, která může trvat léta, aby se vylepšila, je to rychlý a zábavný projekt, který vám dává jedinečné písmo. Hlavním cílem fontash.me je vytvářet písma ikon pro webové stránky, ale můžete vytvořit písmo písmen, které byste mohli použít pro vytváření nadpisů nebo malého množství textu.

Pro účely tohoto tutoriálu budu sledovat fotografii některých písemných dopisů, ale můžete snadno tuto techniku ​​snadno přizpůsobit a kreslit vaše dopisy přímo v Inkscape. To může fungovat zvláště dobře pro ty, kteří používají kreslící tablety .

Na další stránce začneme vytvářet vlastní písmo.

01 z 05

Import fotografie písemného písma

Text a obrázky © Ian Pullen

Budete potřebovat fotografii některých kreslených dopisů, pokud chcete sledovat, a pokud nechcete vytvořit vlastní, můžete stáhnout a použít a-doodle-z.jpg, který obsahuje velká písmena AZ.

Pokud chcete vytvořit vlastní, použijte tmavý barevný inkoust a bílý papír pro silný kontrast a fotografujte dokončené dopisy v dobrém světle. Zkuste také vyhnout se uzavřeným prostorům v písmenách, jako je například písmeno 'O', protože to bude při sestavování vysledovaných dopisů zkomplikovat život.

Chcete-li importovat fotografii, přejděte na položku Soubor> Import a přejděte na fotografii a klikněte na tlačítko Otevřít. V dalším dialogu vám doporučuji použít možnost Vložit.

Je-li obrazový soubor velmi velký, můžete oddělit možnosti v podnabídce Zobrazení> Přiblížení a poté jej znovu změnit tak, že na něj jednou kliknete, aby se zobrazily popisky šípů v každém rohu. Klepněte a přetáhněte rukojeť, podržte klávesu Ctrl nebo Command a zachováte původní rozměry.

Dále budeme sledovat obrázek, abychom vytvořili vektorová písmena.

02 z 05

Trasování fotografie pro vytvoření vektorových písmen

Text a obrázky © Ian Pullen

Předtím jsem popsal trasování bitmapové grafiky v aplikaci Inkscape , ale zde opět rychle popisuji proces.

Klikněte na fotografii a ujistěte se, že je vybrána, a pak přejděte na Cesta> Trasová bitová mapa a otevřete dialogové okno Trasování bitmap. V mém případě jsem ponechal všechna nastavení na výchozí nastavení a to dalo dobrý, čistý výsledek. Možná budete muset upravit nastavení trasování, ale může být snazší pořizovat fotografie znovu s lepším osvětlením, čímž vytvoříte obraz s silnějším kontrastem.

V záběru obrazovky můžete vidět vysledované dopisy, které jsem odtáhl od původní fotografie. Po dokončení sledování budou písmena umístěna přímo nad fotkou, takže nemusí být příliš zřejmé. Než se přesunete, můžete zavřít dialogové okno Trasování bitmap a také kliknout na fotografii a vybrat jej a klepnout na klávesu Delete na klávesnici a odstranit ji z dokumentu.

03 ze dne 05

Rozdělte vysledování do jednotlivých písmen

Text a obrázky © Ian Pullen

V tomto okamžiku jsou všechna písmena spojena dohromady, takže jděte na cestu Pauza za rozdělením do jednotlivých písmen. Všimněte si, že pokud máte písmena, které jsou složeny z více než jednoho prvku, budou také rozděleny do samostatných prvků. V mém případě platí to pro každý dopis, takže má smysl seskupit každý dopis společně v této fázi.

Chcete-li to provést, stačí kliknout a přetáhnout výběr výběrového řádu kolem písmena a pak přejít na Objekt> Skupina nebo Stisknout Ctrl + G nebo Příkaz + G v závislosti na klávesnici.

Je zřejmé, že to musíte udělat pouze písmeny, které obsahují více než jeden prvek.

Než vytvoříme písmenové soubory, změníme velikost dokumentu na vhodnou velikost.

04 z 05

Nastavte velikost dokumentu

Text a obrázky © Ian Pullen

Potřebujeme nastavit dokument na vhodnou velikost, přejděte na Soubor> Vlastnosti dokumentu av dialogovém okně nastavte podle potřeby šířku a výšku. Nastavil jsem můj na 500 x 500 pixelů, ačkoli byste v ideálním případě nastavili šířku pro každé písmeno jinak, aby se závěrečné písmena vešly dohromady úhledněji.

Dále vytvoříme písmena SVG, která budou odeslána do souboru fontastic.me.

05 z 05

Vytvořte jednotlivé soubory SVG pro každý dopis

Text a obrázky © Ian Pullen

Fontastic.me vyžaduje, aby každé písmeno bylo samostatným souborem SVG, takže je musíme před použitím vytvořit.

Přetáhněte všechny písmena tak, aby byly mimo okraje stránky. Fontastic.me ignoruje veškeré prvky, které jsou mimo oblast stránky, takže můžeme tyto dopisy zaparkovat bez problémů.

Nyní přetáhněte první písmeno do stránky a pomocí rozevíracího úchytu v rohu jej změňte podle potřeby.

Poté přejděte na příkaz Soubor> Uložit jako a poskytněte soubor smysluplný název. Zavolal jsem můj a.svg - ujistěte se, že soubor má příponu .svg.

Nyní můžete přesunout nebo odstranit první písmeno a umístit druhé písmeno na stránku a znovu přejít na Soubor> Uložit jako. Musíte to udělat pro každý dopis. Pokud máte větší trpělivost než já, můžete přizpůsobit šířku stránky tak, aby se lépe odpovídalo každému dopisu.

Konečně možná budete chtít zvážit vytvoření interpunkce, i když určitě budete chtít prostorový znak. Pro mezeru stačí uložit prázdnou stránku. Také, pokud chcete malá a velká písmena, musíte je všechny uložit.

Nyní můžete navštívit fontash.me a vytvořit své písmo. Vysvětlil jsem trochu o tomto procesu v doprovodném článku, který vysvětluje, jak používat danou stránku, aby vaše písmo: Vytvořit písmo pomocí Fontastic.me