Wacht... zijn fonts en lettertypes niet hetzelfde?
Ooit afgevraagd hoe je lettertypes kiest voor je projecten? Hoe zit het met lettertypes? Wacht even... wat is het verschil? Deze termen worden ten onrechte steeds weer gebruikt. Dus om de ruis te doorbreken volgt hier een snel overzicht.
Lettertypes vs. lettertypes
Laten we beginnen met de meest verwarrende typetermen ter wereld...
Lettertypes verwijzen naar een lettertypefamilie. Arial, Times New Roman en Helvetica zijn allemaal voorbeelden van een lettertype. Wanneer je verwijst naar een specifieke stijl van een lettertype heb je het over een lettertype. Bijvoorbeeld, Helvetica Light, Helvetica Oblique, en Helvetica Bold zijn allemaal voorbeelden van Helvetica Fonts.
- Lettertype = Helvetica
- Lettertype = Helvetica vet cursief
Vroeger werden woorden gedrukt met metalen letters die in inkt werden gerold en vervolgens op papier werden gedrukt. Als je Helvetica wilde gebruiken, moest je een gigantische doos met metalen letters hebben die Helvetica bevatte in elke grootte, gewicht en stijl. Nu we magische computermachines hebben, kunnen we allerlei verschillende lettertypes gebruiken door ze gewoon te kiezen. Ondertussen is de geest van JohannesGutenberg vervloekt ons onder zijn levenloze adem.
{{lead-magnet}}
De 4 (belangrijkste) soorten lettertypes
De grote categorieën van lettertypefamilies (aka lettertypes) waar je nu vast en zeker al van gehoord hebt zijn serif, sans serif, script, en decoratief. Als je er super nerdy over wilt doen, zijn er vele soorten families binnen die categorieën en je kunt ze allemaal bekijken op fonts.com.
Serif - Serif-lettertypefamilies hebben bloemetjes of accenten (ook wel serifs genoemd) die aan de uiteinden van de letterdelen zijn aangebracht. Deze worden doorgaans meer gebruikt in drukwerk dan in video.
![](/wp-content/uploads/history/195/wei1p1dpcl.gif)
Sans-Serif - Sans-Serif lettertypes hebben geen accenten of staartjes aan het einde van de letters. Deze lettertypes zijn meestal gemakkelijker te lezen in MoGraph. Opmerking: "Sans" is een ander woord voor "zonder". Op dit moment heb ik geen koffie en dat moet ik zo snel mogelijk rechtzetten.
![](/wp-content/uploads/history/195/wei1p1dpcl-1.gif)
Script - Scriptlettertypes lijken op cursief handschrift. Als je na 1990 geboren bent, weet je misschien niet wat dat is, maar dat is niet erg. Zie scripts gewoon als lettertypes die op handschrift lijken.
![](/wp-content/uploads/history/195/wei1p1dpcl-2.gif)
Decoratief - De decoratieve categorie omvat eigenlijk alle andere lettertypes die niet in de eerste drie categorieën vallen. Ze kunnen raar worden...
![](/wp-content/uploads/history/195/wei1p1dpcl-3.gif)
Type Anatomie
Er zijn enkele eigenschappen van letters die kunnen worden veranderd zonder het lettertype zelf te veranderen. Hier volgt een snel geïllustreerd overzicht van de basisprincipes:
KERNING
Kerning is de horizontale ruimte tussen twee letters. Dit wordt meestal gedaan op een enkel letterpaar om een probleem aan te pakken dat wordt veroorzaakt door een hoofdletter naast een kleine letter. Er is ook een prachtige reddit gewijd aan slechte voorbeelden van kerning, genaamd keming (Snap je? omdat de r en de n te dicht bij elkaar staan...) Hier is een voorbeeld van kerning.
![](/wp-content/uploads/history/195/wei1p1dpcl-4.gif)
TRACKING
Tracking is als kerning, maar beïnvloedt de horizontale ruimte tussen alle letters:
![](/wp-content/uploads/history/195/wei1p1dpcl-5.gif)
LEIDEN
Ten slotte heeft leading (uitgesproken als "ledding") betrekking op de ruimte tussen tekstregels.
Nerd Fact! In de oude dagen van de metalen letterdruk werden stroken lood (dat giftige spul in je drinkwater) gebruikt om de regels tekst van elkaar te scheiden in de drukpers, vandaar de term:
![](/wp-content/uploads/history/195/wei1p1dpcl-6.gif)
Door die type modifiers aan te passen op je projecten ben je een type rock ster. Over type rock sterren in de MoGraph wereld gesproken, laten we een paar typografie namen vallen.
Typografie inspiratie
SAUL EN ELAINE BASS
Als je Saul Bass niet kent, is het tijd om inspiratie op te doen. Hij is eigenlijk de grootvader van de filmtitels zoals wij die kennen. Oorspronkelijk een grafisch ontwerper die werkte aan filmposters, werd hij een van de eersten die hoofdtitels maakte om de sfeer van een film te introduceren. Je herkent zijn werk waarschijnlijk in klassieke titels als De man met de gouden arm , Anatomie van een moord , Psycho en North by Northwest .
Deze zijn niet alleen slecht, geweldig motion design, maar ook een serieuze arbeid van liefde in een wereld vóór After Effects. Bekijk de verbazingwekkende nalatenschap van zijn werk op Art of the Title.
KYLE COOPER
Herinner je je de eerste filmtitel die je zag en die je hersenen deed ontploffen? Voor veel van ons motion nerds was het de titel voor Se7en Als je het niet kent, kijk dan nu...
Mind blown? OK goed. Se7en is kinetisch type op zijn best (in een 1995 soort van manier).
De man die daarvoor verantwoordelijk is, is de enige echte Kyle Cooper, medeoprichter van het agentschap Imaginary Forces. Kies je top tien van favoriete filmtitels aller tijden en de kans is groot dat zijn naam op minstens één ervan staat.
Er zijn heel veel prachtige voorbeelden van kinetische typografie. Ik laat het daar voorlopig bij, zodat we ons kunnen bezighouden met enkele technieken voor het kiezen van typografie.
Type kiezen voor Mograph
Type is communicatie. Type communiceert de betekenis van het woord, maar de visuele stijl van het type communiceert zoveel meer dan alleen het woord zelf.
Het vinden van de juiste lettertypes en fonts voor een project is een subjectief proces. Het is een beetje als het kiezen van je kleurenpalet.
Denk na over wat je wilt zeggen en dan hoe je het wilt zeggen.Is het een sterk statement? Een genuanceerd detail? Een richtlijn? Is de boodschap indringend? Gehaast? Bang? Romantisch?
Emoties en ideeën kunnen worden gecreëerd in de geest van de kijker met de keuze van lettertype, hiërarchie, schaal, toon en kleur. Het belangrijkste is dat de betekenissen worden begrepen. We praten veel over lettertypes en lay-out in onze Design Bootcamp.
Hoewel er enkele generalisaties kunnen worden gemaakt, komt het echt neer op het maken van je eigen persoonlijke ontwerpkeuzes. Denk aan de sleutelwoorden in je compositie en hoe je letterkeuze persoonlijkheid en contrast kan creëren. Dit stuk van MK12 is een geweldig voorbeeld van kinetische typografie die een verhaal vertelt:
Net als animatie vergt kinetische typografie tijd en oefening om onder de knie te krijgen.
Waar vindt u lettertypen?
Er zijn veel plaatsen waar je zowel gratis als betaalde lettertypes kunt vinden. Hier zijn een paar van onze favorieten:
- Fonts.com - $9,99 per maand
- TypeKit - Verschillende niveaus zowel inbegrepen als in aanvulling op Creative Cloud (Wij gebruiken TypeKit vrij veel hier bij School of Motion)
- DaFont - Veel freebies
Geanimeerd type
Als je dit nog niet weet, wil je me misschien kussen nadat je dit volgende stukje hebt gelezen... Dit is een mega coole tijdsbesparing.
Een klein bedrijfje in Amsterdam genaamd Animography heeft hard gewerkt om geanimeerde lettertypes beschikbaar te maken voor ons MoGraph nerds om te kopen en te gebruiken. Denk aan After Effects tekst animatie presets op MoGraph crack. Je kan me later bedanken.
Bekijk het op Animography, en blader ondertussen door hun hele bibliotheek. Het is puur MoGraph goud.
Er is nog veel meer waar dit vandaan kwam...
Geweldige type combinaties
We vroegen het School of Motion team om enkele van hun favoriete typecombinaties te delen. Hier zijn enkele van de favorieten. Voel je vrij om ze te gebruiken in je volgende project.
![](/wp-content/uploads/history/195/wei1p1dpcl.jpeg)
Veel succes met al je nieuwe kennis over typografie. Maar het belangrijkste om te onthouden als het om type gaat is...
Gebruik nooit Comic Sans... Nooit.
![](/wp-content/uploads/history/195/wei1p1dpcl-7.gif)