logo faclic logo faclic

Comment créer un gif animé avec Image Ready



Ce tutoriel d'Image Ready décrit comment créer un gif animé.




Pour ce faire, nous allons créer, à titre d'exemple, une voiture "animée"
Vous allez commencer par:
1er, choisir une image de voiture (pour télécharger la voiture cliquez ici)
2e, ouvrir "Image ready" et créer un nouveau document avec les dimensions 200*200.
Mettez une image de la voiture dans chaque point (1, 2, 3,..., 14) de la trajectoire ( voir exemple de trajectoire ci-dessous )
Comment créer un gif animé avec Image Ready
Ouvrez l'image, déjà téléchargée, avec Paint, puis cliquez sur « Edition » => « copier », en suite sur "Image Ready" cliquez sur « Edition » => « coller »
Collez l'image de la voiture sur chaque point de la trajectoire, (1, 2, 3,..., 14)
A l'issue de cette étape, vous aurez des images de la voiture allignées sur la trajectoire dans un seul sens.
Maintenant, il convient de positionner les images de la voiture dans le sens de rotation du parcours.
Sélectionnez alors, la voiture avec « l'outil déplacement » puis cliquez sur « Edition » => « Transformation » => « Rotation » est faite tourner (voir tutoriel "comment tourner l'écriture avec photoshop")
Comment créer un gif animé avec Image Ready
Pour l'animation, vous avez en bas de "Image Ready" une fenêtre "Animation" (si cette fenêtre n'apparait pas, cliquez sur « Fenêtre » puis sur « Animation ») Comment créer un gif animé avec Image Ready
Dans cette étape, il convient de créer une image pour chaque calque (chaque image de voiture), et faire apparaître un calque (voiture) dans chaque image de la fenêtre d'Animation
Pour se faire, vous allez modifier la première image (1) qui contient, par défaut, toutes les voitures de l'animation, comme suit:
"dans la fenêtre des calques, cochez sur chaque oeil sauf l'oeil qui se trouve devant le premier calque"
Comment créer un gif animé avec Image Ready
Vous aurez alors, que la première image de la fenêtre d'Animation qui affiche qu'un seul calque ( voiture une )
Sur la fenêtre d'Animation cliquez sur « Reproduit l'image sélectionnée » afin de créer une deuxième image qui devra contenir le deuxième calque (deuxième voiture),sur la fenêtre des calques faites la même chose que pour la première image; mais cette fois, il faut cocher sur chaque oeil sauf celle du deuxième calque.
Comment créer un gif animé avec Image Ready
Créez douze (12) autres image en suivant la même procédure
Comment créer un gif animé avec Image Ready
Choisissez (0.1sec) sur chaque image.
Comment créer un gif animé avec Image Ready
Enfin, enregistrez l'animation sous format « gif »
Comme suit: cliquez sur « Fichier » => « Enregistrer une copie optimisée sous . », ou directement sur le raccourci clavier ( Ctrl+Maj+Alt+S)
Voici, le résultat de notre tutoriel
Comment créer un gif animé avec Image Ready
Plus vous augmontez le nombre des images, plus vous aurez un "gif" nette
Voici un exemple avec 58 images:
Comment créer un gif animé avec Image Ready

Voici, le résultat final de notre tutoriel de formation Image Ready (Comment créer un gif animé avec Image Ready).
Comment créer un gif animé avec Image Ready


Telecharger la psd finale
or

Vous avez besoin d'aide? posez vos questions sur nos forums