I denna handledning kommer vi att visa dig hur du kan skapa ditt eget typsnitt med hjälp av Illustrator och online-webbtjänsten fontastic.me.
För att följa med behöver du en kopia av Adobe Illustrator, men om du inte har en kopia och inte vill köpa den kan du vara intresserad av vår liknande handledning som använder Inkscape. Inkscape är ett fritt, open source-alternativ till Illustrator. Vilken vektorlinje som du använder, fontastic.me erbjuder sin tjänst helt gratis.
Medan vi ska visa hur du skapar ett handritat teckensnitt med ett foto av bokstäver ritade på papper kan du också använda liknande tekniker för att skapa ett teckensnitt med bokstäver som har ritats direkt i Illustrator. Om du använder en ritningstabell kan det här vara att föredra.
Om du använder ett foto, se till att du använder en mörk färgpenn för att rita dina bokstäver och använda vanligt vitt papper för maximal kontrast. Ta också ditt foto i gott ljus för att hjälpa till att skapa ett foto som är tydligt och kontrastigt för att göra det så enkelt som möjligt för Illustrator att spåra de enskilda bokstäverna.
Öppna ett tomt dokument
Det första steget är att öppna en tom fil som ska fungera.
Gå till Fil> Ny och i dialogrutan ställer du in storleken som önskat. Vi använde en kvadratisk sidstorlek på 500px, men du kan ställa in det här som önskat.
Därefter importerar vi fotofilen till Illustrator.
Importera ditt foto med handritad text
Om du inte har ett foto av handritad text som ska fungera kan du hämta samma fil som vi har använt för denna handledning.
För att importera filen, gå till Arkiv> Plats och sedan navigera till var ditt foto av handtecknad text finns. Klicka på Plats knappen och du ser att fotot visas i ditt dokument.
Vi kan nu spåra den här filen för att ge oss vektorkrifter.
Spåra bilden av handdragen brev
Att spåra bokstäverna är väldigt enkelt.
Bara gå till Objekt> Levande spår> Gör och expandera och efter några ögonblick ser du att alla bokstäver har överlagts med nya vektorlinjeversioner. Mindre uppenbart är att de kommer att omges av ett annat objekt som representerar bakgrunden till fotot. Vi måste ta bort bakgrundsobjektet, så gå till Objekt> Ungroup och sedan klicka någonstans utanför den rektangulära avgränsningsrutan för att avmarkera allt. Klicka nu nära, men inte på, en av bokstäverna och du bör se att den rektangulära bakgrunden är vald. Tryck bara på Radera tangent på tangentbordet för att ta bort det.
Det lämnar alla de enskilda bokstäverna, men om någon av dina bokstäver innehåller mer än ett element måste du gruppera dem tillsammans. Alla våra bokstäver innehåller mer än ett element, så vi var tvungna att gruppera dem alla. Detta görs genom att klicka och dra en markeringsmarkering som omfattar alla olika delar av ett brev och sedan går till Objekt> Grupp.
Du kommer nu att vara kvar med alla dina enskilda bokstäver och nästa använder vi dessa för att skapa de enskilda SVG-filerna som vi behöver för att skapa ett teckensnitt på fontastic.me.
Relaterad: Du kanske också vill lära dig att använda Live Trace i Illustrator.
Spara enskilda brev som SVG-filer
Tyvärr tillåter Illustrator dig inte att spara flera tavlor till enskilda SVG-filer, så varje bokstav måste sparas manuellt som en separat SVG-fil.
För det första, välj och dra alla bokstäverna så att de inte lägger över tavlan. Dra sedan första bokstaven på tavlan och omfördela den så att du fyller tavlan genom att dra en av hörnhäftarna. Håll ner Flytta nyckeln medan du gör det för att behålla samma proportioner.
När du är klar, gå till Arkiv> Spara som och i dialogrutan, ändra Formatera rulla ner till SVG (svg), ge filen ett meningsfullt namn och klicka på Spara. Du kan nu radera den bokstaven och placera och omforma nästa på teckenfönstret. Återigen gör Spara som och fortsätt tills du har sparat alla dina bokstäver.
Slutligen, innan du fortsätter, spara en blank tavla så att du kan använda det som en mellanslag. Du kanske också vill överväga att spara mellanslag och små bokstäver av dina bokstäver, men vi har inte stört denna handledning.
Med dessa separata SVG-brevfiler redo kan du ta nästa steg för att skapa ditt teckensnitt genom att ladda upp dem till fontastic.me. Ta en titt på den här artikeln för att se hur du använder fontastic.me för att slutföra din typsnitt: Skapa en teckensnitt med Fontastic.me.
Använd exportpanelen för ny tillgång
Den nuvarande versionen av Adobe Illustrator innehåller en ny panel som låter dig lägga alla dina ritningar på en tavla och utföra dem som enskilda SVG-dokument. här är hur:
- Välj Fönster> Asset Export för att öppna panelen Asset Export.
- Välj en eller alla dina bokstäver och dra dem in i panelen. De kommer alla att visas som enskilda objekt.
- Dubbelklicka på objektets namn i panelen och byt namn på det. Gör det här för alla objekt i panelen.
- Välj de objekt som ska exporteras och välj SVG från Formatera pop ner.
- Klick Exportera.
