KINETIC IMPULSE BLOCK

KINETISCHE TYPOGRAFIE DIE BEWEEGT

Kinetic typography is text that moves: a headline with a designed entrance instead of a flat line. Instinctor builds animated text right in the page editor, with no After Effects and no code. Choose an animation, set the color and pace, and publish. The words arrive, they do not just appear.

WAAROM KINETISCH

Een stilstaande titel is een gemiste kans

A reader gives the top of a page about a second before deciding whether to stay. A static headline spends that second sitting there. A headline that moves spends it earning attention: the eye is pulled to motion before it reads a word, so the first thing your visitor does is watch your most important line. Kinetic is the difference between a headline that is seen and one that is skimmed.

LAAT HET LANDEN

Kinetische typografie, ook wel geanimeerde tekst of geanimeerde typografie genoemd, is een kop die op zijn plek komt in plaats van allemaal tegelijk te laden. Deze cascade brengt elke regel op zijn eigen manier in, en komt dan tot rust. Elders betekent een effect als dit een After Effects-template, een CSS keyframe-animatie, of een geanimeerde tekstgenerator die u op een pagina plakt. In de Instinctor page builder is het simpelweg een instelling: typ de kop, kies een compositie, en het speelt live. Er is geen render om te exporteren, geen keyframes om te onderhouden, en geen plugin om te installeren.

Geanimeerde tekst die zacht opkomt

Een spotlight fade is een van de rustigere geanimeerde teksteffecten, het soort dat u normaal gesproken met CSS zou hand-coderen of in After Effects zou bouwen. De woorden verschijnen uit een vervaging, dus een hero-kop trekt het oog zonder te schreeuwen. In Instinctor is het een klaar geanimeerde kopstijl in plaats van een script: u stelt uw eigen kleur, gewicht, lettertype en tempo in een paneel in, en de geanimeerde tekst draait op de live pagina. Geen CSS keyframes, geen geëxporteerde video, en geen geanimeerde tekstgenerator op de site geplakt.

Letters die in een boog binnenvliegen

Een kop letter voor letter animeren, in plaats van als blok, betekent meestal een After Effects-template of een handgeschreven tekstanimatie. Deze brengt elk teken in een boog van de camera en laat het tot rust komen, een stuk kinetische typografie gegenereerd in de browser als echte, leesbare tekst. Omdat het geanimeerde tekst is en geen video, kunnen zoekmachines de woorden nog steeds lezen en blijft de pagina snel. In de Instinctor editor is het hele effect een enkele compositiekeuze, zonder videoexport en zonder code om te schrijven.

Een losgeldbrief als teksteffect

Een ruw teksteffect van gescheurd papier, het soort voorbeeld van kinetische typografie dat mensen opzoeken op codepen of in galerijen van After Effects. Het past bij een lancering, een promotie of een merk met een randje, waar een vloeiend geanimeerde kop te beleefd zou aanvoelen. Eenmaal ingesteld in de Instinctor-editor is het een echte, crawlbare geanimeerde kop van live tekst, geen GIF, screenshot of geëxporteerde clip. Uw woorden blijven selecteerbaar en indexeerbaar terwijl de letters bewegen.

Een tekstanimatie met neonflikkering

Een flikkerende neon-tekstanimatie met een chromatische glitchrand, voor een nachtleven-, arcade- of retrogevoel. In de meeste tools is dit een geanimeerd teksttemplate dat u downloadt, of een CSS-teksteffect dat u van codepen kopieert en met de hand onderhoudt. In de Instinctor-paginabouwer is het een kopstijl die u inschakelt: de geanimeerde tekst wordt live weergegeven, zonder CSS om bij te houden, zonder After Effects-project en zonder plugin. Wijzig de woorden, de kleur en het tempo wanneer u maar wilt en de animatie past zich aan.

Tekst op een draaiende 3D-kubus

Geanimeerde tekst in drie dimensies, het soort kinetische typografie dat normaal in After Effects of een WebGL-demo op codepen thuishoort. Hier draait de kop mee op een roterende kubus, uiteengesneden en weer samengevoegd, live weergegeven in de browser in plaats van als video ingevoegd. Omdat het geanimeerde typografie van echte tekst is, lezen zowel mensen als zoekmachines het als een kop. In de Instinctor-editor is het 3D-effect één optie in een paneel, zonder iets te programmeren.

Tekst die zich in een spiraal windt

