Introduction à la Création de GIF
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre les avantages du format GIF par rapport au format Flash SWF.
- Apprendre à optimiser les couleurs et les éléments graphiques pour réduire le poids du fichier GIF.
- Savoir créer une animation simple et efficace pour des bannières publicitaires.
Résumé
Apprenez comment utiliser Photoshop pour réaliser une bannière au format GIF optimisée pour le web.
Description
Dans cette leçon, nous vous montrerons comment partir d'un document Photoshop natif pour réaliser une bannière animée au format GIF. Nous aborderons les avantages et inconvénients du format GIF par rapport à l'ancien format Flash SWF, en expliquant pourquoi le format GIF est plus adapté aux nouvelles plateformes telles que les tablettes et les smartphones. Nous détaillerons également les étapes pour optimiser le poids de votre fichier GIF, en réduisant le nombre de couleurs et d'éléments graphiques animés, afin de respecter les exigences des régies publicitaires.
En suivant cette leçon, vous apprendrez comment :
- Ouvrir et préparer un document Photoshop pour l'animation GIF.
- Optimiser le nombre de couleurs et réduire le poids de l'image.
- Choisir des fonds de couleur unie pour améliorer la compression.
- Éviter les dégradés et les nuances qui augmentent le poids du fichier.
Questions - réponses
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
