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 !
Table des matières de cette formation Illustrator, After Effects (durée : 4h32m)
-
Création du graphisme avec Damien
- 01 - Introduction gratuit 00:05:59
- 02 - Création du téléphone 00:23:20
- 03 - Création des menus de l'Appli Bibi 00:27:51
- 04 - Création de l'accueil de l'appli 00:20:21
- 05 - Création du visuel croque chamelle 01:11:36
- 06 - fin 00:03:05
-
Création de l'animation avec Kévin
- 01 - Organisation de l'espace de travail 00:14:06
- 02 - Phase explicative 00:12:21
- 03 - Début de l'animation 00:22:54
- 04 - Animation du croque chamelle et des typos 00:30:52
- 05 - Animation du menu et du poisson 00:13:30
- 06 - Animations complémentaires 00:13:39
- 07 - Importation et synchronisation de l'audio 00:12:33
- Fichiers sourcestélécharger
- Certificat
Damien Gallez & Kévin Bourdeau letort vous proposent cette formation
vidéo. A eux deux, ces formateurs certifiés ont vendus 51 512 tutoriels pour
une note moyenne de 4,8/5.
-
Lorem Ipsum Dolor Sit Amet
-
On voit plein de choses (organisation des calques, précompo, alpha, masque, effets, etc.), c'est une bonne première mise en application :) Peut-être y aurait-il juste fallu commencer par un mini-storyboard hyper succint, non ? Car parfois, je suivais le tuto mais ne savait pas ce qu'on allait faire, je comprenais donc après… Mais sinon, nickel, merci !
-
Très intéressant. De supers astuces et conseils pour être bien organisés.
-
Avec quelles versions de logiciels ce tuto est-il compatible ?Illustrator CS6, Illustrator CC, After Effects CS6, After Effects CC
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
-
Où trouver les deux premiers tutos gratuits mentionnés par l'auteur dans la vidéo de présentation ?Bonjour les 2 tutoriels gratuits sont disponibles ici :
Tutoriel créer une illustration vectorielle * Food Truck * sur Illustrator à partir d’un dessin
http://www.collectif-team8.com/tuto-illustrator-illustration-foodtruck/
Tutoriel animation d’une illustration foodtruck et d’un décor vectoriel avec Adobe After Effects CC
http://www.collectif-team8.com/tuto-animation-illustration-foodtruck-after-effects/
note moyenne
avis laissés