Flash Professional CS6 Créer des animations attractives pour le Web
Présentation
Cette formation vidéo est destinée à toute personne désirant apprendre à utiliser Adobe Flash Professional CS6 dans le but de créer des animations multimédias attractives pour le web.
Dans un premier temps, nous allons aborder l'interface de Flash et son environnement de travail . Puis nous étudierons toutes les techniques de création de visuels dont vous pourrez avoir besoin pour vos animations : les outils de dessin, l'application d'attributs, l'utilisation des transformations... Vous verrez aussi comment importer des éléments graphiques depuis Adobe Illustrator et Adobe Photoshop.
Un module est consacré à la conception des animations : il présente les différentes techniques d'animation, le concept et la gestion des images clés et se termine par une méthodologie de travail qui vous sera très utile pour bien préparer la création de vos propres animations.
La deuxième partie de cette formation est très pratique : nous allons étudier les différentes techniques d'animation en vous présentant un exemple dédié sous la forme d'un projet à réaliser pour apprendre et mettre en pratique chaque technique d'animation.
Nous allons apprendre à créer des animations image par image, des animations par interpolation de formes et de mouvements, des animations avec des trajectoires et des masques. Nous allons concevoir des animations avec des imbrications de mouvements, et verrons comment utiliser les filtres. Nous étudierons la gestion de la vitesse (la cinétique) et les animations par articulation (cinématique inverse). Nous verrons comment insérer de l'audio et de la vidéo pour réaliser des animations multimédias. Pour ajouter de l'interactivité dans les animations, nous découvrirons les bases de la programmation en ActionScript 3 afin de concevoir des boutons interactifs.
Pour terminer, nous apprendrons à publier nos animations pour une diffusion sur écran d'ordinateur, sur smartphone ou sur tablette.
Tous les exemples de cette formation et tous les fichiers sources vous sont proposés en téléchargement afin que puissiez réaliser toutes les animations proposées.
Les modules de la vidéo :
L'interface Utilisateur de Flash - Documents et environnement - Création des objets animés - Les techniques de dessin - Les attributs des objets - Utilisation du texte - Importation depuis la CS - La transformation des objets - La conception d'animation - Animation image par image - Interpolation de forme - Interpolation avec déplacement - Interpolation sur trajectoire - Interpolation avec un masque - Imbrication des animations - La cinétique des animations - La cinématique inverse - Les filtres - L'audio dans les animations - Insertion d'une vidéo – Interactivité - Publication des animations
Dans un premier temps, nous allons aborder l'interface de Flash et son environnement de travail . Puis nous étudierons toutes les techniques de création de visuels dont vous pourrez avoir besoin pour vos animations : les outils de dessin, l'application d'attributs, l'utilisation des transformations... Vous verrez aussi comment importer des éléments graphiques depuis Adobe Illustrator et Adobe Photoshop.
Un module est consacré à la conception des animations : il présente les différentes techniques d'animation, le concept et la gestion des images clés et se termine par une méthodologie de travail qui vous sera très utile pour bien préparer la création de vos propres animations.
La deuxième partie de cette formation est très pratique : nous allons étudier les différentes techniques d'animation en vous présentant un exemple dédié sous la forme d'un projet à réaliser pour apprendre et mettre en pratique chaque technique d'animation.
Nous allons apprendre à créer des animations image par image, des animations par interpolation de formes et de mouvements, des animations avec des trajectoires et des masques. Nous allons concevoir des animations avec des imbrications de mouvements, et verrons comment utiliser les filtres. Nous étudierons la gestion de la vitesse (la cinétique) et les animations par articulation (cinématique inverse). Nous verrons comment insérer de l'audio et de la vidéo pour réaliser des animations multimédias. Pour ajouter de l'interactivité dans les animations, nous découvrirons les bases de la programmation en ActionScript 3 afin de concevoir des boutons interactifs.
Pour terminer, nous apprendrons à publier nos animations pour une diffusion sur écran d'ordinateur, sur smartphone ou sur tablette.
Tous les exemples de cette formation et tous les fichiers sources vous sont proposés en téléchargement afin que puissiez réaliser toutes les animations proposées.
Les modules de la vidéo :
L'interface Utilisateur de Flash - Documents et environnement - Création des objets animés - Les techniques de dessin - Les attributs des objets - Utilisation du texte - Importation depuis la CS - La transformation des objets - La conception d'animation - Animation image par image - Interpolation de forme - Interpolation avec déplacement - Interpolation sur trajectoire - Interpolation avec un masque - Imbrication des animations - La cinétique des animations - La cinématique inverse - Les filtres - L'audio dans les animations - Insertion d'une vidéo – Interactivité - Publication des animations
Table des matières
- Durée totale09h10
- L'interface Utilisateur de Flash
- Documents et environnement
- Création des objets animés
- Les techniques de dessin
- Le panneau Outils 02:09
- Les modes de dessin 03:40
- Les formes rectangulaires 03:55
- Les formes ovales03:31
- Les polygones et les étoiles 02:40
- Les lignes 00:35
- Le dessin à main levée 01:53
- La peinture 02:15
- Les courbes de Bézier 03:10
- Convertir les points d'ancrage 02:42
- Modifier une courbe de Bézier 01:42
- Le Pinceau pulvérisateur 03:18
- La décoration automatique 02:07
- Les fonds géométriques en grille 02:49
- Les fonds géométriques avec symétrie02:51
- Les sélections 03:51
- Les attributs des objets
- La couleur du trait 03:12
- L'épaisseur et le style du trait02:19
- Les sommets et les extrémités02:59
- Les couleurs de fond 02:30
- Les dégradés de fond 03:00
- Modifier les attributs 02:06
- Modifier le contour et le fond d'un objet non sélectionné 01:24
- Récupérer et appliquer les attributs 01:21
- Gommer les attributs 02:22
- Créer une couleur unie 02:04
- Créer des dégradés 03:34
- Créer un remplissage par une photo 01:10
- Gérer le Nuancier 03:07
- Utilisation du texte
- Le texte dans Flash 01:46
- Créer une zone de texte 02:53
- La mise en forme classique des caractères04:40
- La mise en forme avancée des caractères04:25
- La mise en forme classique des paragraphes02:45
- La mise en forme avancée des paragraphes03:33
- Le chaînage des zones de texte 02:41
- Le texte classique 02:10
- Incorporer les polices par vectorisation03:15
- L'incorporation des polices 04:11
- Les polices de périphérique et les polices génériques02:58
- La publication du texte TLF 02:03
- Importation depuis la CS
- La transformation des objets
- Les modes de dessin et le point d'alignement03:26
- Modeler les objets 02:24
- La position d'un objet 02:53
- La taille d'un objet 04:21
- La rotation d'un objet 02:33
- Miroir, inclinaison et original02:39
- Déformer un objet 02:18
- Transformer les courbes 03:21
- Transformer les remplissages 02:06
- La combinaison des objets 02:19
- Superposition des objets 02:02
- Répartir les objets 03:52
- Grouper et dissocier des objets 01:14
- Les transformations 3D 04:31
- La conception d'animation
- Le concept d'animation dans Flash 08:01
- Le concept des images du scénario 04:09
- Insérer des images dans le scénario05:09
- Déplacer des images dans le scénario02:41
- Effacer ou supprimer des images dans le scénario01:54
- La gestion des images dans l'Éditeur de mouvement 03:50
- Visualiser l'animation 04:33
- Une méthodologie de création des animations 05:27
- Animation image par image
- Interpolation de forme
- Interpolation avec déplacement
- Interpolation sur trajectoire
- Le projet 01:06
- Le nouveau document et les symboles02:49
- Le clip d'animation 02:57
- L'insecte : une trajectoire courbe simple04:49
- Le papillon : une trajectoire évoluée 05:19
- Le papillon : orienter sur la trajectoire 02:28
- Le papillon : modifier la taille 03:13
- L'animation de la libellule 04:28
- Finalisation de l'animation 01:34
- Interpolation avec un masque
- Imbrication des animations
- Le projet 03:10
- Le nouveau document et les symboles02:04
- La roue et son animation 03:00
- L'antenne et son animation 04:02
- La voiture complète 03:13
- L'animation de la voiture qui avance 01:45
- L'animation des rubans 02:30
- Le ballon complet01:34
- Animer le ballon complet 01:55
- Finalisation de l'animation 02:43
- La cinétique des animations
- La cinématique inverse
- Les filtres
- L'audio dans les animations
- Insertion d'une vidéo
- Interactivité
- Les boutons d'interaction01:27
- Les boutons avec trois états 06:36
- Les boutons avec l'état Cliqué04:53
- Les boutons animés03:59
- La bibliothèque de boutons prédéfinis 02:18
- Gérer les boutons d'action et le clip05:04
- Le calque dédié à la programmation 02:57
- Jouer et stopper l'animation 08:26
- Revenir au début de l'animation 03:42
- Créer un lien sur un bouton 03:30
- Publication des animations
Auteur
Christophe AUBRYEn savoir plus
Responsable pédagogique dans un centre de formation et formateur sur les technologies Web et les Arts graphiques pendant plus de quinze ans, Christophe AUBRY est aujourd'hui dirigeant de la société netPlume spécialisée dans la formation vidéo, la rédaction technique et la création de sites internet. Auteur de nombreux livres et vidéos aux Editions ENI (HTML/CSS, RWD, WordPress, Drupal, Joomla…), il reste au fait des nouveautés concernant la conception des sites web en effectuant une veille technologique régulière.
Caractéristiques
- Niveau Débutant à Initié
- Durée 9h10
- Parution décembre 2012
- Vidéo en ligne
- Ref. ENI : VSF6CSFLA
Téléchargements
- Téléchargez les exemples des extraits gratuits (1,35 Mo)