7 minutes read
typografische animaties zijn al vele jaren zeer populair en we kunnen ze overal zien, van filmopeningen tot tv-commercials. Ze zijn ook op grote schaal aangenomen door webdesigners en massaal gebruikt in website ontwerp en display banner ontwerp.
de reden waarom kinetisch type zo geliefd is bij ontwerpers is dat het eindeloze creatieve mogelijkheden biedt, in het oog springt en krachtige boodschappen kan overbrengen.
Wat is geanimeerde typografie?
kinetische typografie of geanimeerde typografie verwijst naar elke vorm van bewegende tekst, of het nu gaat om tekst die langzaam beweegt, uitzet, krimpt of verandert in iets anders. Geanimeerde letters zijn veel aantrekkelijker dan statische tekst.
tekstanimaties worden gebruikt om:
- benadruk de Betekenis van een tekst en
- om een met emoties gevulde boodschap over te brengen.
- het heeft ook het potentieel om de aandacht van een kijker te vangen en hem op een grote manier te beïnvloeden.
en nu nodig ik u uit om een selectie van coole typografische animaties door te nemen. Elk van hen is een geweldige kans voor u om een aantal nieuwe technieken te leren en ontdek verbazingwekkende creatieve ideeën. Sommigen van hen zullen je verbazen!
10 voorbeelden van verbazingwekkende geanimeerde typografie
1. Morphing is een van de meest gebruikte technieken in kinetische typografie om motietypografie te creëren. Het is eenvoudig en opvallend. Bovendien kan het ontwerpers helpen een belangrijke boodschap te promoten of een verklaring af te leggen.
kunstenaar: Holke79
2. Flikkerende tekst, integendeel, is niet iets wat je heel vaak zult vinden. Men moet echt een flair hebben voor het kiezen van woorden om flikkeren als geanimeerde tekst te gebruiken. Niet veel woorden die er zijn werken zo goed met deze techniek, als “waar” en “hier” doen.
kunstenaar: Christos Baltaszis
3.Hypnotiserende tekst zal nooit onopgemerkt blijven. Het is bedoeld om op te vallen en indruk te maken. En hypnotiseren.
kunstenaar: Cecilia Erlich
4.Het verplaatsen van tekst, of het is van rechts naar links of Van boven naar beneden, is ook spectaculair, vooral wanneer de techniek is gekoppeld met passende woorden. Zoals je in dit voorbeeld ziet, werd dit animatie-effect gebruikt om de Betekenis van de woorden te benadrukken en de kijker te verrassen.
artiest: Siddhart Mate
5. Het tekenen van de tekst letter voor letter is niet iets nieuws, maar het hangt allemaal af van hoe je het doet, welke lettertypen je gebruikt en andere complementaire grafische elementen. Dit voorbeeld laat zien hoe creatief men kan worden met een eenvoudige boodschap als “silence of a forest”. Aan de ene kant gebruikte de kunstenaar dit bosrijke groen, aan de andere kant, het maakte het woord “bos” eigenlijk lijken op een dennenbos! En niet te vergeten het subtiele blaadje dat bovenop “i”valt!
artiest: Chesca Acpal
6.Geometrische constructies zijn de nieuwe sensatie van geanimeerde typografie. Dit type animatie techniek is modern en cool en het kan helpen creatievelingen bevorderen van een tech of urban merk als geen ander.
bron: Animografie
7.Fluid geometry is een nieuw soort typografie animatie techniek en het is prachtig! Het heeft een stedelijke lucht en een vloeiende dynamiek.
bron: Animografie
8. Je hebt misschien nog nooit gehoord van textuurconstructies, maar ze bestaan wel. Hier is het bewijs:
deze animatietechniek construeert de lagen en textuur van letters tegelijkertijd voor een echt artistiek effect.
bron: Animografie
9. Complexe morphing is een andere manier om aandacht te krijgen voor uw boodschap. Ik hou ervan hoe deze symbolen van Londen de naam van de stad creëren. U kunt zelfs elk afzonderlijk gebouw herkennen!
bron: Giphy
- grafische animaties omvatten de aanwezigheid van grafieken en Illustraties. Dit is een complexere vorm van geanimeerde tekst, maar het is absoluut de moeite waard.
bron: Giphy
11. De dynamische montage van tekst kan een verhaal vertellen, zelfs als er helemaal geen beelden zijn. Pauzeer even en kijk naar het voorbeeld hieronder om te begrijpen hoe timing, pauze en de abrupte verschijning van tekst spanning en een verhaallijn kunnen creëren.
bron: Contentcreatures
12. Neon flikkeren wordt vrij vaak gebruikt in advertenties voor pubs en bars. Het effect is zeer eenvoudig te creëren en het garandeert uw boodschap zal opvallen.
artiest: Margaret Fu
13. Dash typografie is modern en eenvoudig en het kan een bericht op een elegante manier introduceren.
bron: Gifer
14. Creatieve brieven kunnen iedereen verrassen. Kijk maar naar deze vliegende vleermuis W. De vleermuis is totaal een Halloween handelsmerk, dus de associatie tussen de twee komt vanzelf.
bron: Digital Synopsis
15. Geà llustreerde letters die een woord vormen bestaan al vele jaren, maar ze zijn nog steeds pakkend en verrassend.
bron: Hackernoon
16. De Scrabble effect typografie animatie kan u helpen uw boodschap op een dynamische en verrassende manier.
kunstenaar: Maxym Zacharyack
17. Morphing geometrische vormen kan uw verhaal te benadrukken en het creëren van een unieke sfeer.
bron: Mvdc-Project
18. Creatieve geanimeerde letters in statische woorden, dat is iets wat niemand verwacht. Deze combinatie van statische en geanimeerde letters is echt interessant omdat je je bericht op één letter kunt richten.
artiest: Mindaugas Dudenas
19. Versnelde typografie animatie worden gebruikt om een oogverblindend visueel effect te creëren en om een snel verhaal over te brengen. Zoals we kunnen zien in dit voorbeeld, deze animatie vertelt over hoeveel tequila shots iemand dronk. Je wordt er duizelig van.
bron: Giphy
20. Met emoties gevulde geanimeerde brieven. Dit is geen animatie-effect, maar een creatieve techniek. Dit schuddende ” ik ” brengt zoveel emotie over, dat we er bijna mee kunnen meevoelen!
artiest: Vlado Paunovic
Hoe maak je je eigen coole typografische animaties
Eager om te proberen een coole typografische animatie te maken? In Creatopy kun je er een maken in slechts een paar minuten. Hier heb ik er een gemaakt in ongeveer 5 minuten:
nieuwsgierig? Als u nu een kinetische typografie visueel wilt maken in Creatopy, meld u dan aan bij uw account (of Meld u gratis aan) en volg deze stappen:
- Ga naar maken en klik op de knop, of selecteer gewoon de gewenste grootte van de Zoeken tab.
- selecteer een achtergrond voor uw visuele. Het kan een kleur, textuur, patroon of stockfoto zijn, al beschikbaar in Creatopy. Of u kunt zelf een foto uploaden. Ik zal het proces illustreren met behulp van de blauwe achtergrond die ik kies voor mijn visuele.
- voeg dan je tekst toe. Ga naar het menu aan de linkerkant en klik op het tabblad Tekst. Selecteer een van de beschikbare tekstformaten beschikbaar, of kies een vooraf gedefinieerde typografie sjabloon en vervang de bestaande tekst door uw eigen.
hier is de typografische voorinstelling die ik kies. Het is standaard statisch, maar je kunt het gemakkelijk animeren. Ik zal je laten zien hoe.
- u kunt een snel geanimeerd effect met behulp van onze Magic Animator tool die op de menubalk, laatste op de lijst. Als u echter een verrassend en meer in het oog springend effect wilt creëren, moet u elk van uw woorden aanpassen met behulp van de tijdlijnweergave.
klik op de knop tijdlijn om de tijdlijnweergave in te schakelen, zodat u al uw elementen mooi gelaagd en georganiseerd kunt zien.
klik vervolgens op elk klein vakje aan het begin van elke tekstlaag en u zult een pop-up menu zien van de ingebouwde animaties die beschikbaar zijn. Probeer elk van hen uit om te zien welke het beste werkt met uw tekst en stel vervolgens de duur van de animatie-effect door simpelweg slepen van de juiste marges van het kader naar rechts.
herhaal deze actie voor elk van de woorden in uw beeld.
voor een continu geanimeerd effect, verander de looping-instelling van een keer naar voor altijd of zo vaak als u wilt dat de animatie wordt afgespeeld.
druk vervolgens op de afspeelknop die boven op het dashboard staat om je werk te controleren.
- Nu u klaar bent met het animeren van uw tekst, kunt u uw werk downloaden in HTML -, AMP -, MP4-en GIF-formaat.
dat is het! Rustig aan.
laat uw woorden tot leven komen met motion typography!
nu weet u meer over typografische animaties en hopelijk voelt u meer vertrouwen om uw geanimeerde typografie project te starten. Of u nu probeert om een reclame visuele of een DIY promotiemateriaal voor uw blog te maken, Creatopy kan u helpen om indrukwekkend geanimeerde teksten in minuten te ontwerpen!