Le tuto qui bouge
C'est le mois d'août et j'écris ce tuto.
Je me souviens, chaque fois que je faisais une animation et qu'il fallait compter, je te demandais .... réponse immédiate et exacte ! Tu n'es plus là et j'ai des petits bouts de papier pour compter et essayer de ne pas me tromper sur cette animation pour qu'elle soit bien propre.
Regardez bien les mouvements :
la toto, mais c'est juste un changement de couleurs sur les roues et un léger décalage.
le chaton lui bouge sa tête.
et le fond qui défile.
Je vous propose de faire cette animation, le matériel pour faire ce tuto se trouve dans le dossier zippé ici →
Il s'agit de contours que j'ai réalisé .....
ATTENTION:
Je vous donne le modèle pour chacun de ces contours, mais vous pouvez apporter des changements au montage de votre fond, prenez juste garde au recommandations de mesure que je vous donne.
Il vous est tout à fait possible et c'est même nécessaire:
- de choisir votre gamme de couleurs !
- d'ajouter des décors sur ou (et) dans,
- avec votre travail il vous est possible de faire des adoptions, papiers incredimail ou outlook, signatures, premades etc ...
- mais pas des tubes
- Le lien vers mon site sur les papiers, et dans vos crédits est une preuve de courtoisie et je vous en remercie : http://www.lejardindespoc.net/
Enfin comme ce site est gratuit tout ce que vous creez à partir de ce tutoriel doit être offert gratuitement.
- Si vous avez une question n'hésitez pas à m'écrire,
N'oubliez pas de changer at par @ :
michpocatlejardindespoc.net
1 . Le fond
Sa largeur est très importante, de même qu'une certaine "symétrie" entre la droite et la gauche, une trop grosse différence, ce n'est pas très beau au final.
Vous pouvez vous servir du dessin ci dessus -non redimensionné- comme modèle, choisir votre dégradé et simplement ajouter des petits bouts de traits.
Ensuite vous placer un peu de terre, comme sur ce modele, sur un nouveau calque bien sûr!
A chaque élément un nouveau calque, c'est tellement plus facile pour positionner et surtout sauver de temps en temps *.pspimage.
L'arbre
et un arbuste
et une barriere
Positionnez les éléments, attention les barrières sur la même ligne c'est mieux!
Sauvegardez votre travail! Puis copiez avec fusion et coller comme une nouvelle image.
Une nouvelle fois copier et coller, pour avoir votre fichier 200x120
Puis comme je sais que si vous gardez ces dimensions cela va vous posez problèmes, vous faites taille du support 200x175, le surplus vide en bas!
2 . l'animation du fond
Pour l'animer on utilise une seule chose:
C'est un travail répétitif, mais assez rapide, votre image fait 200px, elle va se déplacer en s'enroulant de 5px,soit 200:5=40 fois!
calque 1 → dupliquez → décalez → dupliquez → décalez et cela 40 fois!
Il faut le faire machinalement sans trop réfléchir, mais sans se tromper, on s'arrête quand l'image est revenue à sa position initiale, la dernière sera de trop il faut la supprimer!
Sauver cette animation au format psp de AS. "animation_fond.psp"
Ouvrez dans Animation shop, regardez si tout est OK les 40 calques, pas un de plus, et enregistrez sous gif.
3 . La toto
Colorez la voiture et pour un travail plus facile, il faut travailler sur plusieurs calques, ouvrez le fichier "toto.pspimage" qui se trouve dans le dossier du matériel.
Pour psp7 vous trouverez
ici
un fichier compatible, mais vous devez refaire tous les calques.
Colorez le calque "carosserie" comme sur ce modèle
Colorez les calques "roues"
et enfin le calque " parechocs "
Sauvegardez!
Pour monter l'animation, copier avec fusion et coller comme une nouvelle image calque "roues 1" ouvert, renommer cette nouvelle image animation_toto.psp(animation shop) .
retourner sur toto.pspimage, fermer le calque roue 1 ouvrir le calque roues 2, copier avec fusion et coller comme un nouveau calque sur "animation_toto" .... etc
Quatre calques pour "animation_toto" vous verrez qu'il faut repositionner le premier calque pour que les quatres calques soient exactement superposés.
et choisir une taille de support de façon que cette voiture soit en bas avec de l'espace en haut pour mettre son conducteur!
J'ai opté pour une dimension de 90x130 sur le modèle en dessous! et le but est de faire bouger plus, mais patience ...
→
et il faudra que j'inverse l'ordre des images, pauvre voiture elle marche à reculons !!!
4 . Le chat
Faire le shading du chat avec vos couleurs. Je ne mets pas sur ce modèle le bras qui est derrière, c'est une copie de celui de devant et finalement il n'est pas tellement utile .... heu pour l'animation seulement!
Mon dieu je vais me faire tuer par Marie-Neige!
Quand votre shading est terminé et sauvegardé,il faut monter votre animation.
5 . Le chat dans la toto
Reprennez le fichier "animation_toto" et ajoutez les deux calques du chat
Positionner ces calques ainsi.
Vous fermez l'un des calques du chat, les 3 calques de la toto, ceux du haut.
copiez avec fusion → coller comme une nouvelle image que vous enregistrez "chatdanstoto.psp"
Ouvrez les claques de la toto de bas en haut pour faire les images avec le chat tête de face, à chaque fois copier avec fusion et vous les coller dans ce fichier.
Et recommencez la même chose avec le chat tête de profil.
Reprennez tous vos calques avec un gros zoom les calques pour les faire légèrement bouger comme sur le modèle ci dessous.
Recadrez sans rien rogner par inadvertance et enregistrer. Quand vous ouvrez dans Animation shop l'animation est ainsi.
6 . Copier et coller dans Animation shop
Dans AS ouvrez vos deux fichiers "chatdanstoto.psp" et "animation_fond.psp" .
8 calques dans l'un, 40 dans l'autre, et comme par miracle 40=5x8!
Si pour une animation vos compte de calques sont plus bizarre penser au "plus petit commun multiple, le PPCM "
Il faut donc dupliquer des calques de chat par groupe de quatre bien sûr!
J'ai choisi de faire : 4 face - 16 profil - 8 face - 12 profil.
La manipulation suivante est à faire avec le plus grand soin:
Cliquer pour choisir l'outil flèche
et placez vous sur l'image 1 de l'animation du chat.
Edition → Sélectionner tout
Edition → Copier
Edition → 
L'animation du fond est sélectionnée, vous êtes sur l'image 1
Edition → Sélectionner tout
Edition → coller dans l'image sélectionnée.
C'est tout
Vous pouvez comme cela coller des animations l'une sur l'autre, comme vous voyez, j'ai rajouté une ligne pointillée animée sur le fond, et aussi un simple entourage d'un pixel autour de cette animation. On peut aussi rajouter un texte en le collant ...
Juste de la manipulation et un peu de calcul
Et merci d'être allé jusqu'au bout!
Les résultats du groupe psp4all sont ici
♥ english version ♥
Le jardin des poc août 2008 