Luo omat fonttisi Inkscape- ja Fontastic.me-sovelluksen avulla

Tässä opetusohjelmassa aion näyttää, miten voit luoda omia käsinkirjoitustyyppejäsi Inkscape- ja fontastic.me-sovelluksen avulla.

Jos et tunne näitä, Inkscape on ilmainen ja avoimen lähdekoodin vektorilinjasovellusohjelma, joka on saatavana Windows, OS X ja Linux. Fontastic.me on verkkosivusto, joka tarjoaa erilaisia ​​kuvake-fontteja, mutta voit myös ladata oman SVG-grafiikkasi ja muuntaa ne kirjasiksi ilmaiseksi.

Suunnittelemalla fontti, joka toimii tehokkaasti eri kokoja huolella valmistettujen kirjeiden karsinta on taito, joka voi kestää vuosia hioa, tämä on nopea ja hauska projekti, joka antaa sinulle ainutlaatuisen fontti. Fontastic.me: n päätavoitteena on tuottaa kuvakkeiden fontteja verkkosivustoille, mutta voit luoda kirjasinkirjoituksen, jota voit käyttää otsikoiden tai pienien tekstien tuottamiseen.

Tämän opetusohjelman tarkoitus on seurata valokuvaa kirjallisista kirjaimista, mutta voit helposti sopeuttaa tämän tekniikan ja piirtää kirjeet suoraan Inkscapeen. Tämä voi toimia erityisen hyvin niille, jotka käyttävät piirustustabletteja .

Seuraavalla sivulla alkavat luoda omat fonttimme.

01/05

Tuo valokuva kirjallisesta kirjasimesta

Teksti ja kuvat © Ian Pullen

Tarvitset kuvan joistakin piirretyistä kirjaimista, jos haluat seurata ja jos et halua tehdä omia, voit ladata ja käyttää a-doodle-z.jpg, joka sisältää isot kirjaimet AZ.

Jos aiot luoda omia, käytä tummaa mustaa mustaa ja valkoista paperia vahvaan kontrastiin ja kirjoita valmiit kirjaimet hyvällä valolla. Yritä myös välttää suljetut välilyönnit kirjaimilla, kuten "O", koska tämä tekee elämästä monimutkaisempaa valmistettaessa jäljitetyt kirjaimet.

Voit tuoda valokuvan valitsemalla Tiedosto> Tuo ja siirtyä sitten valokuvaan ja napsauttamalla Avaa-painiketta. Seuraavassa valintaikkunassa suosittelen, että käytät Upotus-vaihtoehtoa.

Jos kuvatiedosto on erittäin suuri, voit pienentää näkymää valitsemalla Näytä> Zoom -alivalikosta ja uudelleen kokoamalla sen napsauttamalla sitä kerran nuolinäppäimillä jokaisella kulmalla. Napsauta ja vedä kahva pitämällä Ctrl- tai Komento-näppäintä painettuna ja se säilyttää alkuperäiset mittasuhteet.

Seuraavaksi jäljitetään kuva luoda vektorin viivakoodeja.

02/05

Jäljitä kuva luomalla vektorin rivikirjaimia

Teksti ja kuvat © Ian Pullen

Olen aiemmin kuvannut bittikarttatiedostojen jäljittämisen Inkscapessa , mutta kuvaat prosessin nopeasti uudelleen täällä.

Napsauta valokuvaa sen varmistamiseksi, että se on valittu ja aja Trace Bitmap -ikkuna avaamalla Trace Bitmap. Minun tapauksessani jätin kaikki asetukset oletukseksi ja se tuotti hyvän ja puhtaan tuloksen. Voit joutua säätämään jäljitysasetuksia, mutta saatat olla helpompaa kuvata valokuvan uudelleen paremmalla valaistuksella tuottamaan kuvan, jolla on voimakkaampi kontrasti.

