TAKING TOO LONG?
CLICK/TAP HERE TO CLOSE LOADING SCREEN.
CLOSE SEARCH

Maak je eigen lettertype met Illustrator en Glyphs

Deze tuturial legt uit hoe je je eigen lettertype maakt met Adobe Illustrator en Glyphs. Wij ontwerpen lettertypes sinds 2003 en zijn ondertussen al in alle mogelijke valkuilen getrapt. Dit willen we je besparen en daarom delen we hier onze ervaringen en tips. Deze zullen je vele onnodige uren en frustratie besparen als je zelf aan de slag gaat met je eigen fonts.

Deze tutorial beschrijft een gangbare werkwijze hoe je met behulp van Adobe Illustrator en Glyphs je eigen font kunt maken. We testen het font uiteindelijk in Adobe Indesign.

Dit is zeker niet de énige werkwijze, maar wel een heel gangbare en praktische waarmee je snel resultaten kunt boeken.

 

Voorbereiding

Om te beginnen is het verstandig dat je de basis van Glyphs onder de knie krijgt. Deze heb je minimaal nodig om met deze moderne font editor aan de slag te kunnen gaan:

 

Stap 1: Schets alle gewenste lettertekens van je font

De stijl van je nieuwe font kun je helemaal zelf bepalen. Kies voor een handgeschreven-, script- of een schreefloos font, alles is mogelijk.

Een paar praktische tips:

  • Gebruik gelinieerd papier.
  • Zet je Basis Grid op. Als je dit niet meteen doet zul je later veel moeten corrigeren als je je paden gaat voorbereiden in Illustrator.
  • Teken zowel de hoofdletters als de onderkast letters op hetzelfde Basis Grid.
  • Teken zoveel mogelijk verschillende letters totdat je de juiste gevonden hebt.
  • Begin met de belangrijkste lettertekens: hamburgefontivs.
  • Teken zo nauwkeurig mogelijk, dit bespaart je later veel tijd bij het digitaliseren.

Stap 2: Digitaliseer je schetsen in Illustrator

Nadat je helemaal tevreden bent over je schetsen, scan deze en optimaliseer ze in Photoshop. Daarna plaats je de afbeelding(en) in Illustrator en trekt die over. Zorg dat alles in dezelfde verhouding overgetrokken wordt. Afhankelijk van het type font kan dit veel werk zijn.

Een paar praktische tips:

  • In Photoshop: Verhoog het contrast en verwijder oneffenheden om zo scherp mogelijke contouren te krijgen.
  • In Illustrator: Gebruik de Overtrek functie (Image Trace) om je pixel afbeelding om te zetten naar paden. Vergeet niet om de paden uit te breiden (Expand).
    Je kunt je lettertekens ook direct in Illustrator tekenen met de Pen Tool.
  • Bereid je paden zo nauwkeurig mogelijk voor met deze tips.

Stap 3: Bereid je Illustrator bestand voor op Glyphs

Om de overstap te maken van Illustrator naar Glyphs heb je een Illustrator bestand nodig waar je elk letterteken in een eigen Box (kader) zet. Deze moet je zo instellen dat die naadloos aansluit op Glyphs.

Illustrator settings New Font

Illustrator settings New Font

Dit is je stappenplan:

  1. Maak een bestand van 1.000 x 1.000 pixels groot.
  2. Zet je Grid op 100 pixels met 4 subdivisions (Illustrator > Preferences > Guides & Grids). Hierdoor krijgt je 100 vlakken van 100 x 100 pixels groot.
  3. Als je het nog niet gedaan hebt, plaats nu alle lettertekens op je Basis Grid en zet ze op de basislijn.
    Tip: Je complete font moet ín de 1.000 pixels vallen, dus je kapitalen, stokken en staarten. Hou wat ruimte aan de boven- en onderkant voor accenten.
  4. Kopieer het eerste letterteken (bijv. de A) en zet deze in de eerste Box (linksboven). Kopieer het tweede letterteken (de B) en zet die in de tweede Box. Herhaal deze stap totdat al je lettertekens in een eigen Box zitten.
  5. Teken een kader zonder vulling of lijn van 100 x 100 pixels rond elke letter. Begin in de linker bovenhoek (positie 0,0) en gebruik de Move (CMD+SHIFT+M) en de Repeat tool (CMD+D) om elk letterteken te voorzien van een kader.
    Tip: Bij de Move tool, klik op Copy en niet op OK.
  6. Groepeer elke letter met zijn eigen Box (kader).
  7. Gebruik de Align tool om alle gegroepeerde Boxen linksboven uit te lijnen (positie 0,0).
  8. Selecteer al je elementen en kies Release To Layers (Sequence) uit het Layers palet. Dit zet alle lettertekens op een eigen laag.
  9. Selecteer al je letters en schaal deze met het Transform panel naar 1.000 x 1.000 pixels.
  10. Zet het Origin Point van je Artboard op de basislijn van je font. Hiermee zorg je ervoor dat je lettertekens in Glyphs op de juiste plek worden geplakt.
  11. Bewaar je bestand en haal even diep adem.

 

