Animation d’un camion par Team 8 tuto en FR

Ceci est un résumé des phases clé du didacticiel

Ce projet est libre d’accès et permet de bien comprendre le mouvement.   Sources : création en illustrator, fichier téléchargeable à cette adresse, didacticiel : https://www.collectif-team8.com/tuto-illustrator-illustration-foodtruck

https://www.youtube.com/watch?v=p906xsADfv0

didacticiel After Effects : https://www.youtube.com/watch?v=yJfBkhamwPw

Résumé du cours, captures d’écran importer bibi.ai avec cette option :  

import

  Vérifier les paramètres de composition :

  • 25 images/seconde
  • format type (1280×720 ou 1920×1080)
  • durée en secondes de l’animation
params-compo

Motion Design – animation taureau

Ceci est un résumé du tutoriel gratuit de Team8, cf. le lien ci-dessous, à l’usage des étudiants de BDE2, fichier à télécharger

Liens importants pour l’animation :

Les 12 principes de base de l’animation ont été inventés par 2 collaborateurs de Disney et décrits dans un livre nommé The illusion of life, Disney animation

Ils sont décrits précisément sur wikipedia et montrés en action par l’animateur Cento Lodigiani.

Résumé de l’animation :

https://youtu.be/n-PMAS3NIdI
Rappel de la base, si on dessine un truc en Illustrator il faut le découper en calques
Si pas découpé en calques importer, clic droit > Créer des formes à partir du calque vectoriel
Surtout pas animer tout en même temps; créer de l’emphase.
Mettre fin zone de travail à 1 seconde : N
Commencer l’animation par le museau, échelle V, de 0 à 10 frames, de 0 à 100%
Emphase à 110% 5 frames plus loin puis inverser images clés (0-110-100) + lissage F9
Changer le graphique de vitesse :

lissage image clé

Faire démarrer l’animation du groupe tête au frame 2 échelle H seule
Frame 2 : 0% frame 12 : 110% frame 17 : 100%
Ensuite les cornes à partir de la 5e image, corne gauche, modifier le point d’ancrage et le déplacer du centre vers l’axe près du crâne; échelle H sur 0% puis frame 10 à 105% puis frame 15 à 100%.
Rotation à 5e image à -10 et 10e image à 5 et 15e image à 0°
Reporter sur corne de droite (rotation+10 et -5°)
Ensuite Bosse à partir de la 8e image; échelle V en remettant bien le point d’ancrage en bas – copier les images clé du museau
Oreille ensuite, copier les animations de la corne de droite et les coller à partir de la 12e image
1:02 corps animation à partir de la 12e image – prendre l’animation de la tête et la mettre sur le cou
Ensuite les yeux à partir de la 12e image opacité pour faire simple
1:08 animation du cercle à partir de 12 ? Échelle H/V de 0 à 100% sur 10 images
Base : animation H V copiée à partir de museau 
Puis roue dentée à partir de la 14e image rotation jusqu’à la 3e seconde, rotation de 90°

Taurine graphique : animation du texte lettre par lettre isoler puis clic droit > créer des formes à partir du calque vectoriel  du coup ça devient texte taurine silhouette.

Aller chercher le premier T, propriété S, 0%, 110% 10 images plus loin puis 100% 5 images plus loin.  Une image plus loin animer la lettre suivante.

Motion Design – des pistes pour After Effects

Références pour examen BD2 mai 2020
Création d’un mini-clip en motion design et/ou typographie cinétique à partir d’une musique

But : présenter une animation / motion design utilisant en principe After Effect ou n’importe quel logiciel comme Tumult Hype (mac seulement), Sony Vegas, Adobe Animate…

Le tuto de Team 8 sur youtube vous présente un mode d’emploi de réalisation d’un motion design à partir d’un clip vidéo. Vous êtes libres du choix de la musique, c’est pour moi seulement une inspiration ou une source…

Références pour apprendre After Effect

https://helpx.adobe.com/pdf/after_effects_reference.pdf

Cours gratuits sur After Effects

Didacticiels Adobe sur After Effects

Fundamentals on After Effects

bases animation :

Cours sur bases de l’animation chez Adobe en anglais

bases du motion design
typo kinétique – techniques d’animation en AE
importer calque PSD mais possible de les éditer en texte : clic droit > Créer > Convertir en texte modifiable
espace de travail : standard ou usuel
durée 10 secondes, 25 fr/sec
dépendance, rassembler les fichiers, incrémenter et enregistrer
créer un objet nul (menu calque), permet de contrôler un ou plusieurs calques en parentant les calques à cet objet
Lettres en MotionDesign
Transformation et animation d’un logo Illustrator en After Effect :
Ressources pour travailler avec l’outil marionette sur After Effects

text formatting and animating:
https://helpx.adobe.com/after-effects/how-to/aftereffects-create-text-elements-cc.html?playlist=/ccx/v1/collection/product/after-effects/segment/designer/explevel/beginner/applaunch/basictraining/collection.ccx.js?ref=helpx.adobe.com

https://fr.tuto.com/formation-motion-designer.htm
https://cgi.tutsplus.com/courses
https://www.youtube.com/results?search_query=after+effect+motion+design

character animator
https://youtu.be/ofAMSw-OW5g

typo kinétique
https://www.youtube.com/watch?v=4s_oO210Fm4

Une piste amusante

http://www.openculture.com/2014/07/terry-gilliam-reveals-the-secrets-of-monty-python-animations.html

Motion Design – pistes, liens, modes d’emploi, didacticiels: Typographie cinétique,

Les éléments ci-dessous servent de base et de cadre au cours d’infographie de BDE sur l’animation à Saint-Luc. Vous trouverez également ci-dessous un bon nombre d’exemples…

Définition (wiki)

Didacticiels, trucs et astuces, mode d’emploi

Motion Design typo cinétique

https://www.youtube.com/w atch?v=4s_oO210Fm4

Inspirations – Typographie cinétique

Channel Vimeo

Page Facebook sur la typo cinétique

Ma Chaîne Vimeo sur la typo cinétique

Ma Chaîne Youtube sur la typo cinétique :

Inspirations – TurboMédia

Mes liens sur le TurboMédia

Comment concevoir un TurboMédia selon les auteurs numériques