Animation rakentaa liikkuvan teoksen — otsikkokortin, logo-animaation, loopaavan elementin sivustolle — oikeana markup-ohjattuna liikkeenä, jota voi toistaa, kelata ja viedä. Se on pohja työlle, joka liikkuu.
Mitä animaatioajo rakentaa
Briefaa se kuin motion-briefi — "otsikkokortti, joka piirtää itsensä, kolme sekuntia, hiljainen" — ja agentti rakentaa teoksen ja avaa sen animation playeriin: canvas, aikajana, play/pause ja frame-kontrollit. Liike on todellista — tiedostojen ohjaamaa, ei paistettua videota — joten soitin kelaa varsinaisen animaation.
Soita se suoraan läpi, pysäytä frameen tai kelaa aikajanaa lukeaksesi liikkeen tahti taidalta — sama tarkastelu, jonka motion-kierros ansaitsee.
Todellinen liike, ohjattavissa
Koska animaatio on koodia, se ohjautuu kuten mikä tahansa tulos — ajoitus, easing, liikkuvat elementit ovat kaikki tiedostoissa, joten jatko muotoilee niitä:
- ⌥-klikkaa elementtiä, kommentoi itse liikettä ("tämän pitäisi ease out, ei leikata")
- Jatkot taiteille ("pidä logoa tahti pidempään ennen sanaa")
- Versiot toisen motion-oten kokeilemiseksi samalle teokselle
- Tweaks parametreille, joita teos paljastaa (nopeus, easing-voimakkuus)
Missä se on hyvä
- Otsikkokortit ja logot — piirretty päälle, fade-in, reveal
- Lataus- ja tyhjät tilat — pieni liike, joka saa sovelluksen tuntumaan elävältä
- Sosiaaliset loopit — lyhyet, loopaavat teokset postauksiin ja mainoksiin
- Mikro-interaktiot — painikkeen painallus, togglen kääntö, esitettynä teoksena
Animaatio vs video siitä
Soitin näyttää animaation — tiedostojen ohjaamaa liikettä, tarkasteltavissa frame framelta. Videovienti paistaa sen — litteä tiedosto jakamista tai upotusta varten, kun liikettä ei voi ajaa livenä. Molemmat merkitsevät: live-teos työskentelyyn, video lähettämiseen.
Vieminen
Animaatiot viedään MP4:ään — paistettuna teoksen pituudessa ja koossa jakamista, postausta tai upotusta varten — plus lähdetiedostot seuraavaa ohjausta varten. Videovienti on renderi todellisesta liikkeestä, ei ruututallenne.
Vinkki: Briefaa tahti, älä vain ulkoasua — "draw on, hold, resolve" antaa liikkeelle muodon; "tee siitä animoitu" jättää ajoituksen sattuman varaan, ja ajoitus on se, mikä saa liikkeen tuntumaan suunnitellulta.