Grunderna för ritningstyp & Skapa din egen handskriven typsnitt

Vad du ska skapa

Har du någonsin velat ge dina digitala layouter och designar en personlig touch? I den här handledningen ser vi på hur du kan skapa ett teckensnitt från din egen handskrift, för användning på din dator. 

Handledningen delas upp i tre delar. För det första ser vi på grunderna för att skriva en typsnitt. Sedan, när vi är uppvärmda, ser vi hur du kan optimera din handstil för att säkerställa hög kvalitet och mångsidighet. Och slutligen analyserar vi några olika metoder för att få ditt teckensnitt på datorn och konvertera dina handtecknade bokstäver till en digital typsnitt.

1. Öva ritningstyp

Vad du behöver för den första delen av denna handledning:

  • ritning papper (vit)
  • skärpad HB eller 1H penna
  • linjal med millimeter mätningar

Du skriver förmodligen skriven anteckningar eller listor varje dag, men du är sällan medveten om din handstil. När du plötsligt blir mycket medveten om din egen handstil kan det börja se onaturligt.

Du bör först komma in på ett mer naturligt sätt att skriva. Jag finner det bästa sättet att göra detta är att öva att skriva en typsnitt. Det här är också mycket användbart eftersom det gör dig mer medveten om de viktigaste egenskaperna hos en typsnitt, och gör att du mer kan känna igen gemensamma funktioner (konsistenser) mellan olika tecken inom en typsnitt. Detta kommer att bli användbart när vi börjar förfina våra egna handskrivna tecken och optimera dem för digitalisering.

Steg 1

Lägg din linjal platt över sidan, i horisontell vinkel, så rak som du kan göra. Ta med din spetsiga penna och tryck ner moderat hårt, dra en linje ovanför linjens övre kant. 

Om din linjal är en standardiserad 30 mm bred linjal, kan du hålla linjalen på plats och dra en andra linje längs linjens nederkant. Detta har fördelen att båda linjerna är helt parallella. Annars skapar du bara två horisontella linjer, 30 mm isär. Den nedre raden representerar Baseline, och topplinjen är Cap Höjd

Markera toppen 10 mm tredje av den totala höjden mellan linjerna och dra en tredje horisontell linje med linjalen och penna, tryck ner lättare för att göra en lite svagare linje. Denna rad representerar x-höjd. Slå upp på dina typografi termer, som x-höjd och baslinje, i min artikel om typ A-Z.

Steg 2

Du kan repetera raden av linjer, med samma mätningar från Steg 1, att skapa en sida fylld med rader. Det här är ditt eget skrivgitter, där du kan träna rittecken.

Steg 3

Öppna ett program där du enkelt kan redigera text, t.ex. Adobe InDesign, eller ens Microsoft Word eller sidor

Välj en klassiker serif typsnitt, t.ex. Adobe Caslon Pro, som visas här, eller Garamond. Att öva att skriva en typsnitt är det bäst att välja en serif att dra först, eftersom sans serif-typsnitt har mer subtila egenskaper och kan vara svårare att rita noggrant om du är nybörjare.

Skriv följande tecken: 'H n o y', med ett mellanslag mellan vardera. Dessa är bra karaktärer att välja, eftersom de visar en rad olika egenskaper: två vertikala stavar och en tvärstång på 'H', en bländare och serifs på 'n', en helt sluten räknare på 'o' och en svepande nedåtgående och diagonala armar i små bokstaven "y".

Om du arbetar i InDesign du kan också slå på baslinjen (Visa> Grids & Guides> Visa baslinje) för att lättare se hur proportionerna av karaktärerna ligger i linje med varandra.

Blås upp karaktärerna i stor skala på din skärm eller zoom in. Nu kan du börja dra tecknen. Alternera mellan att använda din linjal och ritningslag för hand. Oroa dig inte om dina försök ser lite rörigt ut - syftet med denna övning är att du ska bli bekväm med ritningstyp och att observera kännetecknen på typsnittet och likheterna (eller skillnaderna) mellan varje tecken.

Du kommer att märka att seriva teckensnitt är baserade på symmetri och ordningens principer. Förläng strokarna från kanten på tecknen och observera vinklarna och proportionerna. Stammar är nästan alltid samma bredd, oavsett karaktären, men du kanske märker att storleken på serifs är något större på versalen 'H'. Observera också att vissa delar av tecknen är tunnare; dessa slag av stroke kallas hairlines.

Steg 4

