Social Media

Discord
Discord
Instagram
Instagram
Youtube
Youtube
Facebook
Facebook
Twitter
Twitter
Pinterest
Pinterest

Mots-clés associés

Sponsorisé

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.

dessins appli bibi

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

tuto illustration croque chamelle commande ok

tuto illustration bibi moineau hot dog poisscaille

  • 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

Tous les avis

Plus de cours...

Voici quelques tutoriels qui portent sur Adobe Illustrator, Adobe Photoshop, Motion design, Procreate, suceptibles de vous intéresser !

Vous avez un projet en graphisme, en motion design ?