Meitsje jo eigen lettertypen gebrûk fan Inkscape en Fontastic.me

Yn dit praktyk sil ik jo sjen litte hoe jo jo eigen skriuwfonts kinne meitsje kinne mei Inkscape en fontastic.me.

As jo ​​dit net fertroud binne, is Inkscape in fergese en iepen source-fektor-tekenmap-applikaasje dy't beskikber is foar Windows, OS X en Linux. Fontastic.me is in webside dy't in ferskaat oan byldkaikes fonken biedt, mar jo kinne ek jo eigen SVG-grafyske oanbiede en fergees ferwiderje nei in lettertype.

By it konfiguraasje fan in lettertype dat effektyf wurket by ferskillende dimensjes mei sertifisearre letter kerning is in feardigens dy't jierren genôch helle kin, dit is in flugge en prachtich projekt dat jo in unyk lettertype jout. It wichtichste doel fan fontastic.me is om byldkaarts foar websteeën te meitsjen, mar jo kinne in lettertype opmeitsje dy't jo brûke kinne om koppen of lyts bedriuwen te meitsjen.

Foar it doel fan dit praktyk sil ik in foto fan inkele skriftlike letters traapje, mar jo kinne dizze technyk maklik oanpasse en jo brieven direkt yn Inkscape tekenje. Dit kin benammen goed wurkje foar dyjingen dy't tekenje tabletten brûke .

Op de folgjende side wurde wy begon mei it meitsjen fan ús eigen lettertype.

01 of 05

Ymportearje in foto fan jo skriftlike lettertyp

Tekst en bylden © Ian Pullen

Jo moatte in foto fan inkele tekene letters nedich wêze as jo meidwaan wolle en as jo net wolle dat jo eigen wolle, kinne jo in doodle-z.jpg downloade en brûke dy't de haadletters AZ befettet.

As jo ​​jo eigen sels meitsje, brûke in donkere kleurteken en wyt papier foar sterke kontrast en fotografearje de folsleine brieven yn goede ljocht. Besykje en ferwiderje alle sletten spaasjes yn brieven, lykas de 'O' sa as dit it libben makliker meitsje sil as jo jo trage brieven meitsje.

Om it foto te ymportearjen, gean nei Triem> ymportearje en dan nei it foto en klik de knop Iepenje. Yn it folgjende dialooch advisearje ik dat jo de opsje "Ynlogje" brûke.

As de ôfbyldingtriem tige grut is, kinne jo it fergrutsje troch te brûken fan de opsjes yn it submappen View> Zoom, en it werjeare it dan troch ien kear op te klikken om pylkenhannelingen oan elke hoek te sjen. Klikje en ferpleatse in handleje, wylst de Ctrl- of Kommando-kaai hâldt en it syn orizjinele rapporten bewarje sil.

Hjirnei treffe wy it byld op it meitsjen fan vector letter brieven.

02 of 05

Trace it Foto om Vector Letter Letters oan te meitsjen

Tekst en bylden © Ian Pullen

Ik haw earder beskreaun foar it kontrolearjen fan bitmapgrafiken yn Inkscape , mar sil hjir it proses hjir wer werhelje.

Klikje op it foto om te soargjen dat it selektearre is en dan nei Path> Trace Bitmap om it Trace Bitmap-dialooch te iepenjen. Yn myn gegevens ferliet ik alle ynstellingen nei har standert en it makke in goed, skjin resultaat. Jo moatte de spesjale ynstellings oanpasse moatte, mar jo kinne it makliker meitsje om jo foto wer better te meitsjen mei in bettere ferljochting om in byld mei sterker kontrast te meitsjen.

Op it skermôfbylding kinne jo de ferwachtele brieven sjen dy't ik fan 'e oarspronklike foto ôfdreaun haw. Wannear't de traasje foltôge wurdt, wurde de brieven direkt oer it foto pleatst, sadat se miskien net maklik wêze. Foarearje dan kinne jo it triem Bitmap-dialooch slute en ek op it foto klikke om dizze te selektearjen en klikke op 'e knop Fuortsmite op jo toetseboerd om dit út it dokumint te ferwiderjen.

03 of 05

Split de Tracing yn yndividuele Letters

Tekst en bylden © Ian Pullen

Op dit stuit wurde alle letters meiinoar gearstald, dus gean nei Path> Break apart om se yn individuele brieven te splitsen. Tink derom dat as jo brieven hawwe dy't mear as ien elemint binne, sille dizze ek yn apart eleminten splitst wurde. Yn myn gefallen jildt dit foar elke brief, dus is it sin te meitsjen om elke brief tegearre op dizze poadium te groepjen.

Om dit te dwaan kinne jo in seleksje markearje om in brief te rjochtsjen en dan nei Object> groep of Ctrl + G of Kommando + G te drukken fan jo toetseboerd.

Fansels moatte jo allinich dit dwaan mei brieven dy't mear as ien elemint befetsje.

Foardat jo de lettertriemmen meitsje, sille wy it dokumint werjeare op in passende grutte.

04 of 05

Set de dokumintgrutte

Tekst en bylden © Ian Pullen

Wy moatte it dokumint oanmeitsje oan in passende grutte, sadat jo nei Triem> Dokumint Eigenskippen en yn it dialooch setten, de breedte en hichte as needsaak. Ik set myn oan 500px by 500px, hoewol yn ideaal jo de breed oars ynstelle foar elke letter sadat de definitive letters elkoar goed foldien wurde.

Dêrnei meitsje wy de SVG-brieven wêrnei't jo op fontastic.me oplaad wurde.

05 of 05

Stipe SVG-triemmen foar elke letter oanmeitsje

Tekst en bylden © Ian Pullen

Fontastic.me freget om elke letter in aparte SVG-bestân, sadat wy dizze produsearje moatte foardat jo opdrukke.

Sleep alle letters jo sa, dat se bûten de sidekanten binne. Fontastic.me ignoret elke eleminten dy't bûten it sidegebiet binne, dus wy kinne dizze letters hjir parkeare sûnder problemen.

Selektearje jo de earste letter yn 'e side en brûk de drag-rânen oan' e hoeke om it sa nedich te fergrutte.

Gean dan nei Triem> bewarje as en set de triem in betsjuttend namme. Ik neam myn myn a.svg - derfoar soarget dat it bestân de suffiseks is.

Jo kinne de earste letter ferpleatse of wiskje en de twadde letter op 'e side pleatse en op' e nij gean nei File> Save As. Jo moatte dit foar elke letter dwaan. As jo ​​mear geduld as my hawwe, kinne jo de breedte fan 'e side oanpasse as jo nei elke letter better passe.

Uteinlik wolle jo beskôgje om punktuaasje te produsearjen, hoewol jo wolle wis in karakter tekenje. Foar in romte bewarje in lege side. As jo ​​ek boppe- en legere jildbrieven wolle, moatte jo allegear ek bewarje.

No kinne jo in besite betelje op fontastic.me en jo skrift te meitsjen. Ik haw in bit oer dizze proseduere ferklearre yn in begeliedende artikel dy't ferklearret hoe't jo dizze side brûke om jo lettertype te brûken: