Tutoriel motion design – Tuto créer un kinetic de A à Z avec Illustrator, Photoshop et After Effects
Voici notre tout premier tutoriel en binôme ! Ce dernier porte sur la création d’une animation typographique. Mais on peut aussi dire typographie cinétique ou kinetic (Kinetic Typography).
Qu’est ce qu’une animation kinetic ? C’est tout simplement l’art de mettre en mouvement de la typographie et des objets graphiques. Par exemple pour exprimer et illustrer le message véhiculé dans une chanson, interview, clip vidéo par l’orateur.
Programme du tuto création d’un kinetic de A à Z
Phase 1 – Préparation des Illustrations avec Illustrator et Photoshop
D’abord, nous utiliserons Illustrator (logiciel de création graphique vectorielle). En effet, ce dernier nous permettra de créer les illustrations vectorielles à partir des dessins ci-dessous . A noter que ces derniers sont fournis dans les sources de ce tuto. Puis, nous définirons un code couleur à utiliser tout au long de ce tutoriel.
Phase 2 – Préparation de la mise en page avec Photoshop
Ensuite, pour simplifier l’importation de notre graphisme, nous allons utiliser Photoshop pour la mise en page des visuels. En effet, l’ensemble des typographies seront créées et stylisées dans Photoshop. Puis, vous apprendrez à bien organiser vos calques.
Phase 3 – Création d’un kinetic en motion design avec After Effects
Après cela, nous commencerons le cours pour débutant avec une petite présentation du logiciel After Effects. En effet, After Effects peut paraître très austère à première vue. De ce fait, il sera donc nécessaire de faire un petit tour d’horizon du logiciel. Ensuite, pour suivre et comprendre ce tutoriel, Kévin vous fera un cours rapide sur les bases de l’animation. En effet, comprendre et interpréter l’animation d’un objet en mouvement est la clé d’un motion réussi.
Ensuite, Kévin vous apprendra à :
- Organiser votre espace de travail
- Utiliser le panneau projet
- Utilisation le panneau montage
- Utiliser le panneau composition
- Animer les propriétés de transformation d’un calque.
- Utiliser l’éditeur graphique et des courbes de vitesse
- Utiliser des compositions
- Placer des repères sur son fichier audio
- Synchroniser des animations à l’audio
- Utiliser des effets : trait, onde progressive, lueur diffuse
- Exporter son animation en format vidéo
Ce tutoriel créer un kinetic de A à Z est destiné aux débutants qui souhaitent découvrir les logiciels Illustrator, Photoshop, After Effects ainsi qu’aux personnes qui désirent approfondir leurs bases et techniques graphiques.
Merci Zaïba de nous avoir permis la réalisation de ce cours et du kinétic en Motion Design
Les droits de diffusion et d’utilisation de Madame Lee nous ont été aimablement accordées par Mehdi Zaïba avec l’aimable autorisation de Budde Music France et de Show Me The Sound. Mille mercis à vous ! Retrouvez l’album Capitale du Désert sur le Bandcamp de son auteur.
Avis clients
Ce qu'en disent les apprenants
Encore une fois TEAM8 se surpasse pour nous donner un apprentissage de qualité ! Merci pour ce tuto hyper beau et pleins d'astuces graphiques ! :)
via tuto.com
Merci pour votre tuto très créatif. Toutes vos explications sont claires et bien détaillées. Ce fut un plaisir de suivre ce tuto très animé.
via tuto.com
Merci Kevin et Damien, je trouve que vous expliquez simplement des choses compliquées pour les débutants comme moi, je kiffe et recommande Team8. Vos tuto sont riches, dynamiques et ont s'éclate à regarder
via tuto.com
Tuto très bien expliqué, tant que la partie illustrator que sur l'animation. Merci beaucoup !
via tuto.com
Débutant complet le tuto est super bien réalisé et facile a suivre. Merci !
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 !
