top of page
Sem faber
Portfolio

Stage Opdracht The Qunz Family

  • Writer: Sem Faber
    Sem Faber
  • Jan 21, 2020
  • 4 min read

Drukletters digitaliseren en een font van maken. Fontforge/illustrator 2 maanden

Martijn van der Blom heeft zijn eigen drukbare font van lego gemaakt. De legoblokjes zijn op een plaatje gezet, daarboven op wordt dan weer een plat blokje op geplaatst die je kan inrollen met inkt en ergens op kan drukken,


hiermee kan je zelf makkelijk een ontwerp maken met verschillende vormen en allemaal van lego. Martijn vertelde mij hierover tijdens het stage gesprek, het leek hem een goed idee om dat font te digitaliseren zodat je het ook kan gebruiken als je typt. Ik had nog niet veel ervaring met het maken van fonts maar dacht dat ik de nodige informatie wel online kon vinden. Na een aantal video’s en sites bekijken te hebben leek het programma FontForge mij al gauw de beste keuze, dit is een gratis programma die alsnog erg veel mogelijkheden bood. In FontForge kan je een svg bestandje toewijzen aan verschillende glyphs, mijn eerste stap was dus om alle letters en andere leestekens die er al waren in te scannen.


Werkproces 1 Inscannen Martijn had al het volledige alfabet ontworpen en afgedrukt, ook had hij enkele leestekens als de punt, komma en vraagteken. De eerste stap was dus om al deze analoge uitingen in te scannen en het in een mappen structuur te plaatsten. De bestanden werden opgeslagen als jpeg en ik verdeelde ze in leestekens, grote letters, kleine letters en ligaturen, ook had ik ze allemaal naar de glyph genoemd die het was met daarachter stond de categorie waar ze toe behoorde. zo stond alles goed klaar voor de volgende stap.




Werkproces 2

digitaliseren De ingescande afbeeldingen opende ik in illustrator waar ik de afbeelding overtrok en de witte vlakken verwijderde. Dan bleef je over met een egaal zwarte letter in vector lijnen. Hiermee was slechts één probleem, het resultaat is totaal niet strak en. verschillende blokken blijven soms aan elkaar vast zitten

Omdat ik al alle glyphs zo had opgeslagen is er ook een versie van The Qunz family met deze minder strakke letters, om bijvoorbeeld een goed beeld weer te geven wat de inkt soms kan doen als de letter analoog gedrukt word. Omdat we ook een strakke versie wouden veranderde ik mijn aanpak. In Qunz word maar een bepaald aantal vormen (legoblokjes) gebruikt, hierdoor kon ik erg makkelijk elke vorm individueel overtrekken met de pen tool. Daarna bouwde ik met deze vector vormen letters na met de scan als achtergrond. Dit leverde erg strakke glyphs waar ik goed mee aan de slag kon gaan in Fontforge nadat ik ze opsloeg in een mappenstructuur als SVG.



Werkproces 3Fontforge Omdat ik nu elke glyph als SVG bestand heb opgeslagen is het tijd om ze in FontForge te plaatsen, voor elke glyph kan je dan en SVG bestand importeren. Dan krijg je de vector lijnen te zien en kan je de maten en de standaard kerning aanpassen, ik had besloten om voor de letter geen ruimte over te laten maar achter de letter 5mm te plaatsen. Dit is ongeveer even lang als 1 lego blokje en als je verschillende letters achter elkaar plaats sluit het goed aan.



Toen ik dit had gedaan merkte ik dat sommige letters nog steeds niet goed op elkaar doorliepen, zoals de T en o daartussen komt dan nog 6mm en dat geeft een te grote afstand tussen de stam van de T en de o. Na iets meer onderzoek te doen begreep ik dat dit een bestaand probleem is waar veel fonts last van hebben, gelukkig is er ook een oplossing voor. Met specifieke kerning kun je dit soort ongelijkheden wegwerken door letter combinaties te selecteren die apart gespatieerd moeten worden mochten ze na elkaar komen. Een goed voorbeeld hiervan is de T en elke kleine letter die daaronder past, ook de j moest gekernt worden met alle letters die daarvoor passen. Ook de Y en de L heb ik diverse combinaties voor gemaakt zodat elke mogelijke combinatie van letters goed doorloopt met ongeveer even veel tussen ruimte. Daarnaast had Martijn ook nog ligaturen gemaakt, je hebt 2 verschillende soorten ligaturen, ligaturen die met een aparte toets combinatie tevoorschijn komen zoals Æ. Ook heb je nog automatische ligaturen die ontstaan als je twee specifieke letters naast elkaar zet zoals fi, dan wordt het balletje van de i aan de f vastgemaakt omdat dat er beter uitziet. Ik heb opgezocht hoe ik deze verschillende soorten moest toevoegen. Voor de automatische ligaturen kon je net als bij de specifieke kerning gewoon gebruik maken van letter combinaties om er vervolgens een apparte glyph van te maken, als dan de f en i achterelkaar worden getypt word er automatisch de ligatuur er voor gebruikt. Dit de deed ik ook voor de fs. Voor de ligaturen als Æ zijn speciale toets combinaties, hiervoor kon je erg makkelijk een nieuwe lege kolom voor aan maken om hem zelf de begeerde glyph in te voeren. Net als bij alle normale letters en leestekens kon je in deze kolom de ligatuur importeren zodat hij verschijnt als je gebruik maakt van de toets combinatie. Omdat het eerst een gewoon druk font was zijn waren er nog verschillende glyphs die makkelijk toegankelijk waren via het toetsenbord maar die er nog niet waren, zo misten de underscore, apenstaartje, slash en wat andere leestekens. In de weken dat ik hieraan bezig was heeft Martijn dus ook nog verschillende nieuwe glyphs gemaakt en gedrukt, zodat ik ze nog kon toevoegen aan het font. Martijn had zelf wel cijfers gemaakt en gedrukt maar deze waren de maat van kleine letters, in een font zijn de cijfers meestal even groot als een grote letter. Daarom heeft Martijn de cijfers opnieuw ontwerpen en heb ik deze ook toegevoegd. Dit hele proces was een eerste keer voor mij, heb er veel van geleerd en ik denk dat dit niet de laatste keer gaat worden dat ik met FontForge werk maar voor nu kan ik het font gaan genereren.


Comments


bottom of page