Meitsje in hân tekenje Lettertype mei Illustrator en Fontastic.me

01 of 06

Meitsje in hân tekenje Lettertype mei Illustrator en Fontastic.me

Tekst en bylden © Ian Pullen

Yn dizze willekeurige en interessante tutorial, sil ik jo sjen litte hoe't jo jo eigen skrift kinne brûke kinne troch Illustrator en de online web service fontastic.me.

Om tegearre te folgjen, moatte jo in kopy fan Adobe Illustrator hawwe, hoewol as jo gjin kopy hawwe en wolle dat net wolle, kinne jo belangstelling wêze yn ús ferlykbere tutorial dy't Inkscape brûkt . Inkscape is in fergese, iepen boarne alternatyf foar Illustrator. Hokker foarkar fan tapassing fan tapassing dat jo brûke, fontastic.me biedt har tsjinstferliening folslein fergees.

Wyls ik jo sjen litte hoe't jo in lettertype mei in teken meitsje kinne mei in foto fan letters op papier tekene, kinne jo ek unike teksten brûke om in lettertype te meitsjen mei bringen dy't direkt yn Illustrator tekene wurde. As jo ​​in tekenblêd brûke, dan kinne jo it foarkar wêze foar jo.

As jo ​​in foto brûke, soargje derfoar dat jo in dûnker kleurstift brûke om jo brieven te tekenjen en gewoane wyt papier foar maksimale kontrast te brûken. Ek nimt jo foto yn goed ljocht om in foto te meitsjen dat dúdlik en kontrast is om makliker as mooglik foar Illustrator te meitsjen om de persoanlike letters te spoaren .

Oer de neikommende pagina sille ik jo troch it proses meitsje fan jo earste lettertype.

02 of 06

Iepenje in lege dokumint

Tekst en bylden © Ian Pullen

De earste stap is om in lege bestân te iepenjen om yn te wurkjen.

Gean nei Triem> Nije en yn it dialooch set de grutte as jo wolle. Ik brûkte in fjouwerkante sidengrutte fan 500px, mar jo kinne dit as winskje.

Hjirnei meitsje wy it fototafeling yn Illustrator.

03 of 06

Ymportearje jo foto fan 'e hân tekene tekst

Tekst en bylden © Ian Pullen

As jo ​​gjin foto fan hân tekene teken hawwe om te wurkjen, kinne jo deselde triem downloade dy't ik brûke haw foar dit tutorial.

Om it bestân te ymportearjen, gean nei Triem> Plak en gean dan nei wêr jo foto fan 'e hand tekene lokaasje sit. Klikje op de knop Pleatst en jo sjogge dat de foto yn jo dokumint ferskynt.

Wy kinne dit bestân no trace om ús fektorbrieven te jaan.

04 of 06

Trace it Foto fan Hand Drawn Letters

Tekst en bylden © Ian Pullen

It bringen fan de letters is hiel rjocht foarút.

Gean dan nei Object> Live Trace> Wiskje en útwreidzje, en nei in pear momint, sjogge jo dat alle letters de oerlutsen binne mei nije fektorline ferzjes. Minder klank is it feit dat se omgean wurde troch in oar objekt dat de eftergrûn fan 'e foto stiet. Wy moatte it eftergrûn-objekt wiskje, dus gean nei Object> Ungroup en klik dan oeral bûten de rjochthoekige berekkast om alles te foarkommen. No klik dan tichtby, mar net op, ien fan 'e brieven en jo moatte sjen dat de rjochthoekige eftergrûn selektearre is. Druk gewoan op 'e knop Fuortsmite op jo toetseboerd om dit te ferwiderjen.

Jo litte alle persoanlike letters lykwols as ien fan jo brieven mear as ien elemint befettet, jo moatte dizze tegearre groeie. Alle letters hawwe mear as ien elemint, dus moat ik allegear groepke. Dit is dien troch te klikken en te dragjen in seleksje dat selekteare alle ferskillende dielen fan in brief en giet dan nei Object> Groep.

Jo sille no allinich jo persoanlike brieven bliuwe en folgje dizze gebrûk om de yndividuele SVG-bestannen te meitsjen dy't wy in font moatte op fontastic.me meitsje.

Related: Using Live Trace in Illustrator

05 of 06

Lit inkele letters as SVG-bestannen bewarje

Tekst en bylden © Ian Pullen

Spitigernôch makket Illustrator gjin inkele artboards te bewarjen oan yndividuele SVG-bestannen, sadat elke letter manuell bewarre wurde as in aparte SVG-bestân.

Alderearst, selektearje en ferpleatse alle letters om sadat se de art board net litte. Druk dêrnei de earste letter op it artboard en fergrutte it it artboard te foljen troch ien fan 'e hoekleverhandels te slepen. Hâld de toets Shift yn 't jo dizze dogge om deselde prestaasjes te behâlden.

As dat dien wurdt, gean nei Triem> bewarje as en yn it dialooch, feroarje de Formaat drop nei SVG (SVG), jou de triem in betsjuttige namme en klik op Bewarje. Jo kinne dizze letter no wiskje en it folgjende op 'e nij fergrutte op' e artboard. Werom As opslaan en trochgean oant jo alle brieven binne bewarre.

As lêste, foardat jo in lege artboard bewarje, sadat jo dit kinne brûke foar in romte-karakter. Jo kinne ek besykje om punktuaasje-marks en legere case-ferzjes fan jo brieven te beskôgjen, mar ik ha it noait foar dit ynstel opnommen.

Mei dizze ferskate SVG-lettertriemmen klear, kinne jo de folgjende stap nimme om jo lettertype te meitsjen troch te laden op fontastic.me. Sjoch nei dit artikel nei om te sjen hoe't fontastic.me te brûken is om jo skrift te meitsjen: Stel in font mei Fontastyle.me oanmeitsje

06 van 06

Hoe kinne jo it Adobe Illustrator CC 2017 yn it nije eksportpaniel brûke

SVG-skepping wurdt ferlege oan in klik-en-draaide workflow mei it nije Asset Eksport paniel yn Adobe Illustrator CC 2017.

De hjoeddeiske ferzje fan Adobe Illustrator befettet in nij paniel dat jo jo alle tekeningen op ien artbrot sette en útjaan as individuele SVG-dokuminten. hjir is hoe:

  1. Selektearje finster> Asset eksportearje iepenje it paniel Asset eksportearje.
  2. Selektearje ien of al jo letters en ferpleatse se yn it paniel. Se sille allegear as yndividuele items ferskine.
  3. Dûbelklik de namme fan it objekt yn 'e paniel en feroarje dizze. Dit dit foar allegear items yn 'e paniel.
  4. Selektearje de items om te eksportearjen en selektearje SVG fanút de Format pop op.
  5. Klik op Eksportearje.