Mens du designer en skrifttype som vil fungere effektivt i ulike størrelser med nøye utformet letter kerning, er det en ferdighet som kan ta år å finpusse. Dette raske og morsomme prosjektet vil vise deg hvordan du kan lage dine egne håndskriftsfonter ved hjelp av Inkscape og fontastic.me, og gir du din egen unike font. Hovedformålet med fontastic.me er å produsere ikonfonter for nettsteder, men du kan opprette en skrift med bokstaver du kan bruke til å lage overskrifter eller små mengder tekst.
Hvis du ikke er kjent med disse, er Inkscape en gratis og åpen kildekode-vektorlinjetegning som er tilgjengelig for Windows, OS X og Linux. Fontastic.me er et nettsted som tilbyr en rekke ikonfonter, men lar deg også laste opp din egen SVG-grafikk og konvertere dem til en font gratis.
I denne veiledningen vil vi spore et bilde av noen skriftlige bokstaver, men du kan enkelt tilpasse denne teknikken og tegne brevene dine direkte i Inkscape. Dette kan fungere spesielt godt for de som bruker tegnetabletter.
Importer et bilde av din skriftlige skrifttype
Du trenger et bilde av noen tegnte bokstaver hvis du vil følge med, og hvis du ikke vil lage din egen, kan du laste ned og bruke a-doodle-z.jpg som inneholder bokstaver A-Z.
Hvis du skal lage din egen, bruker du en mørk farge blekk og hvitt papir for sterk kontrast og fotograferer de ferdige bokstavene i godt lys. Prøv også å unngå lukkede mellomrom i bokstaver, for eksempel "O", da dette vil gjøre livet mer komplisert når du forbereder dine spore bokstaver.
Hvis du vil importere bildet, går du til Arkiv> Importer og navigerer til bildet og klikker på Åpne-knappen. I den neste dialogboksen anbefales det at du bruker Embed-alternativet.
Hvis bildefilen er veldig stor, kan du zoome ut ved å bruke alternativene i undermenyen Vis> Zoom og deretter endre størrelsen på den ved å klikke en gang på den for å vise pilhåndtak på hvert hjørne. Klikk og dra et håndtak mens du holder Ctrl eller Command-tasten, og den beholder sine opprinnelige proporsjoner.
Neste vil vi spore bildet for å lage vektorlinjebrev.
02 av 05Spor bildet for å lage vektorgrafikbokstaver
Det er en god ide å gjennomgå prosessen med å spore bitmap-grafikk før du begynner.
Klikk på bildet for å sikre at det er valgt, og gå deretter til Sti> Trace Bitmap for å åpne dialogboksen Trace Bitmap. Her forlot vi alle innstillingene til standard og det ga et godt, rent resultat. Du må kanskje justere sporinnstillingene, men det kan hende du finner det lettere å skyte bildet ditt igjen med bedre belysning for å produsere et bilde med sterkere kontrast.
I skjermbildet kan du se sporene som vi har trukket bort fra det opprinnelige bildet. Når sporing er ferdig, vil bokstavene plasseres direkte over bildet, så de kan ikke være veldig opplagte. Før du går videre, kan du lukke dialogboksen Trace Bitmap og også klikke på bildet for å velge det og klikke Slett-tasten på tastaturet for å fjerne det fra dokumentet.
03 av 05Del sporingen i individuelle bokstaver
På dette punktet er alle brevene samlet, så gå til Sti> Break Apart for å dele dem i individuelle brev. Merk at hvis du har bokstaver som består av mer enn ett element, vil disse også være delt inn i separate elementer. I tilfelle av vårt eksempel gjelder dette for hvert brev, så det er fornuftig å gruppere hvert brev sammen på dette stadiet.
For å gjøre dette, klikker du bare og drar et utvalgstempel rundt et brev, og deretter går du til Objekt> Gruppe eller Trykk Ctrl + G eller Kommando + G avhengig av tastaturet.
Tydeligvis trenger du bare å gjøre dette med bokstaver som inneholder mer enn ett element. Før du lager brevfiler, re-størrelse dokumentet til en passende størrelse.
04 av 05Angi dokumentstørrelse
Du må sette dokumentet til en passende størrelse, så gå til Arkiv> Dokumentegenskaper og i dialogboksen, sett bredden og høyden etter behov. Vi setter vår til 500px ved 500px, men ideelt sett vil du sette bredden annerledes for hvert brev slik at de endelige bokstavene passer sammen mer pent.
Deretter skal vi opprette SVG-bokstavene som vil bli lastet opp til fontastic.me.
05 av 05Opprett individuelle SVG-filer for hvert brev
Fontastic.me krever at hvert brev skal være en egen SVG-fil, så du må produsere disse før du trykker på.
Dra alle bokstavene dine slik at de er utenfor sidekantene. Fontastic.me ignorerer noen elementer som ligger utenfor siden området, slik at du kan la disse bokstavene parkeres her uten problemer.
Dra nå det første bokstaven til siden og bruk draghåndtakene på hjørnet for å omforme det etter behov.
Deretter går du til Arkiv> Lagre som og gir filen et meningsfylt navn. Vi kalte min a.svg - pass på at filen har .svg-suffikset.
Du kan nå flytte eller slette det første bokstaven og plassere det andre bokstavet på siden, og gå igjen til Arkiv> Lagre som. Du må gjøre dette for hvert brev. Hvis du er tålmodig, kan du justere bredden på siden når du går for å bedre passe til hvert brev.
Til slutt vil du kanskje vurdere å produsere tegnsetting, men du vil definitivt ha et mellomrom. For et mellomrom, bare lagre en tom side. Også, hvis du vil ha store og små bokstaver, må du også lagre alle disse.
Nå kan du besøke fontastic.me og opprette fonten din. Du kan lære litt om denne prosessen i en tilhørende artikkel som forklarer hvordan du bruker fontastic.me for å lage skrifttypen din.
