Kun je met Affinity fonts maken?
Zelf kan Affinity dat niet. Affinity (de gratis app Affinity 3 en de oudere Affinity Designer, Photo en Publisher) kan elk geïnstalleerd font gebruiken en tekst omzetten naar curves, maar er zit geen optie in om een fontbestand te exporteren (OTF of TTF).
De gebruikelijke omweg was traag: elke letter als los SVG-bestand exporteren, de bestanden een voor een in een fonteditor importeren en daarna elke glyph met de hand schalen, uitlijnen en spatiëren. Voor een eenvoudig alfabet was je al snel een paar dagen bezig.
Affont vult dat gat. Het voegt twee scripts toe aan de Script Library van Affinity (één dat een fontsjabloon maakt en één dat je letters doorstuurt) en levert er een app voor Windows en macOS bij die het font compileert, installeert en exporteert. Je blijft gewoon in Affinity tekenen, met al het gereedschap dat erin zit.
Wat je nodig hebt
- Affinity 3.3 of later op Windows of macOS. De app is gratis, en met versie 3.3 kwam de ondersteuning voor scripts erbij.
- Affont voor Windows 10/11 of macOS 11+ (Apple Silicon en Intel). Je betaalt één keer $19 en de licentie geldt voor 3 apparaten.
- Je hoeft niets van typografie te weten. Het sjabloon bevat al de basislijn, de x-hoogte, de hoofdletterhoogte en hulplijnen voor de spatiëring.
Installeer Affont en voeg de scripts toe aan Affinity
- Installeer Affont, open de app en plak je licentiesleutel.
- Klik in het welkomstscherm op de knop die Affont.afscripts opslaat.
- Open in Affinity het paneel Script Library, open het menu van het paneel (▾) en kies Import scripts…. Selecteer Affont.afscripts.
- Er verschijnt een categorie Affont met twee scripts: het sjabloonscript en het verzendscript. Als je een van beide voor het eerst uitvoert, vraagt Affinity je om te bevestigen met Trust and run.
Dit hoef je maar één keer te doen. Na een update van de app hoef je de scripts niet opnieuw te importeren, tenzij dat in de beschrijving van de update staat.
Maak het fontsjabloon
Voer het sjabloonscript uit. In een dialoogvenster kies je:
- De naam van het font en van de familie, bijvoorbeeld “Brush Script” en “Regular”.
- De tekenset: de basisset (A–Z, a–z, 0–9 en leestekens), Latijnse tekens voor Engels, Spaans en Portugees, alleen hoofdletters, Japanse kana of alleen je eigen extra tekens.
- Extra tekens: tekens of glyphnamen die je wilt toevoegen, zoals ñ, f_i (een ligatuur) of a.alt1 (een alternatieve vorm).
- De maten: ascender, descender, hoofdletterhoogte en x-hoogte. De standaardwaarden werken voor de meeste ontwerpen.
Affont maakt een raster met één cel per teken. Elke cel toont hulplijnen voor de basislijn en de hoogtes, een vage referentieletter en twee roze lijnen voor de spatiëring. De sjabloonlaag is vergrendeld, en daarboven staat de laag Your letters klaar om in te tekenen.
Teken je letters
Teken elke letter boven op de bijbehorende cel, met wat je maar wilt: de Pen Tool, vormen en booleaanse bewerkingen, vectorpenselen, tekst die je naar curves hebt omgezet of geplakte illustraties. Lijnen hoef je niet eerst om te zetten, want Affont maakt er bij het versturen zelf contouren van.
- Een vorm hoort bij de cel waarboven zijn middelpunt ligt, dus je hoeft niets over lagen te verdelen.
- Begin met n, o, H en O. Die bepalen de lijndikte en het ritme van alle andere letters.
- Hergebruik onderdelen: van de n maak je de h, m en u, en van de o de b, d, p en q.
- Laat ronde letters (o, s, O) iets over de basislijn en de x-hoogte of hoofdletterhoogte heen steken. Dat heet overshoot, en daardoor lijken ze even groot als letters met een vlakke boven- en onderkant.
- Tekst die je niet naar curves hebt omgezet, wordt overgeslagen, en Affont laat je weten om welke letter het ging.
Stel de spatiëring in
Elke cel heeft twee roze lijnen, ·LSB en ·RSB (left en right side bearing: de witruimte links en rechts van de letter). Sleep ze om te bepalen hoeveel ruimte elke letter inneemt. De afstand ertussen wordt de breedte van de letter in het font.
Het snelst gaat het zo: stel de spatiëring van n en o in tot “nnonoonn” gelijkmatig oogt, en doe daarna hetzelfde met H en O voor de hoofdletters. De meeste andere letters hebben dezelfde zijkanten als die vier.
Verstuur je letters en je font wordt geïnstalleerd
Voer het verzendscript uit terwijl de Affont-app openstaat. De app compileert het font met fontTools, dezelfde opensource-engine die professionele fontprogramma’s gebruiken, en installeert het voor jouw gebruikersaccount. Binnen een paar seconden staat het in de lijst met fonts van Affinity en in elke andere app.
Pas een letter aan en verstuur opnieuw wanneer je maar wilt. Affont vervangt de geïnstalleerde versie, zodat je al met je font kunt typen terwijl je er nog aan werkt.
Werk het font af in de Affont-app
- Kerning: sleep in een voorbeeldtekst de ene letter naar de andere toe. Er zijn ook kerninggroepen en automatische kerning als startpunt, en je kunt de maten en kerning van een ander font importeren.
- Ligaturen en alternatieve vormen: geef een cel de naam f_i of a.alt1 en Affont schrijft de OpenType-functies (liga, salt, ss01…) voor je.
- Accenten: teken de basisletter en het accent, en Affont maakt automatisch á, à, â, ã, ä, ñ, ç en meer.
- Editor voor glyphs: herstel knooppunten en grepen, voeg overlappende vormen samen, spiegel of transformeer, zonder terug te gaan naar Affinity.
- Fontinformatie en families: ontwerper, versie, licentie en extra stijlen (Bold, Italic…) die samen één familie vormen.
Exporteer als OTF, TTF of WOFF2
- OTF behoudt dezelfde kubische curves die je in Affinity hebt getekend. Dit is de beste keuze voor ontwerpprogramma’s.
- TTF is het best compatibel met oudere software en sommige apparaten.
- WOFF2 is bedoeld voor websites.
Heb je letters met meerdere kleuren of verlopen ingekleurd, dan exporteert Affont ook een kleurenfont (OpenType-SVG met een COLR-versie als reserve). In apps die geen kleurenfonts ondersteunen, verschijnt het font in één kleur.
Veelvoorkomende problemen
- Een letter staat in de verkeerde cel: verplaats hem zodat zijn middelpunt boven de juiste cel ligt.
- Er ontbreekt een letter: controleer of het nog bewerkbare tekst is. Zo ja, gebruik Layer ▸ Convert to Curves.
- “Send” reageert niet: de Affont-app moet openstaan. Het script meldt het als het de app niet kan bereiken.
- Letters staan te krap of te ruim: zet eerst de roze lijnen goed en gebruik kerning daarna alleen voor specifieke paren, zoals AV, To of LT.