Décompte



présentation

Dans cet exercice, il vous est demandé de mettre à profit les éléments vus précédemment :

  • time
  • thisComp.duration
  • width / height
  • posterizeTime
  • Math.sin
  • Math.cos

Cela afin de créer une courte animation (10 secondes) présentant un décompte.

évaluation

Vous serez évalués sur :

  • l’aspect graphique (composition, couleur, typographie)
  • l’animation et la programmation

consignes

  • format : 1280 par 1280, 50 ips
  • durée : 10 secondes
  • animation : uniquement à l’aide d’expressions pour les éléments demandés
  • calques nommés et rangés
  • pas d’éléments bitmaps

déroulement

../../_images/decompte.svg

étape 1 : composition (30 minutes)

Créez une composition avec Illustrator. Vous devez réfléchir aux aspects graphiques (composition, couleurs, typographie), mais aussi à ce que vous souhaitez programmer (voir étape suivante)

étape 2 : revue

Vous me montrez votre travail pour validation.

étape 3 : passage sur After Effects (1 heure)

Importez si besoin vos ressources dans une composition au format et mettez en place votre animation.

Votre animation devra intégrer plusieurs éléments :

  • un décompte sous la forme d’un calque texte indiquant le temps restant : 9, 8, 7, 6, etc. (utilisez thisComp.duration, time et posterizeTime )
  • un décompte sous la forme d’une barre se réduisant au fur et à mesure du temps en utilisant thisComp.duration et time
  • une horloge que vous aurez dessiné et donc là où les aiguilles seront animées par une expression (utilisez time, posterizeTime, éventuellement thisComp.duration)
  • un ou plusieurs éléments utilisant Math.sin() et Math.cos() pour l’animation
  • plusieurs éléments utilisant index (peut être combiné avec le point précédent)

Note

Mettez en place votre composition puis attaquez la parti code, élément par élément. Je suis disponible si besoin. Vous avez aussi le droit de vous aider les uns les autres (aider ≠ fournir du code tout prêt, mais si quelqu’un vous montre son code vous pouvez l’aider, où lui donner des pistes)

étape 3

Vous rédigez un court document texte présentant votre travail et les expressions utilisées (télécharger le modèle).

rendu

Dépôt sur l’ENT.

  • dossier de travail compressé (format .zip, pas de .rar)
    • .aep
    • ressources utilisées
  • composition finale et recherches (.ai)
  • export mp4/h264 (le poids ne devrait pas dépasser 15 Mo)