Video & animation

Figuren er bygget op af fem firkanter som alle har rundede hjørner. Dette er gjort så man kan kontrolere rundingen af de enkelte hjørner i hovedfiguren. De fire firkanter, der ligger ovenpå hovedfirkanten, eller alle forbundet til hovedfiguren og følger derved dens størrelse opacitet og farve.

Tryk på laget “main” og derefter “Effect Controls” fanen. Her er nogle såkaldte “sliders”, der kan styre alt fra figurens position, størrelse og rundingen på de nekelte hjørner.

En bevægelse i DI’s animationsunivers foregår over 30 frames eller et sekundt alt efter frameraten. Det er dog også tilladt at animere over den halve tid (15 frames) eller den dobbelte (60 frames), hvis det skal gå langsomere. Det er dog vigtigt at det alt sammen er tal der kan gå op i 30.

Det er også tilladt at forskyde animationen lidt for at opnå en offset effekt hvis der er flere objekter. Dette kan opnås ved at forskyde hver animation med fem frames. Se eksempel.

Alle bevægelser skal have på 80 / 80, hvilket gør at animationskurven bliver meget spids og at alle animationer starter og slutter roligt men akselerere i midten. Det giver en energisk fornemmelse og den rolige start og slut gør at animationen ikke føles ude af kontrol men kontroleret.

For at opnå denne easingkurve vil det helt klart anbefales at anskaffe Motion 4 til After Effects (eller lignende program, hvor man kan styre easingkurven med tal). Dette vil gøre det lettere at kontrolere bevægelsen og dermed få samme resultat hver gang.

Motion 4 kan købes her: https://mtmograph.com/products/motion-4

Det spidse hjørne skifter fra hjørne til hjørne samtidig med at figuren bevæger sig og/eller skifter form. Som hovedregel skifter hjørnet hen med den side som figuren bevæger sig hen imod, om det er oppe eller nede er et estetisk valg som må træffes fra gang til gang. I dette skærmformat skal det runde hjørner have en “roundness” på 75 px og det spidse hjørne 0.

Når figuren udvider sig skal bagkanten forblive samme sted. Da figuren kun kan skalere med centerpunkt i midten skal dette opnås ved både at animere positionen og størelsen på præcis samme tid med samme easing. Det er meget vigtigt ellers vil figuren stå og flakke lidt. Et god måde at opnå dette på er ved at positionen flytter sig halvt så meget som figuren udvides. For eksempel hvis figuren vokser 300 pixels på X-aksen, så skal X-positionen forøges med 150 pixels. Dette gælder med bevægelser fra ventre mod højre, ved modsatte bevægelse trækkes det derimod fra.

Det er vigtigt at holder fast bagkant når den skalere. Figurer som bliver skubbet af andre figurer må dog derimod godt skalere ned uden at holde fast bagkant. Se eksempel.

Indholdet fades ind og ud med opacitet fra 0 til 100, der følger formens easing. Figuren sættes som en synlig alfamaske til indholdet så det også bliver croppet af under bevægelsen.