CRÉER UN GIF ANIMÉ"
Avec PSP et Animation Shop



Gif animé
Sur fond transparent


Ce tutoriel a été réalisé avec PSP X2 mais peut l'être avec les versions antérieures

Le tube employé a été trouvé sur le net.
Je n'en connais pas la provenance
S'il vous appartient signalez-le-moi et je mettrai un lien vers votre site
,
ou le retirerai si vous le souhaitez

Aucun filtre extérieur
MATERIEL : ICI (voir note concernant les formats d'image en bas de page)

Nous allons faire le gif animé d'un personnage avec un texte, qui, au final, comportera 3 calques

Décompresser et ouvrir le fichier à animer>>Le copier et le coller comme nouvelle image
Fermer l'original>>Zoomer l'image au maximum pour pouvoir travailler plus finement

1. Calque>>Dupliquer 2 fois
2. Fermer les 2 calques du haut (en cliquant l'œil) et revenir sur le calque du bas


PREMIER CALQUE
3. Activer l'outil "Grille déformante" (ici en 25X25) et modifier un peu l'image en agissant sur les nœuds (Vous n'obtiendrez sans doute pas exactement la même déformation que moi, mais cela n'a pas grande importance)


*Si cet outil n'apparaît pas dans la barre d'outil, le mettre de cette façon : Cliquer "Affichage">>"Personnaliser" et dans la boite qui s'ouvre cliquer "outils". Cliquer sur l'outil "grille déformante". Sans lâcher le bouton de la souris, faire glisser son icône jusque dans la barre d'outils sur le bureau de PSP. Refermer ensuite la fenêtre de personnalisation.

DEUXIÈME CALQUE
4. Fermer ce calque du bas et revenir sur la première copie (2ème calque à partir du bas)
5. Activer l'outil de sélection"Lasso/Point à point">>Cerner l'une des parties que l'on veut déplacer (ici le bras gauche)


6. Edition>>Couper>>Sélection>>Désélectionner
7. Edition>>Coller comme nouveau calque
8. Activer l'outil de déformation "Raster">>Déplacer sur l'image comme souhaité
*Si cet outil n'apparaît pas dans la barre d'outil, procéder comme ci-dessus pour l'outil "grille déformante"


9. Glisser ce calque sous le précédent et si nécessaire recolorer s'il reste un peu de transparence
10. Revenir sur le calque immédiatement au dessus>>Calque>>Fusionner avec le calque du dessous
11. Refaire une sélection (plus minutieuse que la précédente) autour du bras droit et de la canne

12. Edition>>Couper>>Sélection>>Désélectionner
13. Activer l'outil de déformation "Raster">>Déplacer sur l'image comme souhaité

14. Glisser ce calque sous le précédent et gommer au besoin s'il reste des traces
15 Activer l'outil de clonage et redessiner les parties manquantes
16. Revenir sur le calque immédiatement au dessus>>Calque>>Fusionner avec le calque du dessous
17. A l'aide de l'outil "clonage" modifier quelques détails (par exemple les yeux)


TROISÈME calque
Nous ne toucherons pas pour le moment à ce calque, qui restera semblable à l'original. Nous avons maintenant 3 calques différents sur lesquels nous allons placer et animer le texte

CRÉATION DU TEXTE POUR UNE ANIMATION:
1. Fermer les 2 calques du bas
2. Activer le calque du haut>>Activer l'outil "texte" et écrire ce que vous souhaitez
3. Activer l'outil "Texte" en cliquant le A de la barre d'outil et inscrire ce que vous souhaitez.
(Ici police Albert DB en 36 pixels, Gras)
4. Dupliquer 2 fois. Nous avons maintenant 3 calques vectoriels de texte
5. Se placer sur le 1er calque de texte (immédiatement au-dessus du personnage)


Nous allons maintenant déplacer chaque lettre pour donner du mouvement au texte.

6. Objets>>Convertir le texte en courbes>>Une forme par caractère
7. Cliquer sur le + du calque vectoriel pour l'ouvrir. Puis à nouveau sur le + du sous-calque. Vous obtenez le déroulement ci-contre
8. Réactiver l'outil "texte" (en cliquant le A dans la palette d'outils) >>Dans la palette des calques cliquer sur la lettre que vous souhaitez déplacer. L'outil de déplacement vient se mettre automatiquement autour. Vous l'utilisez comme à l'habitude.
9. Déplacer les autres lettres de la même manière. Si après plusieurs lettres le résultat ne vous plait pas, vous pouvez retourner sur n'importe quelle lettre et la déplacer à nouveau (il vous faudra peut-être réactiver l'outil "texte" pour que la sélection revienne).
10. Se positionner sur le haut du calque vectoriel sur lequel vous venez de travailler>> Calques>>Transformer en calque raster. Fermer ce calque
11. Refaire les déplacements des lettres du texte sur les deux autres calques vectoriels (en les positionnant de façon différente sur chaque calque vectoriel) et les transformer en calque raster
12. Rouvrir tous les calques
13. Se placer sur le calque "texte" du dessous>>Calque fusionner avec le calque du dessous (Vous avez maintenant le calque du personnage avec le texte en entier) Fermer ce calque
14. Glisser le 2ème calque "texte" sous le calque personnages que vous venez de fusionner
15. Calques>>Fusionner avec le calque du dessous
16. Glisser le dernier calque "texte" juste au dessus du personnage du bas>>Calque>>Fusionner avec le calque du dessous.
17. Il nous reste 3 calques. Veiller à ce qu'ils soit ouverts et enregistrer l'image en psp

