Letter-effecten: Contour, Binnenlijn, Extrusie en meer

Gradiently heeft acht letter-effecten: Contour, Binnenlijn, Gesneden, Extrusie, Dubbel, Spoor, Riso en Halo. Elk maakt van een regel tekst lettering getekend in de eigen kleuren van je Mark: hoogtelijnen rond de woorden, een lijn uitgesneden in elke letter, woorden uitgesneden uit een plaat, diepe driedimensionale letters en meer. Ze zijn bedoeld voor displaywoorden, een titel of een naam, en werken het best één voor één, op de regel die mensen het eerst moeten zien.

Alle acht letter-effecten in één oogopslag

Contour, Gesneden en Extrusie: lettering met eigen contrast

Deze drie bouwen een sterke rand in de letters, en daarom houden ze stand op levendige Marks. Contour omringt de woorden met lijnen als op een reliëfkaart, zodat de lettering uit de achtergrond lijkt te rijzen. Gesneden zet de woorden als vormen uitgesneden uit een massieve plaat, wat zelfverzekerd en grafisch leest. Extrusie geeft elke letter diepte, getekend in de kleuren van de Mark, de klassieke look voor een lanceringstitel of een thumbnail.

Wil je weten hoe uitgetrokken en omlijnde letters in het algemeen werken, dan leggen 3D-teksteffecten en omlijnde tekst het vakmanschap erachter uit.

Binnenlijn, Dubbel en Riso: de drukwerk- en redactiefamilie

Binnenlijn snijdt één lijn in elke letter, en omdat de lijn de Mark zelf laat zien, wordt de achtergrond de tweede kleur van de lettering. Het past het best bij zware, brede lettertypen, waar binnen de streep ruimte is. Dubbel tekent open letters twee keer, iets verschoven, voor een echo die voelt als mode- of muziekdrukwerk. Riso bootst een risograaf na: twee inkten die niet helemaal op elkaar vallen en een korrelige stippelstructuur, perfect voor alles wat met de hand gedrukt moet voelen.

Spoor en Halo: beweging en sfeer

Spoor herhaalt de contour van een woord erachter, als letters die een kielzog achterlaten. Je kunt de kleur van het spoor instellen en het leest als snelheid: goed voor sport, aftellingen en alles wat zelfs in een stilstaand beeld in beweging moet lijken. Halo omringt de letters met een zacht licht in de kleur van de Mark. Het is puur decoratief, een sfeer in plaats van een hulpmiddel, en nooit een manier om slecht leesbare tekst te redden. Leest een regel moeilijk, verhoog dan het reactieniveau van de Mark of laat Auto-inkt de andere inkt kiezen.

Een letter-effect kiezen voor de klus

Een letter-effect toevoegen in de Studio

1. 1

   Selecteer de tekst

   Kies de kop of het woord dat je wilt bewerken. Laat al het andere gewone letters.

2. 2

   Kies een effect

   Kies een van de acht letter-effecten. Het wordt meteen getekend in de kleuren van de Mark van het ontwerp.

3. 3

   Pas de letters aan

   Ga zwaarder of breder als het effect druk oogt, en voeg een beetje letterspatiëring toe voor Dubbel en Spoor.

4. 4

   Probeer een andere Mark

   Wissel de Mark en zie de lettering meekleuren. Dit is de snelste manier om een effect te beoordelen.

5. 5

   Controleer elk formaat

   Pas het formaat aan naar een story of thumbnail en kijk of het bewerkte woord op die schaal nog leest.

Letter-effecten in CSS, voor het web

Heb je een vergelijkbare look nodig op een website, dan laten twee hiervan zich netjes naar CSS vertalen: een omlijning in de geest van Dubbel en een getrapte extrusie. Beide gebruiken echte tekst, dus ze blijven selecteerbaar en toegankelijk.

/* Open outline letters, in the spirit of Double */
.outline {
  color: transparent;
  -webkit-text-stroke: 2px #f4b26a;
  text-shadow: 6px 6px 0 #7a2e5c;
}

/* A stepped extrusion in two tones */
.extrude {
  color: #fbe7d4;
  text-shadow:
    1px 1px 0 #c2577a,
    2px 2px 0 #c2577a,
    3px 3px 0 #a3456a,
    4px 4px 0 #a3456a,
    5px 5px 0 #7a2e5c,
    6px 6px 0 #7a2e5c;
}

Voor de bredere familie aan effecten, ook die zich slecht naar het web laten vertalen, zie je teksteffecten. En twijfel je of je lettering wel nodig hebt, dan is lettering versus typografie een nuttige lees.