Tutoriel création et animation de l’application BiBi Graillon avec Illustrator et After Effects CC
Voici la suite de nos 2 précédents tutoriels gratuits en vidéo. D’abord, nous avons appris à créer un foodtruck vectoriel avec Illustrator. Ensuite, à créer l’animation en motion avec After Effects. Aujourd’hui, BiBi Graillon revient avec sa nouvelle application ! Retrouvez et commandez les succulents burgers, hot-dogs, croques-monsieur directement via votre téléphone :)
Dans ce tutoriel Illustrator et After Effects en vidéo, vous apprendrez à créer de A à Z un template d’iPhone. De plus, le graphisme de l’application en Flat Design sera abordé. En effet, afin de rendre ce cours plus Fun, vous réaliserez entièrement le visuel du menu Croque Chamelle ! C’est pour cela que nous vous apprendrons de nouvelles techniques de colorisation avec l’outil pinceau et d’utiliser la 3D avec le logiciel Illustrator CC.
Aussi, afin d’optimiser la durée de ce cours nous ne réaliserons pas l’intégralité des visuels. En effet, ces derniers seront disponibles dans les sources avec les crayonnés des illustrations.
Ensuite, vous retrouverez Kévin sur After Effects. Il vous apprendra à animer l’application. 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.
Pour résumer, cette introduction aux couches alphas vous permettra par la suite de créer des animations plus complexes.
Première partie : création du graphisme BiBi Graillon avec Illustrator
- Création du template d’iPhone en flat design avec Illustrator
- Création des 2 menus de l’application
- Vectoriser des images automatiquement avec Illustrator
- Créer un effet d’ombre et de lumière sur le téléphone
- Création du graphisme de l’accueil de l’application
- Création du visuel Croque Chamelle
- Techniques pour colorier un dessin facilement
- Utilisation des dégradés de formes et des étapes
- Création d’effets et de déformations sur les typographies
Deuxième partie : animation de l’application BiBi Graillon avec 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
Pour conclure, ce tutoriel création et animation d’une application est destiné aux débutants ainsi qu’aux personnes qui désirent approfondir leurs bases en dessin et colorisation et techniques d’animation.
Avis clients
Ce qu'en disent les apprenants
Très bon tuto, certes rapide, mais si l'on a les base et le niveau intermédiaire, puisque tel est le niveau recommandée, alors on peut largement suivre le tuto juste en se laissant porter par les explications en appliquant au fur et à mesure, sans avoir à s'arrêter. En tout cas pour ma part, ce cours aura été un réel plaisir à suivre, j'y aurais appris beaucoup de chose. Un grand merci.
via tuto.com
Super tuto ! J'ai beaucoup appris sur Illustrator, et un réel plaisir de revoir des astuces sur After :) Merci !
via tuto.com
Tuto très bien détaillé, pas à pas, et particulièrement enthousiasmant!
via tuto.com
Merci Damien et Kevin pour ce SUPER tuto, très explicite, on rêve de travailler comme vous et d'avoir des projets finaux aussi aboutis
via tuto.com
Super tuto à la fois pour s'approprier illustrator et découvrir différentes astuces concernant la méthodologie et l'organisation à adopter sur After Effects. Mention spéciale pour l'effet "Turbulences" qui permet de dynamiser rapidement et efficacement des calques fixes !
via tuto.com
Plus de cours...
Voici quelques tutoriels qui portent sur Adobe Illustrator, Adobe Indesign, Adobe Photoshop, Cinema 4D, Motion design, Procreate,suceptibles de vous intéresser !