Näyttöruudussa näet jäljitetyt kirjaimet, jotka olen vetänyt pois alkuperäisestä valokuvasta. Kun jäljitys on valmis, kirjaimet sijoitetaan suoraan kuvan päälle, joten ne eivät välttämättä ole kovin ilmeisiä. Ennen siirtymistä voit sulkea Trace Bitmap -valintaikkunan ja napsauttamalla valokuvaa sen valitsemiseksi ja poista se asiakirjasta napsauttamalla Poista-näppäintä.

03/05

Jaa jäljitys yksilöllisiin kirjeisiin

Teksti ja kuvat © Ian Pullen

Tällöin kaikki kirjaimet yhdistetään yhteen, joten siirry Path> Break Apart -toimintoon, jotta voit jakaa ne yksittäisiin kirjaimiin. Huomaa, että jos sinulla on useampi kuin yksi elementti koostuva kirjain, ne on myös jaettu erillisiin elementteihin. Minun tapauksessani tämä koskee kaikkia kirjaimia, joten on järkevää ryhmitellä kukin kirjain yhdessä tässä vaiheessa.

Voit tehdä tämän napsauttamalla ja vetämällä valintamerkkiä kirjaimen ympärille ja siirtymällä sitten kohtaan Objektti> Ryhmä tai painamalla Ctrl + G tai Komento + G näppäimistön mukaan.

On selvää, että sinun tarvitsee vain tehdä kirjaimia, joissa on useampi kuin yksi elementti.

Ennen kuin luot kirjoitustiedostoja, kokoamme asiakirja uudelleen sopivaan kokoon.

04/05

Aseta asiakirjan koko

Teksti ja kuvat © Ian Pullen

Meidän on asetettava asiakirja sopivaan kokoon, joten siirry kohtaan Tiedosto> Asiakirjan ominaisuudet ja valitse valintaikkunasta Leveys ja korkeus tarvittaessa. Asetin minun 500px 500px: llä, mutta ihanteellisesti asettaisit leveyden eri tavoin jokaiselle kirjaimelle niin, että viimeiset kirjaimet sopivat yhteen siististi.

Seuraavaksi luodaan SVG-kirjaimet, jotka ladataan fontastic.me-tiedostoon.

05/05

Luo yksittäisiä SVG-tiedostoja jokaiselle kirjeelle

Teksti ja kuvat © Ian Pullen

Fontastic.me vaatii, että jokainen kirjain on erillinen SVG-tiedosto, joten meidän on tuotettava nämä ennen painamista.

Vedä kaikki kirjaimet niin, että ne ovat sivujen reunojen ulkopuolella. Fontastic.me jättää huomiotta kaikki elementit, jotka ovat sivualueen ulkopuolella, joten voimme jättää nämä pysäköidyt kirjaimet ilman ongelmia.

Vedä nyt ensimmäinen kirjain sivulle ja käytä kulmassa olevia vetokahvoja uudelleen koon mukaan tarpeen mukaan.

Siirry sitten Tiedosto> Tallenna nimellä ja anna tiedostolle mielekäs nimi. Kutsuin minun a.svg - varmista, että tiedostolla on .svg-välilehti.

Voit nyt siirtää tai poistaa ensimmäisen kirjaimen ja sijoittaa toisen kirjaimen sivulle ja siirtyä uudelleen Tiedosto> Tallenna nimellä. Sinun on tehtävä tämä jokaiselle kirjeelle. Jos sinulla on enemmän kärsivällisyyttä kuin minä, voit säätää sivun leveyttä siirtymällä paremmin yhteen kirjeen kanssa.

Lopuksi kannattaa harkita välimerkkien luomista, mutta varmasti haluat välilyönnin. Vapauta vain tyhjä sivu. Jos haluat myös pienet ja isot kirjaimet, sinun on myös tallennettava kaikki nämä.

Nyt voit käydä osoitteessa fontastic.me ja luoda fonttisi. Olen selittänyt hieman tästä prosessista liitteenä olevassa artikkelissa, joka kertoo, miten voit käyttää kyseistä sivustoa tekemällä fonttisi : Luo fontti Fontasticin avulla.