Luo käsi piirretty fontti käyttäen Illustrator ja Fontastic.me

01/06

Luo käsi piirretty fontti käyttäen Illustrator ja Fontastic.me

Teksti ja kuvat © Ian Pullen

Tässä hauskassa ja mielenkiintoisessa opetusohjelmassa aion näyttää, kuinka voit luoda oman fontin Illustratorilla ja online-verkkopalvelulla fontastic.me.

Seuraavaksi tarvitset kopion Adobe Illustratorista, mutta jos sinulla ei ole kopiota ja et halua ostaa sitä, saatat olla kiinnostunut samanlaisesta oppimateriaalista, joka käyttää Inkscape-ohjelmaa . Inkscape on ilmainen, avoimen lähdekoodin vaihtoehto Illustratorille. Mikä tahansa vektorilinjan piirustussovellus, jota käytät, fontastic.me tarjoaa palvelun täysin ilmaiseksi.

Kun aion näyttää, kuinka luoda käsin piirretty fontti käyttäen paperiin piirretyn kirjeen kuvaa, voit myös käyttää samanlaisia ​​tekniikoita kirjoittamaan fonttia käyttäen kirjaimia, jotka on piirretty suoraan Illustratoriin. Jos käytät piirtotablettia , se saattaa olla sinulle parempi.

Jos käytät valokuvaa, varmista, että käytät tummaa värikynäkynällä kirjaimia ja käytät tavallista valkoista paperia suurimman kontrastin aikaansaamiseksi. Ota myös valokuvasi hyvässä valossa, jotta voit tuottaa selkeän ja kontrastin kuvan, jotta Illustrator voi helpottaa yksittäisten kirjainten jäljittämistä .

Seuraavien sivujen aikana aion käydä läpi ensimmäisen kirjasimen luomisprosessin.

02/06

Avaa tyhjä asiakirja

Teksti ja kuvat © Ian Pullen

Ensimmäinen vaihe on avata tyhjää tiedostoa.

Siirry kohtaan Tiedosto> Uusi ja valintaikkunassa määritetään haluamasi koko. Käytin neliösumman kokoa 500px, mutta voit asettaa sen halutuksi.

Seuraavaksi tuodaan valokuvatiedosto Illustrator-sovellukseen.

03/06

Tuo valokuvasi käsin piirrettyä tekstiä

Teksti ja kuvat © Ian Pullen

Jos sinulla ei ole kuvaa käsin piirretystä tekstistä, voit ladata saman tiedoston, jota olen käyttänyt tässä opetusohjelmassa.

Jos haluat tuoda tiedoston, siirry kohtaan Tiedosto> Paikka ja siirry sitten kohtaan, missä käsin piirretty teksti on. Napsauta Paikka-painiketta ja näet, että kuva näkyy asiakirjassa.

Nyt voimme jäljittää tämän tiedoston, jotta voimme antaa vektori-kirjaimia.

04/06

Jäljitä Hand Drawn Letters -kuvan kuva

Teksti ja kuvat © Ian Pullen

Kirjainten seuraaminen on hyvin suoraviivaista.

Avaa Object> Live Trace> Tee ja laajenna ja muutaman hetken kuluttua näet, että kaikki kirjaimet on ohjattu uusilla vektorilinjojen versioilla. Vähemmän ilmeinen on se, että niitä ympäröi toinen esine, joka edustaa valokuvan taustaa. Taustatobjektin on poistettava, joten siirry kohtaan Object> Ungroup ja napsauta suorakulmaisen rajoitusruudun ulkopuolelle minkä tahansa valinnan poistamiseksi. Napsauta sitten yhtä kirjainta läheltä, mutta ei, ja näet, että suorakulmainen tausta on valittu. Vain paina näppäimistön Poista-näppäintä poistaaksesi sen.

Tämä jättää kaikki yksittäiset kirjaimet, mutta jos jokin kirjaimistasi sisältää useamman kuin yhden elementin, sinun on ryhmiteltävä ne yhteen. Kaikki kirjaimeni sisältävät useamman kuin yhden elementin, joten jouduin ryhmittelemään ne kaikki. Tämä tehdään klikkaamalla ja vetämällä valintamerkkiä, joka kattaa kaikki kirjaimen eri osat ja siirtyy sitten Object> Groupiin.

Sinulla on nyt kaikki yksittäiset kirjaimet ja seuraavaksi käytämme näitä luomalla yksittäiset SVG-tiedostot, jotka tarvitsemme fontin fontin luomiseen.

Liittyvät: Käyttämällä Live Trace Illustratorissa

05/06

Tallenna yksittäiset kirjeet SVG-tiedostoiksi

Teksti ja kuvat © Ian Pullen

Valitettavasti Illustrator ei salli tallentaa useita taululevyjä yksittäisiin SVG-tiedostoihin, joten jokainen kirjain on manuaalisesti tallennettava erillisenä SVG-tiedostona.

Ensinnäkin valitse ja vedä kaikki kirjaimet niin, että ne eivät ylitä taidekorttia. Vedä sitten ensimmäinen kirjain taulunalustaan ​​ja koota se uudelleen tasata taulun alla vetämällä jotakin kulmavälien kahvoista. Pidä Shift-näppäintä alhaalla samalla, kun pidät tämän samalla tavalla.

Kun olet valmis, siirry Tiedosto> Tallenna nimellä ja valintaikkunassa, muuta Format-pudotusvalikkoa SVG (svg), anna tiedostolle mielekäs nimi ja napsauta Tallenna. Voit nyt poistaa tämän kirjeen ja asettaa sen ja koota seuraavan taulukon taulun. Toista Tallenna nimellä ja jatka, kunnes olet tallentanut kaikki kirjaimet.

Lopuksi, ennen kuin jatkat, tallenna tyhjä taulu-malli niin, että voit käyttää sitä avaruusmerkin kanssa. Voit halutessasi myös harkita välimerkkien ja kirjainten pienempien versioiden tallentamista, mutta en ole vaivautunut tästä opetusohjelmasta.

Näiden erillisten SVG-kirjaintitiedostojen avulla voit luoda fonttisi seuraavan vaiheen lataamalla ne fontastic.me-tiedostoon. Ole hyvä ja tutustu tähän artikkeliin, miten fontastic.me: n käyttö loppuu kirjasinasi: Luo fontti Fontastic.me-sovelluksen avulla

06/06

Miten New Asset -vientipaneelia käytetään Adobe Illustrator CC 2017: ssä

SVG-luominen vähennetään napsauttamalla ja vetämällä työnkulkua Adobe Asset Export -sivulla 2017.

Adobe Illustratorin nykyinen versio sisältää uuden paneelin, jonka avulla voit laittaa kaikki piirustuksesi yhteen taulu- piirustukseen ja tuottaa ne yksittäisiksi SVG-dokumentteiksi. tässä on miten:

  1. Valitse Ikkuna> Omaisuusvienti tai avaa Omaisuusviesti-paneeli.
  2. Valitse yksi tai kaikki kirjaimet ja vedä ne paneeliin. Ne kaikki näkyvät yksittäisinä kohteina.
  3. Kaksoisnapsauta paneelin objektin nimeä ja nimeä se uudelleen. Tee tämä kaikille paneelin kohteille.
  4. Valitse viedyt kohteet ja valitse SVG Muotoile ponnahdusvalikosta.
  5. Valitse Vie.