De echte type designers doorlopen het bovenstaande stappenplan zelf. De slappelingen kunnen een door ons voorbereid Illustrator bestand onderaan downloaden.

Stap 4: Plaats je lettertekens in Glyphs

Nu je alle lettertekens in Illustrator voorbereid hebt, is het tijd om je Glyphs bestand aan te maken.

Glyphs Font settings

Glyphs Font settings

Dit is je stappenplan:

  1. Maak een nieuw bestand aan (CMD+N).
  2. Geef je font een naam in het Font Info menu (CMD+I). Let op dat de Units per Em onder de tab Font op 1.000 staat. Onder de tab Other Settings moeten de Grid Spacing en Subdivision beide op 1 staan.
  3. Voeg alle ontbrekende cijfers en interpunctie toe vanuit de toolbar aan de linkerkant; Open de hoofdgroep en CTR+klik op de subgroep (met de blauw omcirkelde cijfers erachter).
  4. Plaats je eerste letterteken vanuit Illustrator; Selecteer elke Box afzonderlijk, kopieer die en plak die dan in Glyphs. Nadat je deze ingeplakt hebt, verwijder je de Box (dubbelklikken en wissen) rond het letterteken. In Glyphs noemen we lettertekens nu glyphs.
    Let op: als je in Glyphs de foutmelding Unusual Bounds krijgt over, klik dan op Correct Bounds.
  5. Herhaal stap 4 totdat alle letters en tekens in Glyphs zitten.
  6. Selecteer alle glyphs (CMD+A) en verander de LSB (Left Side Bearing) en RSB (Right Side Bearing) linksonder in de toolbar. Later verfijn je de spatiëring op basis van de Vormgroepen.

    Glyphs sidebearings

    Glyphs sidebearings

  7. Selecteer alle glyphs en kies Layers > Correct Path Direction (CMD+SHIFT+R) om de richting van je paden te corrigeren.
  8. Selecteer alle glyphs en kies Layers > Tidy Up Paths om overbodige punten en dubbele coördinaten te verwijderen.
  9. Selecteer alle glyphs en kies Layers > Round Coordinates om de coördinaten van je punten af te ronden.

 

De echte type designers doorlopen het bovenstaande stappenplan zelf. De slappelingen kunnen een door ons voorbereid Glyphs bestand onderaan downloaden.

Stap 5: Exporteer je font

Nu is je font zover af dat je het kunt exporteren en testen in Indesign. Maar daarvoor moeten we Glyphs nog instellen.

Glyphs Export settings

Glyphs Export settings

Dit is je stappenplan:

  1. Kies Export (CMD+E) uit het menu.
  2. Vink de bovenste 3 opties aan: Use Production glyph names, Remove Overlap en Autohint unhinted glyphs.
  3. Stel de Export Destination in: Library > Application Support > Adobe > Fonts. Het voordeel is dat je font meteen beschikbaar is in de Adobe software, zodat je snel tussentijds je font kunt testen.
    Let op: Hiermee wordt het font in de map Fonts op je computer geplaatst en niet in je Lettertypecatalogus. Je zult die dus ook daar weer moeten verwijderen!
  4. Klik op Next.
  5. Hoera! Je eigen font is nu gegenereerd en wacht met spanning om ingezet te worden.

Stap 6: Test je font

Nu gaan we je nieuwe font testen in Indesign. Print deze tussentijds zo vaak als je wilt om de details als hardcopy te bekijken.

Indesign Font Test Template

Indesign Font Test Template

Dit is je stappenplan:

  1. Maak een nieuw bestand aan.
  2. Typ al je lettertekens in het bestand. Plaats dummy tekst via het menu Type > Fill with placeholder text of gebruik een externe lorem ipsum generator als je andere talen of opties wilt proberen.

 

De echte type designers doorlopen het bovenstaande stappenplan zelf. De slappelingen kunnen een door ons voorbereid Indesign bestand hieronder downloaden. Verander het font Helvetica door je eigen font.

 

Download files

Voor diegene die het zichzelf gemakkelijk willen maken zijn hier een aantal door mij voorbereide bestanden die je kunt gebruiken:

  • Download dit Illustrator bestand om je font te digitaliseren.
  • Download dit Glyphs bestand om je font te maken.
  • Download dit Indesign bestand om je font te testen.

 

Veel succes met het maken van je eigen font.

Filed under: Typowiki
Apologies, for this post the comments are closed.