Tijdlijn-editor — intro-animatie

Coördinaten = echte schermpixels van het gekozen test-scherm. Scrub door de tijd en stel precies af.

Preview — simuleert een echt browservenster

Kudding & Partners
Professioneel

Omgaan met Emotie en Agressie

Tijdlijn

ruiten logo 0 ms
Verticale grijze lijnen = einde indrijven/vullen · logo begint · einde. Sleep de schuif om elk moment te bekijken.

Test-scherm

Breedte Hoogte
Dit simuleert de browservensterafmeting. Verandert per scherm en of je F11-fullscreen staat — test 'm op een paar formaten.

Eindpositie (t.o.v. schermcentrum)

Horizontaal
Verticaal (negatief = hoger)
Vergelijk met de ijk-logo hieronder om het exact op het ruit-mark van het logo te leggen.

Begin

Startafstand (uit elkaar)
Startgrootte
Eindgrootte (bij verdwijnen)
Dichtbij-stop (raken elkaar niet)

Rotatie

Start-rotatie
Elke ruit draait om z'n eigen midden, van deze hoek naar 0° — precies klaar als het indrijven klaar is.

Vulling

Vul-duur
Omtrekdikte bij lege ruit
De omtrek is dunner zolang de ruit leeg is en dikt aan terwijl de kleur volloopt. Bij "blijft omtrek" zie je precies hoe dun 'm blijft.

Fade-in (optioneel)

Fade-in duur

Snelheid & uitfade

Snelheid (indrijf-duur)
Uitfade-duur (hoe snel weg)

Daarna

Pauze (1 tel)
Logo fade-in duur

IJk-logo

IJklijn-opacity
Staat op de echte productie-positie/grootte van het logo. Zet uit om te zien hoe het er als kijker echt uitziet (logo faded pas in ná de pauze).

Opslaan

Wordt automatisch bewaard in deze browser. Tevreden? Kopieer de waarden of zeg "neem over" — dan zet ik ze in de echte slide-overgang.