Adobe Animate CC - Animation pour HTML5 : Design & Publish (level 1)

Introduction

Animate est le nouveau nom qu’Adobe a choisi pour le successeur de Flash. À l’heure où le web se passe de plugins et d’extension, le format Flash et sa philosophie avaient fait leur temps. Cependant, il était impossible pour Adobe de ne pas s’adapter. Voici donc pour les utilisateurs de la Creative Cloud une nouvelle plateforme de création, d’animation et de diffusion de contenu multimédia dit «riche» faite pour le web moderne. Le but de ce cours est de familiariser les apprenants à l’interface du logiciel de façon à les laisser utiliser n’importe quelle type de créations graphiques (image vectorielle créée sous Illustrator, photographies retouchées dans Photoshop, graphismes et textes directement créés dans Animate) pour créer facilement des animations exportables sous forme de vidéo ou d’animation publicitaires pour les sites web. Le cours s’axe aussi bien sur les outils de base pour réaliser des animations que sur des techniques éprouvées pour la création rapide d’animations complexes.

Profil des participants

Cette formation s'adresse :
 
  • Aux webdesigners autodidactes aguerris
  • Aux utilisateurs occasionnels ou avancés de Photoshop, Illustrator ou Dreamweaver
     

Connaissances préalables

Avant de suivre cette formation, les participants devraient avoir :

  • Une expérience des logiciels de création Adobe Creative Cloud tels que Photoshop ou Illustrator
  • Un sens de la créativité, un goût pour l’animation; une bonne connaissance du web

Objectifs

A l'issue de cette formation, les participants seront à même de :
 
  • Créer et importer des graphismes et des vidéos
  • Créer des animations de formes et d’objets, sauvegarder des animations personnalisée réutilisables
  • Créer des animations de dégradés, de filtres, de transparence et de couleurs
  • Ajouter et animer du texte, utiliser des polices Typekit dans un projet
  • Créer et utiliser des manière créative les Calques-Masque et les Calques de Guide
  • Créer et organiser des Symboles dans la Bibliothèque, partager des Symboles
  • Comprendre les principes de création des animations : boucles, clips, pendules
  • Créer des vidéos de publicité aux formats du web (mp4 - compatible iOS)
  • Créer des animations de publicité cliquables en HTML5 (compatible iOS)

Contenu du cours

Module 1 : Dessiner des formes

  • Modes de dessin
  • Modifier les propriétés des formes
  • Remplissages, contours, dégradés de couleurs, transparence et pinceaux à motif
  • Ajouter et modifier du texte

Module 2 : Transformer des formes

  • Editer les points d’ancrage et les courbes avec les outils Sélection, Sélection Directe, et la Plume

Module 3 : Comprendre et définir la Scène, le Scénario et les Calques

  • Utiliser les polices webfonts Typekit pour le web

Module 4 : Animer avec l’Interpolation de formes; repères d’interpolation de formes

Module 5 : Utiliser les interpolations de formes avec les Calques-Masques

  • Copier, coller, inverser les images et les calques

Module 6 : Importer des images JPG, PNG, Photoshop ou Illustrator

  • Options d’importation
  • Propriétés d’exportation avec la Bibliothèque

Module 7 : Symboles et Instances

  • Comprendre et organiser la Bibliothèque. Modifier des Symboles dans la Bibliothèque ou «en place»
  • Appliquer des Effets de couleurs, de transparence et des Filtres aux symboles

Module 8 : Animations de Symboles avec l’Interpolation de Mouvement et le panneau de Préselections de Mouvement

  • Interpolation Classique et Calque de Guide

Module 9 : Symboles et animations, techniques

  • Duplication et Échange de Symboles
  • Inclure des animations d’interpolation de formes et des Symboles graphiques dans des Symboles de Clips
  • Contrôler les Scénarios avec les Actions

Module 10 : Ajouter du son

  • Propriétés d’importation des fichiers son
  • Exporter pour le web avec les paramètres de publication HTML5-Canvas
  • Exporter une animation complète avec du son sous forme de vidéo au format MP4