Création et animation d'une application avec Illustrator et After Effects CC

Apprenez avec ce tuto Illustrator et After Effects à créer un template de téléphone et le graphisme d'une application en Flat Design. Ce cours s'articule en 2 parties : une partie dédiée à la création du graphisme sous Illustrator et une seconde partie Motion Design dédiée à After Effects !
 

Création du graphisme avec Damien

Dans cette partie, nous apprendrons à créer un template d'iPhone et le graphisme d'une application mobile. Afin d’optimiser la durée de ce cours, nous ne réaliserons pas l’intégralité des visuels. Ces derniers seront disponibles dans les sources avec les crayonnés des illustrations. Cependant, dans le but de rendre ce cours plus “ludique”, vous réaliserez de A à Z le visuel du menu “Croque Chamelle” ! Cela sera l’occasion d’apprendre de nouvelles techniques de colorisation avec l’outil pinceau et d’appréhender la 3D dans Illustrator CC.

Programme complet du tuto Illustrator 

• Création du template d’iPhone en flat design avec Illustrator
• Création des menus de l’application
• Comment vectoriser des images 
• Création de l’accueil de l’appli
• Création du visuel Croque Chamelle à l'aide de la 3D d'Illustrator
• Techniques de colorisation
• Utilisation des dégradés de formes et des étapes
• Création d’effets et de déformations sur les typographies

Animation avec Kévin

Ensuite, vous retrouverez Kévin sur After Effects. Ce tuto portera essentiellement sur l’utilisation des couches alphas et le parentage des calques afin de les faire apparaître et disparaître facilement.
Cette technique est vraiment essentielle à comprendre et a appliquer dans vos créations. Elle vous aidera à gagner du temps et à créer des effets originaux dans vos animations.

Cette introduction aux couches alphas vous permettra par la suite de créer des animations plus complexes. Nous les utiliserons d’ailleurs lors de nos prochains tuto.

Programme du tuto After Effects

• Utilisation des couches alpha
• Importer des illustrations vectorielles dans After Effects
• Animation et utilisation des courbes de vitesses
• Utilisation des couches alpha
• Lier des calques entre eux (parenté un calque)
• Appliquer la pixellisation en continu
• Utilisation des effets d'After Effects (onde progressive - remplir - turbulence)
• Synchronisation des animations avec une musique et des bruitages

N'hésitez à visionner l'extrait vidéo pour plus d'information concernant ce cours.
Les fichiers projets sont fournis avec ce tuto. Nous restons disponibles dans le salon d'entraide pour répondre à vos questions.

Bon tuto !