Waar vind je geschikte lettertypes?
Bij
blokletters is de opmaak van de kleine letter ‘a’ vaak een belangrijke afweging. Dat is echter geen goede reden om naar het slordige 'Comic sans' uit te wijken. Enkele andere lettertypes met de gewenste ‘a’ zijn:
- Loblosch: maan, roos, weg
- ABeeZee: maan, roos, weg
- Quicksand: maan, roos, weg
- Josefin Sans: maan, roos, weg
- Didact Gothic: maan, roos, weg
Voor
echt verbonden schrift is
Schoolschrift van Bart Voorzanger en mij een prachtig lettertype, met ruime keuze tussen verschillende varianten van letters (bijvoorbeeld bij de
t). Enkele varianten die hiermee gemaakt kunnen worden:
- aanhalen vanaf de grondlijn...
- ...of juist zo min mogelijk aanhalen?
- sextant of sextant of sextant
Zo maak je een outlineletter
Op deze pagina leg ik uit hoe je van een computerlettertype outlineletters ('railletters') kunt maken.
Deze methode werkt niet als je van een afbeelding of scan een outlineletter wilt maken.
Zo maak je een outlineletter in Word 2010
Stap 1: Bereid je letter voor
Kies je lettertype. Maak je letter zo groot mogelijk (bladvullend). Je hoeft geen grootte uit het dropdownveld te kiezen, je kunt ook zelf een getal intypen.Als je letter er erg dun uit ziet, maak hem dan vet.
Maak je letter geel, want met een zwarte letter kun je strak niet zien wat je doet.
Je hoeft de grootte niet uit de keuzelijst te kiezen,
je kunt zelf een getal intypen.
Stap 2: Ga naar de dialoog 'Teksteffecten'
- Selecteer je letter.
- Klik met de rechtermuisknop en kies in het popupmenu voor 'Lettertype'.
- Kies voor 'Teksteffecten'.
Kies voor 'Teksteffecten'
Selecteer de letter en klik met rechts
Stap 3: Stel het teksteffect in
Er zijn twee teksteffecten die je kunt gebruiken. Omdat andere versies van Word misschien maar één van deze methodes hebben, geef ik ze allebei. Kies er één en doe er maar één!
Teksteffect '3D opmaak'
Klik op '3D opmaak' en stel de beschikbare velden als volgt in:
- Schuine rand: zet alle waarden op 0 pt.
- Diepte: stel de diepte in op 1 pt. De kleur maakt niet uit.
- Contour: hier kies je de kleur en de dikte van je outline. Minimaal 1 pt, bij grote letters is 2 pt mooier.
Instellingen voor het teksteffect '3D opmaak'
Teksteffect 'Kaderstijl'
Klik op 'Kaderstijl'.
Stel de breedte in: minimaal 1 pt; 2 pt is mooier bij erg grote letters.
Laat de andere instellingen staan zoals ze zijn.
Instellingen voor het teksteffect 'Kaderstijl'
Stap 4: Resultaat
Sluit de dialoog. Als het goed is, heb je nu een gele letter met een zwarte rand.
Je kunt de letter nu wit maken. De zwarte rand blijft zwart.
Eindresultaat
Zo maak je een outlineletter in LibreOffice
Stap 1: Bereid je letter voor
Kies je lettertype. Maak je letter zo groot mogelijk (bladvullend). Je hoeft geen grootte uit het dropdownveld te kiezen, je kunt ook zelf een getal intypen.Als je letter er erg dun uit ziet, maak hem dan vet.
Maak je letter geel, want met een zwarte letter kun je strak niet zien wat je doet.
Stap 2: Ga naar de dialoog 'Font Effects'
- Selecteer je letter.
- Klik in de menubalk op 'Styles' en dan op 'Edit Style'.
- Ga in het scherm dat verschijnt naar het tabblad 'Font Effects'.
Kies voor 'Edit Style'
Stap 3: Vink het 'Outline' effect aan
Vink het 'Outline' effect aan.
Stap 4: Resultaat
Klik op 'OK' om de dialoog te sluiten. Als het goed is, heb je nu een gele letter met een zwarte rand.
Je kunt de letter nu wit maken. De zwarte rand blijft zwart.
Tips voor verbonden schrift
Als je een (goed) verbonden schrift gebruikt, dan bestaan de letters uit meerdere 'glyphs'. Bij het 'Kaderstijl'-teksteffect worden de afzonderlijke glyphs zichtbaar. Gebruik daarom het '3D opmaak'-teksteffect, dat ziet er beter uit.
Met een verbonden schrift kunnen ook outlines van tweeklanken of van hele woorden gemaakt worden.
De afzonderlijke 'glyphs' zich niet zichtbaar.
De afzonderlijke 'glyphs' zich zichtbaar.
Zo maak je een outlineletter in HTML en CSS
Je kunt outlines maken in CSS dmv het text-shadow effect. Dit effect werkt ook voor verbonden schrift:
See the Pen
Using CSS 'text-shadow' to create outline on script font with overlapping glyphs by Syboor (@syboor)
on CodePen.
Voor een outline van 1px heb je 4 schaduwen nodig, in de 4 diagonale richtingen (NO, ZO, ZW, NW). Voor een iets dikkere outline gebruik je 8 schaduwen. Let op dat de schaduwen in de richtingen N, O, Z, W een andere offset hebben (3px) dan de schaduwen in de diagonale richtingen NO, ZO, ZW, NW.
Andere manieren om aan Outlineletters te komen
Ik heb een webpagina gemaakt die outlineletters maakt in het lettertype Schoolschrift. Deze webpagina kan ook lijnen toevoegen.
