Flash : Jojo & Albert 4: andere soorten animaties
Inhoud ]
Rémy Sergent

Frame-voor-frame-animaties

Kijk eens naar het begin van de animatie Jojo & Albert die hieronder wordt weergegeven. In het eerste deel beweegt Jojo van rechts naar links, stopt hij en praat hij.

Het gedeelte waar Jojo praat, krijg je door twee frames samen te plaatsen (een gesloten en geopende mond). Hier geldt hetzelfde principe als voor geanimeerde GIF-objecten. Dit noemen we frame-voor-frame-animatie.

Laten we eens teruggaan naar waar we de vorige workshop zijn geëindigd: Jojo1 beweegt van rechts naar links en staat weer stil. Om deze beweging te koppelen aan Jojo's spraak, zullen we een nieuw sleutelframe op de laag invoegen en daar de afbeelding jojo_2 image invoegen.

Ga als volgt te werk:

  1. Activeer de laag Jojo1 en klik op de eerste lege cel in de tijdbalk (frame 21) om deze te selecteren.

  2. Kies Insert > Blank Keyframe.

  3. In de tijdbalk verschijnt een nieuwe cel.



    Afbeelding 1: Het sleutelframe is nu nog leeg

  4. Plaats de afbeelding jojo_2 in de cel volgens de procedure uit het gedeelte Jojo in de werkplaats positioneren in de vorige workshop.

  5. Positioneer de afbeelding jojo_2 exact op de afbeelding jojo_1 image.

  6. Wanneer de frames nu worden afgewisseld, geven alleen de elementen die van het ene op het andere frame van elkaar verschillen (in dit geval de mond van Jojo) de sensatie van beweging.

    Het toetsenbord gebruiken voor meer precisie. Gebruik de pijltoetsen op het toetsenbord om jojo_2 exact op jojo_1 te plaatsen.

  7. Kopieer en plak de cellen met jojo_1 en jojo_2 in de tijdbalk en wissel ze af om de juiste beweging te krijgen.

  8. Hiervoor selecteer je de cellen jojo_1 en jojo_2 en kies je Edit > Copy. Plaats de cursor in de eerste lege cel en kies Edit > Paste.

    De snelheid verminderen. We gaan de frames jojo_1 en jojo_2 in de animatie afwisselen. Als je wilt dat Jojo zijn mond trager opent en sluit, rek je gewoon de sleutelframes zodat ze het gewenste aantal cellen omspannen.

    Deze procedure wordt beschreven in het gedeelte De lengte van de animatie definiëren met sleutelframes in de vorige workshop.