Créer une Bannière Animée en GIF avec Photoshop
Apprenez comment utiliser Photoshop pour réaliser une bannière au format GIF optimisée pour le web.
Introduction de la formation à Photoshop CC pour le Web
Les raccourcis utiles de Photoshop CC
Création de formes vectorielles, édition de formes
Les réglages élémentaires de Photoshop
Exporter individuellement les images bitmaps pour le Web
Exporter un SVG depuis Photoshop CC
Créer plusieurs versions dune composition Photoshop CC
Réaliser un Gif animé
Réaliser un rollOver CSS
Réaliser un Sprite Sheet (animation pelliculée)
Exporter une page XHTML statique à laide de loutil Tranches
Réaliser une composition HTML5 sémantique à partir de Photoshop
Gérer les styles CSS de formes primitives avec Photoshop
Gérer les styles CSS de textes éditables avec Photoshop
Exporter les calques par lot à laide de lextension Photoshop Generator
Générer automatiquement les icones dune application mobile
Exporter une composition Photoshop vers les autres logiciels Adobe
Réaliser un Gif vidéo
Réaliser un montage vidéo pour le Web avec Photoshop
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez :
- Avoir des connaissances de base en utilisation de Photoshop.
- Comprendre les concepts d'optimisation d'images pour le web.
Métiers concernés
Les compétences abordées dans cette leçon sont utiles pour les métiers suivants :
- Graphistes.
- Designers web.
- Développeurs front-end travaillant sur l'optimisation des bannières publicitaires.
Alternatives et ressources
Comme alternatives au format GIF, vous pouvez envisager :
- Les animations en CSS.
- Les animations JavaScript, bien que plus complexes à réaliser.
Questions & Réponses