Animations Gif Animation sur un texte : faire un compte à rebours
Transcription
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