Skep 'n handgetekende skrif met behulp van Illustrator en Fontastic.me

01 van 06

Skep 'n handgetekende skrif met behulp van Illustrator en Fontastic.me

Teks en beelde © Ian Pullen

In hierdie lekker en interessante handleiding gaan ek jou wys hoe jy jou eie lettertipe kan skep deur gebruik te maak van Illustrator en die aanlyn webdiens fontastic.me.

Om te volg, moet u 'n afskrif van Adobe Illustrator benodig. Alhoewel u nie 'n kopie gekry het nie en u nie wil koop nie, sal u dalk belangstel in ons soortgelyke handleiding wat Inkscape gebruik . Inkscape is 'n gratis, oop bron alternatief vir Illustrator. Wat ook al die vektorlyn teken aansoek wat jy gebruik, fontastic.me bied sy diens heeltemal gratis.

Terwyl ek jou gaan wys hoe om 'n handgetekende skrif te maak met 'n prentjie van briewe wat op papier geteken is, kan jy ook soortgelyke tegnieke gebruik om 'n lettertipe te maak deur briewe wat direk in Illustrator geteken is, te produseer. As jy 'n tekentablet gebruik , is dit dalk beter vir jou.

As jy 'n foto gebruik, maak seker dat jy 'n donker kleur pen gebruik om jou letters te teken en gebruik gewone wit papier vir maksimum kontras. Neem ook jou foto in goeie lig om te help om 'n foto te maak wat duidelik en kontras is om dit so maklik moontlik te maak vir Illustrator om die individuele briewe op te spoor .

Oor die volgende paar bladsye loop ek jou deur die proses om jou eerste lettertipe te skep.

02 van 06

Maak 'n leë dokument oop

Teks en beelde © Ian Pullen

Die eerste stap is om 'n leë lêer oop te maak om in te werk.

Gaan na File> New en stel die gewenste grootte in die dialoog in. Ek het 'n vierkantige bladsy grootte van 500px gebruik, maar jy kan dit opstel soos verlang.

Volgende sal ons die foto-lêer in Illustrator invoer.

03 van 06

Voer jou foto van handgetekende teks in

Teks en beelde © Ian Pullen

As jy nie 'n foto van handgetekende teks het om van te werk nie, kan jy dieselfde lêer aflaai wat ek vir hierdie handleiding gebruik het.

Om die lêer te invoer, gaan na Lêer> Plaas en gaan dan na waar jou foto van handgetekende teks geleë is. Klik op die knoppie Plaas en jy sal sien dat die foto in jou dokument verskyn.

Ons kan nou hierdie lêer spoor om ons vektorbriewe te gee.

04 van 06

Spoor die foto van handgetekende briewe

Teks en beelde © Ian Pullen

Die letters is baie reguit vorentoe.

Gaan net na Object> Live Trace> Maak en brei en na 'n paar oomblikke sien jy dat al die briewe verby is met nuwe vektorlyn weergawes. Minder voor die hand liggend is die feit dat hulle omring sal word deur 'n ander voorwerp wat die agtergrond van die foto verteenwoordig. Ons moet die agtergrondvoorwerp uitvee, so gaan na Objek> Ontginning en klik dan enige plek buite die reghoekige grensboks om alles uit te skakel. Klik nou naby, maar nie aan nie, een van die letters en jy moet sien dat die reghoekige agtergrond gekies is. Druk net die Delete-sleutel op jou sleutelbord om dit te verwyder.

Dit verlaat egter al die individuele letters, indien enige van u briewe meer as een element bevat, moet u dit saam groepeer. Al my briewe bevat meer as een element, so ek moes hulle almal groepeer. Dit word gedoen deur 'n seleksiemarkie wat al die verskillende dele van 'n brief dek, te sleep en dan na Object> Group te gaan.

U sal nou met al u individuele briewe gelaat word en daarna sal ons dit gebruik om die individuele SVG-lêers te skep wat ons nodig het om 'n font op fontastic.me te skep.

Verwant: Gebruik Live Trace in Illustrator

05 van 06

Stoor individuele briewe as SVG-lêers

Teks en beelde © Ian Pullen

Ongelukkig kan Illustrator u nie veelvoudige kentekens op individuele SVG-lêers stoor nie. Elke letter moet dus as 'n aparte SVG-lêer gestoor word.

In die eerste plek, kies en sleep al die briewe sodat hulle nie oor is nie, lê die kunsbord. Sleep dan die eerste letter op die bord en hergrootte dit om die kunsbord te vul deur een van die hoekdraende handvatsels te sleep. Hou die Shift-sleutel hou terwyl jy dit doen om dieselfde verhoudings te behou.

As jy klaar is, gaan na Lêer> Stoor as en in die dialoog, verander die formaat af na SVG (SVG), gee die lêer 'n betekenisvolle naam en klik op Stoor. Jy kan nou die brief uitvee en plaas en die volgende een op die skryfbord herformeer. Weereens, stoor as en gaan voort totdat u al u briewe gestoor het.

Uiteindelik moet u 'n leë puntebord stoor, sodat u dit kan gebruik vir 'n spasie-karakter voordat u voortgaan. U kan ook oorweeg om leestekens en kleinletters weergawes van u briewe te oorweeg, maar ek het nie vir hierdie tutoriaal gepla nie.

Met hierdie afsonderlike SVG-letter lêers gereed, kan u die volgende stap neem om u font te skep deur dit na fontastic.me te laai. Kyk gerus na hierdie artikel om te sien hoe fontastic.me gebruik word om jou font te voltooi: Maak 'n skrif met Fontastic.me

06 van 06

Hoe om die Nuwe Bate Uitvoerpaneel in Adobe Illustrator CC 2017 te gebruik

Die SVG-skepping word verminder na 'n klik-en-sleep-werkstroom met die nuwe Bate Uitvoer-paneel in Adobe Illustrator CC 2017.

Die huidige weergawe van Adobe Illustrator bevat 'n nuwe paneel waarmee jy al jou tekeninge op een artboard kan plaas en dit as individuele SVG-dokumente kan uitvoer. hier is hoe:

  1. Kies venster> Asset Uitvoer t o Open die paneel Uitvoer Uitvoer.
  2. Kies een of al jou briewe en sleep hulle in die paneel. Hulle sal almal as individuele items verskyn.
  3. Dubbelklik die naam van die voorwerp in die paneel en hernoem dit. Doen dit vir al die items in die paneel.
  4. Kies die items uit te voer en kies SVG in die pop-upformaat.
  5. Klik op Uitvoer.