CATALOGUE Design et Infographie Formation Photoshop Apprendre Photoshop CC pour le Web - Photoshop orienté Web et mobile

Exporter des Animations en HTML5 avec Flash Pro

Retour à la formation
Chapitre 17 Leçon 6
Précédent
Suivant

Apprenez à exporter des animations en HTML5 Canvas avec Flash Pro, et découvrez comment structurer et importer des fichiers PSD pour une conversion optimale.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons les étapes détaillées pour exporter des animations créées dans Flash Pro vers le format HTML5 Canvas. Le tutoriel couvre les points suivants :

  • Transition de l'exportation de SWF à HTML5 Canvas
  • Importation et structuration de fichiers PSD
  • Préservation des effets et des chemins modifiables
  • Gestion des calques de texte et des images bitmap
  • Publication de l'animation en HTML5 localement et indépendamment d'une connexion internet

En suivant ces étapes, vous serez en mesure de créer des animations référençables et accessibles, tout en optimisant la compatibilité avec les navigateurs modernes.

Objectifs de cette leçon

Les objectifs de cette vidéo comprennent :

  • Comprendre le processus de transition de SWF à HTML5 Canvas
  • Apprendre à structurer un fichier PSD pour une importation optimale dans Flash Pro
  • Savoir configurer les paramètres de publication pour une animation HTML5 autonome

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir :

  • Des connaissances de base en Flash Pro et Edge Animate
  • Une compréhension des formats de fichier telles que PSD, JPEG, GIF et PNG
  • Une familiarité avec les concepts de base de l'animation graphique

Métiers concernés

Les professionnels et métiers impliqués par ce sujet incluent :

  • Développeurs Front-end spécialisés en animations web
  • Graphistes et animateurs multimédia
  • Créateurs de jeux cherchant à optimiser leurs rendus pour les navigateurs web modernes

Alternatives et ressources

En alternative à Flash Pro, vous pouvez utiliser Edge Animate pour les animations référençables, ainsi que d'autres logiciels comme Adobe Animate ou Blender pour des animations complexifiées.

Questions & Réponses

HTML5 Canvas est interprété par la plupart des navigateurs modernes et ne nécessite pas de plugins supplémentaires comme Flash Player, ce qui le rend plus accessible et compatible.
Une bonne structuration des calques permet de conserver l'ordre d'empilement et les effets appliqués, facilitant ainsi l'animation et l'exportation en HTML5.
Il est important de décocher l'option 'Bibliothèque Hébergée' dans les paramètres de publication de Flash Pro pour que les scripts d'animation soient générés en local, rendant ainsi l'animation lisible sans connexion Internet.