OUVRIR "ANIMATION-SHOP" et y ouvrir l'image que vous venez d'enregistrer. Les calques se placent automatiquement les uns derrière les autres. Vous pouvez visualiser l'animation en cliquant comme ci-dessous


Vous pouvez ensuite régler la vitesse et la fréquence de l'animation à votre convenance
1. Edition>>Sélectionner tout>>Animation>>Propriété l'animation>>Cocher "en boucle" (à moins que vous vouliez rester sur la dernière image, auquel cas vous choisirez "jouer une fois")
2. Edition>>Sélectionner tout>>Animation>>Propriété de l'image>>Mettre la vitesse que vous souhaitez. Quand le rythme vous convient, vous pouvez enregistrer
3. Fichier>>Enregistrer sous>> Dans la boite qui s'ouvre choisir la compression en agissant sur le curseur 4. Cliquer 3 fois sur "suivant" et sur "terminer"



Sur fond opaque


SUR FOND OPAQUE nous pouvons procéder autrement et éviter quelques étapes :

1. Fermer les 2 calques du bas
2. Activer le calque du haut>>Activer l'outil "texte" et écrire ce que vous souhaitez
3. Activer l'outil "Texte" en cliquant le A de la barre d'outil et inscrire ce que vous souhaitez. (Ici police Albert DB en 36 pixels, Gras)
4. Refaire les étapes 6, 7, 8 et 9 ci-dessus
5. Edition>> Copie spéciale>>Copier avec fusion (pour la version X1 : >>Copier avec fusion)
6. Edition>>Coller comme nouvelle image
7. Revenir sur le calque du texte dans l'image de travail>>Modifier l'emplacement des lettres comme précédemment
8. Fermer le calque "personnage" du haut>>Ouvrir celui immédiatement dessous
9. Refaire l'étape 5>>Edition>>Coller comme nouveau calque dans l'image à animer
10. Refaire l'étape 7
11. Fermer le calque du personnage du centre et ouvrir celui du bas
12. Refaire les étapes 5 et 9. Veiller à ce que tous les calques de ce nouveau fichier soient ouverts
13. Enregistrer en PSP et réaliser l'animation avec "Animation-Shop" comme ci-dessus

NOTA : Nous ne pouvons utiliser cette dernière façon de faire avec un fond transparent, car dans ce cas les calques, après copie, ne se positionneraient pas exactement tous de la même façon, leur taille, quand on les colle, pouvant varier en fonction des modifications que nous y avons faites. Il se produirait donc dans certains cas des décalages non souhaités.

FORMATS d'IMAGES utilisables : J'ai utilisé un tube en .PSP, mais tout autre format d'image conviendra également.
Cependant le format
GIF n'étant pas pris en charge par PSP X1 et X2, vous devrez l'ouvrir d'abord dans "Animation-Shop", puis faire "Fichier">>"enregistrer l'image sous" et choisir le format PSP
Si vous utilisez une image de format
JPEG il s'ouvrira en calque "d'arrière-plan"vous devrez d'abord le transformer en calque raster, et, le fond n'étant pas transparent, il faudra l'effacer si vous voulez une image finale sans fond coloré


J'espère que la réalisation de ce tuto vous a fait passer un agréable moment


Merci de votre intérêt.

Notez bien

 Me contacter si vous rencontrez des difficultés avec ce tutoriel
ou si voussouhaitez l'utiliser dans votre groupe/ou forum  

Si vous faites une réalisation d'après  ce tutoriel et que vous l'affichez sur votre site
 Indiquez S.V.P. le lien de cette page

En respectant ces conditions, c'est mon travail que vous respectez.
Merci
Menu Général