Procédure et Technique d'Animation
Objectifs
Les objectifs de cette vidéo sont :
- Apprendre à utiliser l'outil tranche de Photoshop
- Comprendre les techniques d'exportation pour le web
- Intégrer et animer les images dans Edge Animate
Résumé
Voici une méthode complète pour créer des animations web en utilisant Photoshop et Edge Animate.
Description
Dans cette leçon, vous apprendrez à utiliser une méthode alternative pour intégrer des compositions Photoshop dans Edge Animate. Contrairement à la technique précédente qui utilisait Dreamweaver et Générator, cette méthode utilise l'outil tranche de Photoshop pour diviser votre page en trois parties : le header, la partie centrale et le footer. Vous exporterez les images via différents formats en optimisant la compression pour chaque section.
Après avoir structuré votre composition avec l'outil tranche et exporté les images, vous importerez ces éléments dans Edge Animate. Vous pourrez alors animer à la main les images générées. Cette méthode est particulièrement utile pour des animations qui nécessitent une granularité et un contrôle précis des éléments. Vous verrez également comment gérer la mise à jour des assets de manière efficace en rééditant les fichiers PSD et en régénérant les calques à la volée.
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
