Template avec/sans animation d’entrée-sortie

1–2 minutes
354 mots

La création d’un template animé se fait avec un durée fixe, qui sera probablement pas celle désirée lors de ses multiples utilisations. il faut donc travailler son caractère élastique. De plus comme pour Motion on va rendre les animations de début & fin optionnelles.

Timing de Création

Classiquement pour la création d’un template, on a 3 parties :

ENTRÉE
1s

ZONE ÉLASTIQUE
1s

SORTIE
1s

📏 Durée : 3s

🔵 Élastique : 1s

Historiquement la partie qui sera élastique pourra facilement s’allonger mais aura plus de problèmes (bug) à se raccourcir ➧ un créer un zone élastique courte (max 1 seconde).

1️⃣ Entrée + Élastique + Sortie

ENTRÉE
1s

ZONE ÉLASTIQUE
3s

SORTIE
1s

📏 Durée : 5s

🔵 Élastique : 3s

Pour que la zone centrale soit élastique, il faut ajouter avant le MediaOut un KeyframeStretcher :

  • Source Start/End définissent les frames de Début et Fin du template.
  • Stretch Start/End définit les frames de Début et Fin de la zone élastique

Les valeurs de l’illustrations sont pour un template à 25 i/s et des animations de Début et Fin d’une seconde.

on pourrait s’arrêter là, mais on va continuer en essayant de rentre les animations de début et fin optionnelles

2️⃣ Élastique + Sortie

On commence par la version ou l’animation de Début est ignorée :

ZONE ÉLASTIQUE
4s

SORTIE
1s

📏 Durée : 5s

🔵 Élastique : 4s

Pour que tout soit lié on va travailler avec des instances et expressions

Instancer le KeyframeStrecher
Dé-instancer le paramètre Source Start
Créer une expression pour ce paramètre
Tirer-Glisser le « + » sur Stretch Start

3️⃣ Entrée + Élastique

Puis la version ou l’animation de Fin est ignorée :

ENTRÉE
1s

ZONE ÉLASTIQUE
4s

📏 Durée : 5s

🔵 Élastique : 4s

4️⃣ Élastique

Enfin la version ou les animations de Début et de Fin sont ignorées :

ZONE ÉLASTIQUE
5s

📏 Durée : 5s

🔵 Élastique : 5s

Finalisation

On termine par l’utilisation d’un Switch :

Bien nommer les entrées

Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur la façon dont les données de vos commentaires sont traitées.