DSPP

Dossier de synthèse professionnel

MARTIN Fabien

Création AE

Création d'une animation After Effect


  Affter effect CC



Présentation
After Effects est un logiciel, à la base, de montage vidéo qui est devenu par la suite un outil de composition (compositing en anglais) et d'effets visuels, pionnier de l'animation graphique sur ordinateur personnel, édité par la société Adobe Systems. Ce logiciel permet de créer des effets spéciaux et des animations graphiques pour tous supports et à partir de n’importe quel types de sources. La version actuelle s'appelle « After Effects CC 2015 » (CC pour Creative Cloud).
[définition WIKIPEDIA]

Les étapes




La recherche d'un background




Recherche sur google photo HD



osaka original

+Cliquez sur l'image



Les outils de recherches



osaka refonte

+Cliquez sur l'image



Dans un premier temps il faut rechercher la matière première,dans le cas de cette animation j'ai besoin d'une image full HD en 4k, car je vais utiliser des plans de caméra avec un zoom,
étant donné que la caméra (virtuelle) aura un pseudo objectif de 50mn
avec une focale de 1.8 (ouverture) qui génère une profondeur de champ assez importante,
il ne faut pas que l'image soit altérée.

J'ai décider de capturer en vidéo toute la conception en "Speedart" c'est à dire réduire 1h15 de travail en une video complète de moins de 10 min.

J'ai conçu moi même le lecteur utilisé pour la lecture de cette vidéo avec Adobe edge animate.. l'explication de la procédure est dans la catégorie animation et interactivité .. attention il ya de la musique sur la vidéo que vous pouvez couper avec l'icone haut parleur..

Ce qui suit est un lecteur vidéo que j'ai fait avec Edge Animate cc


Organisation et préparation

Les dossiers

1. Préparation:
Tout d'abord, pour bien démarrer le projet, je crée plusieurs dossiers:

- Dossier "images"
- Dossier "solides"
- Dossier "Vidéos"
- Dossier "Compositions"









Création d'une nouvelle composition





Donc, une nouvelle composition est crée, je la nomme animation texte, il faut être explicite car je vais devoir mettre en place plusieur compositions pour travailler étape par étape et proprement, car sinon je vais me retrouver avec une timeline tellement chargée que la machine risque de manquer de ressources...
Une fois cette composition en place je vais pouvoir commencer à élaborer ma première animation:

Je place une grille de centrage pour me repérer dans l'espace, et je tape mon texte:




Le texte une fois fini avec la police la couleur souhaitée etc...
Je créer un solide, je baisse l'opacité pour pouvoir repérer le texte qui se trouve derrière,
je clique sur le solide dans la timeline et je crée un MASQUE ( une sorte de masqe de fusion comme sur photoshop).
Le maque encadre mon texte, je cherche a garder son tracé.
Dans la bibliothèque des effets d'After effect je recherche génération de trait.



















Dans la time line, il y a, le panneau "ACTION", on peut observer que les options de l'effet apparaissent,

1- Placer la timeline à zéro seconde
2- Cliquer sur la fonction clé de mouvement face a l'option fin et mettre "0%"
3- Déplacer la timeline a 2 secondes et mettre début et fin à "100%"
4- Cliquer sur la touche "U" du clavier

Sélectionner les clés générées dans la timeline, de l'option début,
déplacer les vers la droite de quelques secondes et comme par magie:

L'ANIMATION DU CONTOUR EST EN PLACE !







le test







Les finitions


Il est temps d'améliorer l'animation en gérant la transition de départ et d'arrivée de chaque éléments un peu comme les (-webkit-transform), (-webkit-transition)et le (keyframe) en css3.










Ensuite pour en finir avec l'animation texte, je dupliques le contour, modifie, et déplace à volonté mais surtout en fonction de mes besoins.
Je range cette composition dans le dossier crée au début: Compositions,
et je crée une nouvelle composition que j'appelle Background, je déplace l'animation texte dans celle-ci.


