Skep jou eie lettertipes deur gebruik te maak van Inkscape en Fontastic.me

In hierdie handleiding gaan ek jou wys hoe jy jou eie handskrif lettertipes kan skep deur gebruik te maak van Inkscape en fontastic.me.

As u nie hiermee vertroud is nie, is Inkscape 'n gratis en oopbron-vektorlyntekenprogram wat beskikbaar is vir Windows, OS X en Linux. Fontastic.me is 'n webwerf wat 'n verskeidenheid simboolfonts bied, maar kan ook jou eie SVG-grafika oplaai en dit omskep na 'n font gratis.

Terwyl die ontwerp van 'n lettertipe wat effektief in verskillende groottes werk, met sorgvuldig vervaardigde letter kerning is 'n vaardigheid wat jare kan neem om te slyp. Dit is 'n vinnige en prettige projek wat u 'n unieke lettertipe sal gee. Die hoofdoel van fontastic.me is om ikoonfonts vir webwerwe te skep, maar jy kan 'n lettertipe van letters skep wat jy kan gebruik om opskrifte of klein hoeveelhede teks te produseer.

Vir die doel van hierdie handleiding gaan ek 'n foto van sommige geskrewe briewe opspoor, maar u kan hierdie tegniek maklik aanpas en u briewe direk in Inkscape teken. Dit kan baie goed werk vir diegene wat tekentablette gebruik .

Op die volgende bladsy begin ons met die skep van ons eie font.

01 van 05

Voer 'n foto van jou geskrewe skrif in

Teks en beelde © Ian Pullen

Jy sal 'n foto van 'n paar getekende letters nodig hê as jy wil volg en as jy nie jou eie wil maak nie, kan jy aflaai en gebruik a-doodle-z.jpg wat die hoofletters AZ bevat.

As jy jou eie wil maak, gebruik 'n donker kleurinkt en witskrif vir sterk kontras en fotografeer die voltooide letters in goeie lig. Probeer ook om enige geslote spasies in letters, soos die 'O', te vermy, aangesien dit die lewe meer ingewikkeld sal maak wanneer u die spore van u spore voorberei.

Om die foto in te voer, gaan na Lêer> Invoer en navigeer na die foto en klik op die Oop-knoppie. In die volgende dialoog raai ek jou aan om die opsie In te voer.

As die prentlêer baie groot is, kan u uitzoomen deur die opsies in die submenu View> Zoom te gebruik en dit weer te vergroot deur een keer daarop te klik om pylhante aan elke hoek te vertoon. Klik en sleep 'n handvatsel, terwyl jy die Ctrl- of Command-sleutel hou en dit sal sy oorspronklike verhoudings behou.

Volgende sal ons die prentjie spoor om vektorlynbriewe te skep.

02 van 05

Spoor die foto om vektorlyne te skep

Teks en beelde © Ian Pullen

Ek het voorheen die opsomming van bitmapgrafika in Inkscape beskryf , maar sal die proses hier weer vinnig beskryf.

Klik op die foto om seker te maak dat dit gekies is en gaan dan na Pad> Trace Bitmap om die Trace Bitmap dialoog oop te maak. In my geval het ek al die instellings na hul standaard verlaat en dit het 'n goeie, skoon resultaat opgelewer. Jy sal dalk die spoorinstellings moet aanpas, maar jy kan dit makliker vind om jou foto weer te skiet met beter beligting om 'n beeld met sterker kontras te produseer.

In die skermskoot sien jy die opgespoorde briewe wat ek van die oorspronklike foto af gesleep het. Wanneer die opsporing voltooi is, sal die letters direk oor die foto geplaas word, sodat hulle nie baie duidelik kan wees nie. Voordat jy voortgaan, kan jy die dialoog Trace Bitmap sluit en ook op die foto klik om dit te kies en op die sleutel op die sleutelbord te klik om dit uit die dokument te verwyder.

03 van 05

Verdeel die Tracing in Individuele Briewe

Teks en beelde © Ian Pullen

Op hierdie punt word al die briewe bymekaar gesit, so gaan na Pad> Breek Apart om hulle in individuele letters te verdeel. Let daarop dat indien u briewe het wat uit meer as een element bestaan, dit ook in aparte elemente verdeel is. In my geval geld dit vir elke brief, daarom is dit sinvol om elke brief saam te groepeer in hierdie stadium.

Om dit te doen, kliek en sleep 'n seleksiemarkie om 'n brief en gaan dan na Object> Groep of Druk Ctrl + G of Command + G, afhangende van jou sleutelbord.

Uiteraard moet u dit net doen met briewe wat meer as een element bevat.

Voordat u die letterlêers geskep het, sal ons die dokument weer in 'n geskikte grootte verander.

04 van 05

Stel die dokument grootte in

Teks en beelde © Ian Pullen

Ons moet die dokument op 'n geskikte grootte stel, so gaan na Lêer> Dokumenteienskappe en stel die Breedte en Hoogte in die dialoog in soos nodig. Ek het my 500px teen 500px gestel, maar ideaal sal jy die wydte anders vir elke letter stel sodat die finale letters meer netjies pas.

Vervolgens sal ons die SVG-letters skep wat na fontastic.me opgelaai sal word.

05 van 05

Skep individuele SVG-lêers vir elke brief

Teks en beelde © Ian Pullen

Fontastic.me vereis dat elke letter 'n aparte SVG-lêer is, dus ons moet dit produseer voordat u daarop aandruk.

Sleep al jou briewe sodat hulle buite die bladsykante is. Fontastic.me ignoreer enige elemente wat buite die bladsy-area is, sodat ons hierdie briewe hier sonder enige probleme kan parkeer.

Sleep nou die eerste letter in die bladsy en gebruik die sleephandvatsels op die hoek om dit weer te vergroot as dit nodig is.

Gaan dan na Lêer> Stoor as en gee die lêer 'n betekenisvolle naam. Ek het my a.svg genoem - maak seker dat die lêer die .svg-agtervoegsel het.

U kan nou die eerste letter skuif of skrap en die tweede letter op die bladsy plaas en weer na Lêer> Stoor as. Jy moet dit vir elke brief doen. As jy meer geduld as ek het, kan jy die wydte van die bladsy aanpas soos jy gaan om beter by elke letter te pas.

Ten slotte, wil jy dalk oorweeg om leestekens te lewer, alhoewel jy beslis 'n spasie-karakter wil hê. Vir 'n spasie, slaan net 'n leë bladsy op. Ook, as u hoofletters wil hê, moet u ook al hierdie stoor.

Nou kan jy 'n besoek aan fontastic.me besoek en jou lettertipe skep. Ek het 'n bietjie oor hierdie proses verduidelik in 'n meegaande artikel wat verduidelik hoe om die werf te gebruik om jou font te maak: 'n skrif maak met Fontastic.me