Gif Animé avec Photoshop CS3 Extended
Nous allons voir comment créer un gif animé avec photoshop CS3 Extended.
Phase 1 : La préparation
Il est très important un minimum d'organisation, les images doivent avoir la
même taille pour ne pas avoir des "bavures" lors de l'animation.
Pour commencer je vais chossir la série des photos de mon gif.
Moi j'aime bien faire un dossier pour les images pour ne pas me perdre.
Du coup cela me permet d'utiliser certaines facilitées de photoshop, comme
redimensionner toutes mes images :
Sur le menu Fichier, je vais sur "Scripts" puis "Processeur d'images"
Je sélectionne le dossier à "traiter", puis la destination où enregistrer
les images redimensionnées.
Je choisis le format ( dans ce cas JPEG) et la taille que je veux.
Puis je clique sur "Exécuter" et je laisse photoshop faire
tout le travail !
Voyez qu'il m'a crée un sous dossier avec mes images redimensionnées.
Je déplace sur un autre dossier les images de mon gift et je les renomme
selon leur ordre dans mon gift :
Phase 2 : La création du gift
Voici mes 5 images ouverts.
Je vais glisser les images par dessus mon image 1( mon arrière - plan)
dans l'ordre souhaité. De façon que chaque image sera un calque.
Pour m'assurer que mes images se collent parfaitement je vais
cocher la case "magnétisme" sur le menu "Affichage "
Cliquez sur l'image
Puis je vais transformer mon arrière-plan en calque.
Je fais un clic droit de ma souris et je choisis :
"Calque d'après l'arrière-plan"
Voici ce que cela donne :
Maintenant je vais lancer l'animation:
Sur l'onglet "Fenêtre", je clique sur "Animation"
On déroule le menu et choisi de "Créer des images d'après les calques"
Voici mes calques :
Je choisis la durée de transition :
Je teste mon animation, quand je suis satisfaite, je fais
"Fichier/ Enregistrer pour le web "
Je vais enregister au format "Gif"
Cliquez sur l'image
Et voici le résultat :
Notes :
Ce gift est composé de 5 images, donc il n'est pas très lourd,
si vous voulez utilisez davantage d'images, il est conseillé d'utiliser
une plus petite taille genre 450 pixel de largeur.
Vous pouvez aussi utiliser des "effets ", mais ceci sera pour un
tutoriel de niveau intermediaire.