Création d'une Bannière Web Animée en GIF
Apprenez à créer une bannière web animée en GIF en utilisant des calques dynamiques et des techniques de recadrage pour adapter la composition.
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, vous apprendrez à créer une bannière web animée au format GIF en partant d'un master existant. Vous commencerez par adapter les dimensions de votre composition à 768 pixels par 90 pixels. Ensuite, vous redimensionnerez les éléments de votre composition de manière proportionnelle en utilisant la commande shift. Vous découvrirez l'intérêt de travailler avec des calques dynamiques qui permettent d'agrandir et de réduire les éléments sans perte de qualité. Vous ajouterez des éléments graphiques tels que des fleurs et replacerez les textes et images de manière harmonieuse.
Enfin, vous apprendrez à créer et ajuster des masques de fusion pour recadrer vos images et les aligner correctement. Vous enregistrerez votre travail en format PSD, afin de pouvoir l'animer et l'exporter dans d'autres formats comme GIF, HTML, JPEG et PNG. Cette leçon met en avant des techniques avancées de manipulation d'images et vous guidera étape par étape pour obtenir une bannière web animée professionnelle.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
- Apprendre à adapter les dimensions d'une composition pour une bannière web.
- Utiliser les calques dynamiques pour redimensionner les éléments sans perte de qualité.
- Créer et ajuster des masques de fusion pour recadrer et aligner les images.
- Enregistrer et exporter la bannière dans différents formats.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez avoir des connaissances de base en manipulation d'images et calques dans un logiciel de retouche photo tel que Adobe Photoshop.
Métiers concernés
Les professionnels tels que les designers graphiques, développeurs web, et spécialistes en marketing digital peuvent utiliser ces compétences pour créer des bannières web attrayantes et efficaces.
Alternatives et ressources
Les alternatives à cette technique incluent l'utilisation de logiciels comme GIMP ou Canva pour créer des bannières web animées.
Questions & Réponses
