Voici la suite de nos 2 précédents tutoriels gratuits en vidéo, où nous avons appris à créer un foodtruck vectoriel avec Illustrator et une 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 :)

Rendu du tuto création et animation de l’application BiBi Graillon

Dans ce tutoriel Illustrator et After Effects en vidéo, vous apprendrez à créer de A à Z un template d’iPhone ainsi que le graphisme d’une application en Flat Design. Afin de rendre ce cours plus “Fun”, vous réaliserez entièrement le visuel du menu “Croque Chamelle” ! Cela sera l’occasion d’apprendre de nouvelles techniques de colorisation avec l’outil pinceau et d’utiliser la 3D avec le logiciel Illustrator CC.

tuto illustration croque chamelle commande ok

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.

dessins appli bibi

tuto illustration bibi moineau hot dog poisscaille

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.

Programme du tuto création de l’application 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

Programme du tuto 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

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.

Ajouter un commentaire