CATALOGUE
Design et Infographie
Formation
Photoshop
Apprendre Photoshop CC pour le Web
Exporter des Animations en HTML5 avec Flash Pro
DescriptionProgrammeAvis
59,90€
41,93€
Je commande
Formation incluse dans l'abonnement Elephorm
Je m'abonne à Elephorm
Guide étape par étape pour une conversion réussie
Objectifs
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
Résumé
Apprenez à exporter des animations en HTML5 Canvas avec Flash Pro, et découvrez comment structurer et importer des fichiers PSD pour une conversion optimale.
Description
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.
Questions fréquentes
Questions réponses
Quel est l'avantage principal d'utiliser HTML5 Canvas par rapport à SWF ?
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.
Pourquoi est-il important de structurer les calques dans un fichier PSD avant de l'importer dans Flash Pro ?
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.
Comment peut-on rendre une animation HTML5 lisible sans connexion internet ?
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.
Programme détaillé
Module 1 - Introduction de la formation à Photoshop CC pour le Web
Module 2 - Les raccourcis utiles de Photoshop CC
Module 3 - Création de formes vectorielles, édition de formes
Module 4 - Les réglages élémentaires de Photoshop
Module 5 - Exporter individuellement les images bitmaps pour le Web
Module 6 - Exporter un SVG depuis Photoshop CC
Module 7 - Créer plusieurs versions dune composition Photoshop CC
Module 8 - Réaliser un Gif animé
Module 9 - Réaliser un rollOver CSS
Module 10 - Réaliser un Sprite Sheet (animation pelliculée)
Module 11 - Exporter une page XHTML statique à laide de loutil Tranches
Module 12 - Réaliser une composition HTML5 sémantique à partir de Photoshop
Module 13 - Gérer les styles CSS de formes primitives avec Photoshop
Module 14 - Gérer les styles CSS de textes éditables avec Photoshop
Module 15 - Exporter les calques par lot à laide de lextension Photoshop Generator
Module 16 - Générer automatiquement les icones dune application mobile
Module 17 - Exporter une composition Photoshop vers les autres logiciels Adobe
Exporter vers Muse
03:55