Även om vi inte kommer att tillämpa alla dessa egenskaper på vårt handskrivna teckensnitt är det väldigt viktigt att känna igen att alla teckensnitt styrs av en uppsättning regler, antingen formella, vilket är vanligare med serif och sans serifs typ eller informellt, vilket är vanligare med handritade, målade eller handskrivna teckensnitt.

När du har praktiserat att skriva en typsnitt eller flera typsnitt om du vill ska du börja göra lite forskning på handskrivna teckensnitt för att hjälpa dig att tänka på hur du vill att ditt handskrivna teckensnitt ska organiseras.

Gå till en fontresursplats som FontSquirrel eller DaFont och ta en titt på de handskrivna teckensnitt som finns där. Välj ett teckensnitt som du tycker att aktier kvaliteter med egen handstil och ladda ner det. 

Välj ett program som låter dig se hela uppsättningen tecken i teckensnittet. Adobe InDesign är ett bra val, men du kan också använda glyfer, som vi kommer att titta närmare på senare.

I InDesign skapar du en textram och ställer in Font till din nyligen nedladdade teckensnitt. Här har jag valt Wagnasty. Gå till Fönster> Typ & Tabeller> Glyfer att öppna glyfer panel. Du kommer att kunna se hela uppsättningen tecken som finns tillgängliga i teckensnittet. 