Je crée un "claque", enfait c'est une création de caméra, je choisi le type d'objectif le focus etc...
- 50mn
- Focus de 1.8 ou de 2 (ça correspond a l'ouverture et donc la profondeur de champ)
Je prépare mes mouvements de clés sur les déplacements de caméra, voici une démonstration:




















Démonstration



TRÈS TRÈS IMPORTANT !!! NE PAS OUBLIER DE COCHER LE CUBE DE L'OPTION 3D EN FACE DES ELEMENTS OBJETS



Les mouvements et le zoom

Comme pour l'animation texte, j'utilise les clés de mouvments pour animer mes éléments..

Je rend également l'animation texte en impression 3D et la replace dans l'espace.
après environ 1/2 heure, le background et le texte sont en place et animés.
voici le rendu:




La 2D / 3D rendu








Pour finir, je crée une dernière composition dans laquelle je tranfère les deux premières compositions.
Ensuite je duplique le tout et je place un masque de fusion comme avec le texte animé.
Je zoom la caméra sur le mask et je le scinde avec l'outil plume et donc je mets en place le mouvement avec les clés. Je répète la procédure autant de fois que j'en ai besoin.




La 2D / 3D rendu






Vision global

Pour conclure, je précise que par méprise j'ai entré dans l'animation le texte CCP,
il est vrai que "Titre professionnel infographiste multimédia" aurait été judicieux
Une chose est sûr, Adobe after effect est un puissant logiciel qui se lie bien avec la suite Adobe.
En effet en passant par Illustrator pour faire de la vectorisation d'élément
ou de la création graphique, basculer sur After effect et ensuite finaliser avec Edge animate cc ou Adobe flash pro pour l'interactivité,
rend les possiblités incroyablement variées et nombreuses.


En conclusion

Pour ce projet, j'ai travaillé seul.
Je suis passionné et je pratique de plus en plus pour des artistes, groupes de musiques, compagnies de théatres..
Toujours en phase d'apprentissage, je m'informe chaques jour et discute sur des forums.
Ue courte animation de 15 secondes demande environ 2h de travail et 1h de rendu.




Composition finale



Objectif titre professionnel Infographiste multimedia



Wordpress

Wordpress

Service

WHAT WE DO BEST

Applications
Applications

Mozilla Web Developer, MooTools & jQuery Consultant, MooTools Core Developer, Javascript Fanatic, CSS Tinkerer, PHP Hacker, and web lover.

Productions
Productions

Mozilla Web Developer, MooTools & jQuery Consultant, MooTools Core Developer, Javascript Fanatic, CSS Tinkerer, PHP Hacker, and web lover.

Web Designing
Web Designing

Mozilla Web Developer, MooTools & jQuery Consultant, MooTools Core Developer, Javascript Fanatic, CSS Tinkerer, PHP Hacker, and web lover.

CHOSSE YOUR PLAN

Basic

$19/Month

  • 15 Projects
  • 30 GB Storage
  • Unlimited Data Transfer
  • 50 GB Bandwith
  • Enhanced Security
learn more

Business

$29/Month

  • 15 Projects
  • 30 GB Storage
  • Unlimited Data Transfer
  • 50 GB Bandwith
  • Enhanced Security
learn more

Premium

$39/Month

  • 15 Projects
  • 30 GB Storage
  • Unlimited Data Transfer
  • 50 GB Bandwith
  • Enhanced Security
learn more

Ultimate

$49/Month

  • 15 Projects
  • 30 GB Storage
  • Unlimited Data Transfer
  • 50 GB Bandwith
  • Enhanced Security
learn more

OUR VALUABLE CLIENTS

contact

COME IN TOUCH

House -3, Road-2, Block - F,
Akhalia Ghat R/A, Sylhet.
hello@boots4.com
+880 12345 - 67890