Vous aurez besoin de ces images

-1- Clic droit ===> Enregistrer sous, puis Extraire ici, dans un dossier



À tout moment du tuto, si vous vous trompez, vous pouvez revenir en arrière en vous servant de ces flèches :



-2- Ouvrir animation shop, clic gauche sur Animation Wizard



-3- Faire Suivant en mettant à chaque fois les mêmes réglages que sur ces images jusqu'à la dernière :








Clic gauche sur Add Image (Ajouter l'image).


-4- Tout en gardant un doigt sur la touche majuscule du clavier, selectionnez "blinkie1.psp et blinkie2.psp". Puis faites ==> Ouvrir ==> puis Suivant ==> puis Terminer.




Vous devez avoir maintenant cette image :


On peut la comparer à une pellicule de film sur laquelle on rajoute autant d'images qu'il faut pour composer une action. Si l'on visionne ces images l'une après l'autre à une certaine vitesse, cela donne une impression d'image animée.

On remarque deux choses :
- les fines bordures vertes sont différentes, c'est ce qui fera notre animation dans ce travail.
- Seule la première image est entourée de bleu et rouge. Cela veut dire que c'est la seule qui est sélectionnée. Pour travailler sur une animation veillez bien à ce que toutes les images de la pellicule soient bien sélectionnées. Pour cela faites : Edit ===> Sélect All (Edition ==>sélectionner tout)



Voici notre nouvelle image :
Le bleu autour des images nous indique que les deux images sont bien séléctionnées et les barres rouges nous indiquent que c'est la première image qui est active



-5- Recommencez tout depuis le N°2, mais cette fois vous choisissez : "chat1.psp et chat2.psp".
Sélectionnez bien vos deux images chat.

-6- Celles-ci sont trop grandes, nous devons donc des redimentionner avant de continuer.
a)- clic gauche sur Animation, puis Resize Animation (redimentionner l'animation)



b)- Dans Width (largeur) mettre 200 puis OK



-7- Recadrer l'image :
- Vous remarquez qu'il y a un espace à gauche de nos chats. Cet espace doit être enlevé car il pourra gêner lorsque nous mettrons ce blinkie terminé sur une page web ou un forum.
Pour cela faites un clic gauche sur et entourrez la première image ainsi :
Il faut que les deux images soient entièrement encadrées.
Si vous vous êtes trompé, cliquez sur Clear et recommencez.
Puis un clic sur Crop (Appliquer).


Voilà, nos deux petits chats sont prêts.



-8- Maintenant il nous faut une pellicule vierge sur laquelle nous allons assembler les images. Pour cela il faut ouvrir une nouvelle image. Faites Files ==> New (Fichier ==> Nouveau)
====>mettre 250 x 250 puis OK

-a- Faire un clic droit sur la barre d'activation de la nouvelle image (c'est la barre bleu en haut) et choisir Duplicate Selected (Dupliquer la sélection):



-b- Placez votre curseur sur le côté droit de l'image et en maintenant d'un clic gauche enfoncé étirer sur la droite jusqu'à ce que la deuxième image apparaisse. Puis pensez de nouveau à bien sélectionner toutes vos images (Edit==>Sélect All)
===>


-9- Nous allons préparer un texte à écrire sur la base du blinkie. Pour cela il faut ouvrir une nouvelle image. Faites Files ==> New (Fichier ==> Nouveau)
===> Mettre 200 x 30 puis OK ===>



- Clic gauche sur l'outil écriture A, puis clic gauche sur la vignette 200x30.
- Sur le cadre qui apparait, écrivez votre texte dans la fenêtre d'écriture.
- Dans la 1ère colonne choisisez votre police d'écriture. Dans la 2ème colonne : votre style. Et dans la 3ème choisissez la taille du texte.
La couleur de l'écriture sera celle que vous mettez dans la palette ==>

Faites OK. Vous constatez que votre texte se retrouve sur la vignette et collé au curseur. Positionnez le à votre convenance puis clic gauche pour le fixer.



Dupliquer votre vignette comme nous l'avons fait au 8a et 8b. Sélectionnez tout.



Maintenant nous allons assembler toutes ces images dans l'ordre.
1) le blinkie
2) l'écriture
3) le chat
L'outil flèche doit être activé.

Puis il suffit de faire un clic gauche sur une image et sans lâcher la faire glisser sur l'image que nous avons préparé pour l'assemblage (image 250 x 250). Mais attention vous devez toujours prendre la première image de la pellicule et toujours la placer sur la première image vide. De même vérifiez bien que toutes les images de vos pellicules soient bien sélectionnées.

Faites d'abord glisser le blinkie, ce qui donne ceci :


Puis faites glisser le texte et ensuite le chat.



Vous devez maintenant recadrer l'animation comme nous l'avons fait au N°7. Ce qui nous donne :


[Si vous voulez rajouter une signature, procédez de la même façon que l'écriture.]


Nous avons terminé. Il ne reste plus qu'à visionner notre animation. Faites View ===> Animation (Voir ===> Animation) :


Et voici votre blinkie :



Nous allons maintenant l'enregistrer.
Faites File ===> Save As (Fichier ===> Enregistrer sous)



Nommez votre blinkie et choisissez le dossier dans lequel vous voulez l'enregistrer, puis Enregistrer
Faites "suivant" jusqu'à la dernière image









Et voilà, c'est terminé. Sur ce tutoriel vous avez appris plusieurs choses :

- Assembler plusieurs images pour faire une animation.
- Rajouter un texte dans une animation.
- Recadrer et redimentionner une animation.
- Et bien sûr : faire un blinkie.

Retour en haut de page