Notera vilka typer av tecken som är närvarande, och vad som är särskilt frånvarande. Till exempel i Wagnasty har vi:

  • En hel uppsättning stora bokstäver, A till Z
  • inga små bokstäver
  • en komplett uppsättning tal, 1 till 9
  • fullstopp (.), komma (,), kolon (:), semikolon (;), utropstecken (!), frågetecken (?)
  • apostrof (')
  • runda parenteser (), hakparentesar [], hakparentesar / hakparentesar ( och chevrons <>
  • några grundläggande matematik / ekvationssymboler (= +%)
  • hashtag (#)
  • några valutasymboler
  • asterisk (*)
  • framåt snedstreck (/), backslash (\), streck (-), svängde streck (~), vertikal streck (|)

Detta är en grundläggande uppsättning tecken som låter dig skriva de flesta saker på engelska utan att för mycket av ett problem.

Du bör också notera om teckensnittet har några ytterligare vikter, t.ex.. djärv eller kursiv. Ofta är det inte en handskriven typ som bara har en vanlig vikt, eftersom teckensnittet måste se autentiskt ut. Att applicera en annan vikt kan se onaturlig ut.

De flesta handskrivna teckensnitt har en liknande grundläggande uppsättning tecken. Tycka om Callie Hand:

Eller några kan inkludera några fler, som Tidning, som innehåller några knäppa handritade symboler eller bilder:

2. Skriva dina egna tecken

Nu när du har praktiserat teckensnitt och tittat på det antal handskrivna teckensnitt där ute och tecknen är tillgängliga inom varje typsnittssats, kan du börja tänka på att sätta din egen personliga typsnitt tillsammans.

För denna del av handledningen behöver du följande:

  • linjerat papper (en scruffy gammal anteckningsbok kommer att räcka)
  • ritning papper (vit, och med lite konsistens om du vill ge ett mer informellt, rustikt utseende till dina karaktärer)
  • skärpad HB eller 1H penna
  • linjal med millimeter mätningar
  • en finpunkande flytande bläckpenna i svart (jag gillar att använda en Pilot Hi-TecPoint)
  • suddgummi

Steg 1

Många människor har utvecklat över tid två eller flera variationer av deras handstil. När jag skriver ner längre textstycken tenderar min handstil att gå ihop och sned åt något till höger och skapar en kursiv kursiv typ.

Det finns emellertid ett antal problem med att försöka konvertera kursiv, eller manus, handskrift till en digital typsnitt. Du måste se till att karsten (mellanslag mellan tecken) är inställd mycket exakt, så att karaktärerna alltid visas perfekt sammanfogade. Du måste också se till att varje kombination av tecken ser perfekt ut, vilket är väldigt svårt utan att behöva spendera timmar efter redigering av manuset på din dator.

Så, om du inte letar efter huvudvärk rekommenderas att du ser digitalisering av handstil som inte är kursiv. Istället bör det ha fristående tecken som inte behöver raffineras för att exakt motsvara någon given grannskap. 

Lyckligtvis använder jag ofta en annan variant av min handstil, vanligtvis för att kommentera dokument eller skriva snabba anteckningar. Den är upptagen i stor bokstav och är inte ansluten. Den har också en liten kursiv snedställning.

Välj en kort passage från en bok och kopiera texten på fodrad papper med din naturliga handstil. Medan du gör ditt bästa för att hålla skrivandet naturligt, försök att se till att karaktärerna inte går ihop eller rör på för mycket. Det spelar ingen roll om du blandar stora och små bokstäver. Men om du vill göra det måste du så småningom skapa en hel uppsättning stora bokstäver och en hel uppsättning små bokstäver.

Du kan också öva skriva några symboler, t.ex. utropstecken eller parenteser.

Du kan använda denna bokpassage som en användbar referens för när du börjar skapa ditt slutliga handstilprov. Det känns inte alltid naturligt att skriva enskilda tecken, i en A till Z-ordning, så att du kan se över till passagen och se hur du skapade en "G" eller en "F", till exempel när du skrev in ett flytande, naturligt sätt.

Steg 2

Återgå till ditt ritpapper. Ta din penna och linjal och följ följande Steg 1 och 2 av Del ett av handledningen (ovan), rita en sekvens av tre linjer, som representerar kapphöjd, x-höjd och baslinje. 

I Del ett, Vi skapade en grupp linjer som mätt 30 mm i total höjd. Men om du försökte skriva naturligt i denna skala, skulle du säkert kämpa! Minska den totala höjden mellan Cap Höjd och Baseline till 6 mm; markera toppen 2 mm tredje av det för att visa x-höjd

Du kan till och med upptäcka att detta fortfarande är för stort för att du ska skriva naturligt utan att anstränga dig. Skriv ett par tecken på papperet för att se vilken storlek du naturligt skriver på dina tecken. 

Minska den totala höjden till 4 eller 5 mm om du är mer bekväm skrivning i mindre skala.

Upprepa radföljden tills du har fyllt sidan.

Steg 3

Ta bläckpenna (det svarta bläcket kommer att skapa en bra kontrast för skanning senare) och rotera papperet bara lite moturs. Detta är för att undvika att spänna armen för mycket som du skriver.

I samma takt skriver du vanligtvis bokstäverna från A till Z på en gång, längs samma linje om du har rum. 

Om du gör några misstag, försök bara igen på nästa rad ner. Men oroa dig inte för några mindre fel eller quirks i skrivandet. Du vill att skrivandet ska se ekologiskt och naturligt ut, och att göra det för mycket kommer att bli av med det.

Med hänvisning till listan över tecken vi noterade i Del ett i handledningen skriv ner andra tecken i samma naturliga stil och i samma skala. Om du vill kan du också skriva en uppsättning små bokstäver, a till z, också.

Steg 4

Låt bläcket torka helt och ta sedan en suddgummi och försiktigt gnida ut blyertspennorna runt tecknen så att du är kvar med en härlig uppsättning rena tecken, redo att skannas.

3. Skanna och digitalisera din typsnitt

För den här sista delen av handledningen behöver du:

  • en skanner (eller alternativt ett stativ och en digitalkamera)
  • Adobe Illustrator
  • tillgång till ett program för skrivarredigerare / konverteringsprogram, t.ex. FontLab Studio eller Glyphs (du kan få en gratis 30-dagars test av Glyphs, och en mini-version finns tillgänglig på Mac-appar)

Notera: Vi tar dig igenom processen att använda glyfer i denna handledning, men det finns massor av bra typredigeringsprogram där ute. Jag tycker personligen glyfer att vara väldigt användarvänligt, men många typografer kommer också att lägga fram starka fall för FontLab och RoboFont.

Steg 1

Ställa in skannern till en hög dpi (jag skannade på 1600 dpi), skanna i ditt handstilprov. 

Spara filen som en TIFF eller JPEG. Öppna sedan Adobe Illustrator och skapa en Nytt dokument.

Gå till Arkiv> Plats och välj din skannade bild. Med den valda bilden öppnar du Bildspår panel (Fönster> Bildspår). Med Förhandsvisning rutan kontrollerad, ställa in Läge till Svartvitt, och justera Tröskel, Paths och Corners nivåer tills du är nöjd med spårets noggrannhet. Klick Spår.

Sedan, med bilden fortfarande vald, gå till Objekt> Bildtrack> Expand. Som ett sista steg, Control-Click (Mac OS) eller Högerklicka (Windows)> Ungroup. 

Nu måste du bli av med alla vita avsnitt på bilden. Öppna Skikten panel (Fönster> Lager) och skapa ett nytt lager. Dra ner det för att sätta det nya lagret under bildskiktet. Välj Rektangelverktyg (M) och dra för att skapa en rektangel som sträcker sig över hela tavlan. Ställ in Fylla till en kontrasterande ljus färg.

Nu kan du lättare se där det finns vitt på bilden. Välj det vita området runt utsidan och ta bort. Välj de mindre vita områdena i skålarna och teckenräknare och radera.

Du har framgångsrikt vektoriserat ditt handstil, bra jobb! 

Steg 2

Öppna nu din skrivbordsredigeringsprogram. Här kommer jag att ta dig igenom processen för att digitalisera ditt handskrivna teckensnitt med glyfer.

Gå till Fil> Ny för att skapa en ny typsnitt för Glyphs. På vänster sida av Glyphs-fönstret som öppnas ser du en meny med alternativ, listande grupper av tecken som du kan lägga till i teckensnittet. 

Klick Brev för att se hela uppsättningen menyalternativ. Om du vill infoga stora bokstäver väljer du Versal. En fullständig uppsättning stora bokstäver, från A till Z, visas i fönstret.

Dubbelklicka på ett tecken för att redigera det direkt. 

Hoppa tillbaka till Illustratör och välj relevant vektor tecken. Gå till Redigera> Kopiera.

Återvänd till glyfer, och gå till Redigera> Klistra in. Glyfer kommer att placera vektorn i fönstret, redo för att skala och justera. De numeriska värdena längst ner på skärmen kan redigeras, så att du kan justera mellansidan till vänster och höger sida av tecknet, vilket påverkar kärnan. 

Till vänster om fönstret kan du se '-' och '+' symboler, som låter dig skala karaktären. Du kan också manuellt justera skalan genom att använda Skala (S) verktyget tillgängligt i verktygspanelen som löper längst upp i fönstret.

Du bör använda guiderna på skärmen som en guide, sitter på undersidan av tecknet på Baseline, och toppen av karaktären (om den är stor) som möter Cap Höjd linje.

Steg 3

Du kan bläddra tillbaka för att visa hela uppsättningen tecken genom att klicka på Font fliken mot toppen av fönstret.

Upprepa processen ovan, dubbelklicka på tecken i Glyphs för att öppna dem och bläddra fram och tillbaka mellan Illustrator och Glyphs, kopiera och klistra in tecken över.

Du kan också börja lägga till andra typer av tecken, med hjälp av den vänstra menyn i Glyphs-fönstret. Du måste manuellt lägga till Tal och skiljetecken märken, välj dem från popup-menyerna och välj Generera.

Steg 4

När du har lagt till i alla tecken för din typsnitt kan du ge det ett namn. 

Gå till Arkiv> Font Info för att öppna ett nytt fönster. 

Ange teckensnittet ett lämpligt namn, och du kan också lägga till ytterligare information, till exempel ditt namn, din webbplats och din upphovsrättsinformation. När du är klar, stäng bara fönstret.

Steg 5

När du har redigerat tecknen i ditt teckensnitt kan du exportera den som en digital typsnitt. 

Gå till Arkiv> Exportera

Håll standardalternativen som de är för att skapa en OpenType-teckensnitt, Klicka sedan Nästa. Spara teckensnittet i en mapp som enkelt kan sökas.

Du kan avsluta Glyphs och navigera till din valda mapp för att visa typsnittfilen. 

Du kan sedan installera det här på din dator, som du skulle ha någon standard .otf-typsnitt.

Slutsats

Ditt handskrivna teckensnitt är nu klart och redo att användas som en digital typsnitt över dina egna dokument. Använd den för att lägga till en personlig touch till anteckningar eller kommentarer, eller införliva det i designlayouter för att göra ditt konstverk unikt!

Låt oss ta reda på vilka lektioner vi har behandlat i denna handledning. Vi tittade på:

  • hur öva ritningstyp, och känna igen vanliga element och regler över teckensnitt
  • hur Applicera de teckningslektionerna till din egen handstil, optimera den för digitalisering
  • hur skanna ditt konstverk och vektorisera det i Illustrator
  • hur konvertera dina vektorer till en digital typsnitt, redigera den med hjälp av Glyphs eller annan typsnitt redigering programvara

Fantastiskt jobb! Ha det roligt att skapa fler egna teckensnitt - varför inte experimentera med olika handritade eller målade stilar?