Skip to main content

Opprett håndskrevet skrifttype med Illustrator og Fontastic.me

Opprett en OneNote klassenotatblokk (April 2025)

Opprett en OneNote klassenotatblokk (April 2025)
Anonim

I denne opplæringen skal vi vise deg hvordan du kan lage din egen skrifttype ved hjelp av Illustrator og den elektroniske webtjenesten fontastic.me.

For å følge med, trenger du en kopi av Adobe Illustrator, men hvis du ikke har en kopi og ikke vil kjøpe den, kan du være interessert i vår lignende opplæringsprogram som bruker Inkscape. Inkscape er et gratis, åpen kildekodealternativ til Illustrator. Uansett hvilken vektorlinje tegning program du bruker, fontastic.me tilbyr sin tjeneste helt gratis.

Mens vi skal vise deg hvordan du oppretter en tegnet skrift med et bilde av bokstaver tegnet på papir, kan du også bruke lignende teknikker for å lage en skrift ved hjelp av bokstaver som er trukket direkte inn i Illustrator. Hvis du bruker en tegnebrett, kan dette være å foretrekke for deg.

Hvis du bruker et bilde, må du sørge for at du bruker en mørk fargepenn til å tegne bokstavene dine og bruke vanlig hvitt papir for maksimal kontrast. Ta også bildet ditt i godt lys for å bidra til å produsere et bilde som er klart og kontrastfylt for å gjøre det så enkelt som mulig for Illustrator å spore de enkelte bokstaver.

Åpne et tomt dokument

Det første trinnet er å åpne en tom fil for å jobbe inn.

Gå til Fil> Ny og i dialogboksen sett opp størrelsen som ønsket. Vi brukte en firkantet sidestørrelse på 500px, men du kan angi dette som ønsket.

Deretter skal vi importere fotofilen til Illustrator.

Importer bildet av håndskrevet tekst

Hvis du ikke har et bilde av håndtegnet tekst for å jobbe fra, kan du laste ned den samme filen som vi har brukt til denne opplæringen.

For å importere filen, gå til Fil> Plass og deretter navigere til hvor bildet ditt med håndtekst er plassert. Klikk på Sted knappen, og du får se bildet vises i dokumentet.

Vi kan nå spore denne filen for å gi oss vektbokstaver.

Spor bildet av håndtekte brev

Spor bokstavene er veldig grei.

Bare gå til Objekt> Live Trace> Lag og utvide og etter noen få øyeblikk ser du at alle bokstavene er overlaid med nye vektorlinjeversjoner. Mindre tydelig er at de vil være omgitt av et annet objekt som representerer bakgrunnen til bildet. Vi må slette bakgrunnsobjektet, så gå til Objekt> Ungruppe og klikk deretter hvor som helst utenfor den rektangulære grenseboksen for å fjerne markeringen av alt. Klikk nå nær, men ikke på, en av bokstavene, og du bør se at den rektangulære bakgrunnen er valgt. Bare trykk på Slett tast på tastaturet for å fjerne det.

Det etterlater alle de enkelte bokstaver, men hvis noen av bokstavene dine inneholder mer enn ett element, må du gruppere disse sammen. Alle våre brev inneholder mer enn ett element, så vi måtte gruppere dem alle. Dette gjøres ved å klikke og dra et utvalgstempel som omfatter alle de forskjellige delene av et brev og deretter går til Objekt> Gruppe.

Du vil nå bli igjen med alle dine individuelle bokstaver og neste, vi bruker disse til å lage de enkelte SVG-filene som vi trenger for å lage en skrifttype på fontastic.me.

I slekt: Du vil kanskje også lære å bruke Live Trace i Illustrator.

Lagre individuelle bokstaver som SVG-filer

Dessverre tillater Illustrator deg ikke å lagre flere kunstbrett til individuelle SVG-filer, så hvert brev må lagres manuelt som en egen SVG-fil.

Først, velg og dra alle bokstavene slik at de ikke legger over tavla. Dra det første bokstaven på tavlen og re-størrelse den for å fylle tavlen ved å dra en av hjørnestrekkhåndtakene. Hold nede Skifte nøkkel mens du gjør dette for å opprettholde de samme proporsjonene.

Når du er ferdig, gå til Fil> Lagre som og i dialogboksen, endre Format rul ned til SVG (svg), gi filen et meningsfylt navn og klikk Lagre. Du kan nå slette dette bokstaven og plassere og endre størrelsen på den neste på tavlen. Igjen gjør Lagre som og fortsett til du har lagret alle bokstavene dine.

Til slutt, før du fortsetter, lagre et tomt tavla slik at du kan bruke dette som mellomromstegn. Du kan også vurdere å lagre tegnsetting og små bokstaver av bokstavene dine, men vi har ikke plaget oss for denne opplæringen.

Med disse separate SVG-brevfilene klare, kan du ta det neste trinnet for å lage fonten din ved å laste dem opp til fontastic.me. Ta en titt på denne artikkelen for å se hvordan du bruker fontastic.me for å fullføre fonten din: Opprett en skrifttype ved hjelp av Fontastic.me.

Bruk Eksportpanelet Ny Asset

Den nåværende versjonen av Adobe Illustrator inneholder et nytt panel som lar deg sette alle tegningene dine på en tavla og sende dem ut som individuelle SVG-dokumenter. dette er hvordan:

  1. Å velge Vindu> Asset Export for å åpne Asset Export-panelet.
  2. Velg en eller alle bokstavene dine og dra dem inn i panelet. De vil alle vises som individuelle gjenstander.
  3. Dobbeltklikk navnet på objektet i panelet og endre navn på det. Gjør dette for alle elementene i panelet.
  4. Velg elementene som skal eksporteres og velg SVG fra Format pop ned.
  5. Klikk Eksport.