Animations Gif Animation sur un texte : faire un compte à rebours

Animations Gif
Pour créer une animation Gif on utilise plusieurs calques que l’on convertit en images d’animation dans PhotShop
Elements2. Cette animation peut alors être visionnée dans notre navigateur Internet Explorer : on voit une série
d’images qui défilent.
- pour les animations sur les lettres ou les textes on utilisera des espaces longs.
- pour les animations sur les images on utilisera des espaces courts
¾ Animation sur un texte : faire un compte à rebours
- Ouvrir un nouveau document 40 x
40 mm et 72 pixels de résolution,
fond blanc
- Prendre l’outil texte et cliquer au
milieu du document
- Descendre le trait clignotant vers le
milieu du document en plaçant le
pointeur sur le côté
- Ècrire «1 » puis fermer l’œil de ce
calque
- Reprendre l’outil texte et écrire
« 2 », ainsi de suite ; pour le dernier
calque on écrira « GO »
- Menu Fichier / Enregistrer pour le
web /
• Format Gif
• Sélective
• Diffusion
• Transparence coché
• Animation coché
• Boucle coché
• Fréquence d’image 1 s
- Aperçu dans Internet Explorer
- Enregistrer et choisir le dossier de
destination
- Pour visionner double cliquer sur ce
fichier .gif, il va s’ouvrir dans IE
1
¾ Animation sur des images : faire tourner en boucle l’image détourée d’un chat
- Recadrer le chat sur un fond transparent en
laissant autour de lui un espace assez grand
pour qu’il ne soit pas coupé lorsqu’il va
tourner
- Dupliquer le premier calque
- Ctrl + T / Rotation manuelle : pour faire
tourner de 15° à chaque nouveau calque il
faut appuyer sur la touche Maj pendant
qu’on fait tourner.
- Il faudra donc 24 images pour faire le tour
complet. (24x15=360°)
- Quand on a tous les calques procéder
comme pour le texte : enregistrer pour le web
/ Format Gif etc…
¾ Animation de texte sur une photo
•
•
Ouvrir l’image de la fusée, la dupliquer et l’aplatir pour n’avoir qu’un seul calque. L’image ne doit pas être
trop grande ni trop petite 400 pixels conviennent, sa résolution doit être de 72 pixels.
Calque / Nouveau / Calque à partir de l’Arrière plan. Ce calque aura le numéro zéro dans l’animation.
o Comme l’image est foncée on choisira une couleur de texte claire, le blanc par exemple, centré et
taille18.
o Taper le texte en entier puis le disposer sur plusieurs lignes, elles-mêmes espacées.
o Le positionner au centre avec l’outil déplacement
o Nous allons décomposer le texte en 8 calques qui se lisent de bas en haut.
2
Nous
allons
créer
une animation
de texte
sur
une
photo
o Dupliquer 7 fois le calque 0 ; sur le premier mettre tout le texte en surbrillance sauf « Nous » et le
supprimer ; sur le deuxième gardons « Nous allons » ; sur le troisième gardons « Nous allons créer »..
•
•
•
Dupliquer notre photo
autant de fois qu’on a de
calques de texte
Répartir nos images entre
les calques de texte
Tous les calques de texte
étant visibles (œil ouvert)
les fusionner 2 par 2 à partir
d’en bas : on sélectionne le
premier et on le lie avec
celui qui est juste au dessus
par Ctrl+E
(calque/fusionner les
calques)
3
•
•
•
Enregistrer pour le web en format Gif /
Animé / en boucle / fréquence 1 seconde. Si
on veut une animation qui pèse moins on peut
diminuer le nombre de couleurs.
Faire un aperçu dans Internet Explorer
Puis Enregistrer
4