Een geanimeerde typografiestijl die de letters op een langzaam draaiende spiraal wikkelt, het soort uitgebreide tekstanimatie dat u anders met eigen CSS of JavaScript zou bouwen. Het oogt als een op maat gemaakt codepen-effect, maar in de Instinctor-paginabouwer is het één keuze, zonder plugin, zonder bibliotheek en zonder keyframes om met de hand te schrijven. De kop blijft live, bewerkbare tekst, dus de geanimeerde tekst is zoekmachinevriendelijk en de pagina blijft licht terwijl de spiraal draait.

Pulserende geanimeerde letters

Een doorlopende kinetische tekstanimatie waarin de letters op de beat opzwellen en weer samenpakken, goed voor muziek, evenementen of alles wat luid mag aanvoelen. Het is het soort geanimeerde tekst waar mensen op codepen of als After Effects-preset naar zoeken. In de Instinctor-editor zit het ingebouwd: geen HTML of CSS om te onderhouden, geen plugin om bij te werken en geen geëxporteerde video. U typt de woorden, kiest de compositie en de geanimeerde kop speelt live op de pagina.

Geanimeerde tekst in een kleurverloop

Een geanimeerd kleurverloop dat over de letters trekt terwijl ze bewegen. Het combineert kinetische typografie met een verloopeffect in één kop, iets wat u anders zou samenstellen uit een CSS-verloop plus een aparte tekstanimatie, of uit een plugin en een After Effects-export. In de Instinctor-paginabouwer is beide één instelling: kies twee kleuren, kies hoe het verloop beweegt en de geanimeerde tekst speelt live. Geen aparte generator, geen CSS om met de hand te schrijven en niets om te renderen.

Een lange geanimeerde kop in beweging

Geanimeerde tekst is niet alleen voor titels van twee woorden. Een volledige geanimeerde kop over meerdere regels kan als één gecomponeerde beweging spelen, zodat zelfs een lange titel in kinetische typografie ontworpen binnenkomt in plaats van als een stapel losse CSS-animaties. Waar een zelfgebouwd effect over meerdere regels kwetsbaar wordt, behandelt Instinctor de hele kop als één animatie. Het blijft live, crawlbare tekst voor zoekmachines, ingesteld vanuit de editor zonder keyframes en zonder After Effects, en de kop past zich opnieuw aan en animeert opnieuw wanneer u de woorden wijzigt.

MIX de gewichten EN DE KLEUR

Combineer diktes, groottes en kleuren in één geanimeerde titel: een tweekleurige kinetische tekstanimatie per regel die u anders met CSS zou bouwen of in After Effects in elkaar zou zetten. De ene regel kan zwaar zijn en de andere licht, de ene in uw merkkleur en de andere in een accentkleur, allemaal in één geanimeerde kop. In de Instinctor-editor stelt u elke regel in een paneel in, zodat de geanimeerde typografie één samenhangende kop blijft in plaats van een rij losse effecten, en het blijft echte, indexeerbare tekst op de pagina.

KLEUR EN CONTROLE

Uw kleur uw tempo

Eén kleur klinkt als één stem; zet een verloop aan en twee kleuren reizen, draaien of vegen over de letters terwijl ze bewegen.
Snelheid is één schuifregelaar, standaard op een rustig driekwarttempo, en het blok past de letters automatisch aan het scherm aan, zodat een kop nooit buiten beeld loopt. 

ÉÉN BEWEGING

Ontworpen, niet gescript

De valkuil bij geanimeerde tekst is elk woord apart scripten tot de kop een stapel losse trucjes wordt. Instinctor werkt andersom: u kiest één compositie en de hele regel beweegt als één ontworpen gebaar. Sturing per regel is er wanneer u die wilt, maar de standaard is één schone beweging, in een bewust tempo, en de effectbejag-entrees blijven op de plank.

Beweging is het eerste woord

Niemand leest een kop en denkt aan de animatie, zoals niemand een goed gemaakte kamer binnenloopt en het houtwerk bewondert. Ze voelen gewoon dat het met zorg is gemaakt. Een regel die met intentie aankomt zet de toon voor alles eronder: hij zegt dat deze pagina is ontworpen, niet in elkaar gezet. Die indruk ontstaat in de eerste seconde, en het is het lastigste om na te doen met een statisch sjabloon.

Wat is kinetische typografie?

Ontdek wat het nog meer doet

Kinetische tekst is een van de veertig blokken in Impulse, en ze zijn allemaal gebouwd om te bewegen.