Création et manipulation de projet d'animation
Objectifs
Les objectifs de cette vidéo sont de :
- Comprendre comment gérer automatiquement les images dans des projets HTML.
- Savoir utiliser Edge Animate pour créer des animations à partir de gabarits HTML existants.
- Apprendre à synchroniser les modifications d'images en temps réel grâce à Photoshop et Générator.
Résumé
Apprenez à gérer automatiquement les images dans une page HTML en utilisant Edge Animate et Dreamweaver.
Description
Dans cette leçon, nous explorons comment utiliser Edge Animate en conjonction avec Dreamweaver pour gérer des images automatiquement dans un projet HTML. La vidéo guide sur la manière de créer un dossier images contenant les documents Photoshop et les assets générés par Générator, permettant ainsi de synchroniser les modifications d'images dans le projet Edge Animate.
Vous apprendrez à adapter le chemin des images dans Dreamweaver, à ouvrir et animer une page HTML dans Edge Animate et à effectuer des modifications en temps réel dans Photoshop, lesquelles sont instantanément mises à jour dans l'animation Animate. Cette méthode permet de simplifier la gestion des ressources graphiques et d'automatiser le processus de mise à jour des animations.
En conclusion, cette leçon propose une vue d'ensemble des fichiers générés par Edge Animate, y compris les fichiers JavaScript nécessaires et l'intégration de la bibliothèque jQuery, assurant une transition fluide de l'animation dans la page HTML.
Questions fréquentes
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
Module 18 - Réaliser un Gif vidéo
Module 19 - Réaliser un montage vidéo pour le Web avec Photoshop
Module 20 - Conclusion
