Présentation

"La morphose (pour morphing en anglais) est un des effets spéciaux applicables à un dessin, vectoriel ou bitmap. Il consiste à fabriquer une animation qui transforme de la façon la plus naturelle et la plus fluide possible un dessin initial vers un dessin final. Il est la plupart du temps utilisé pour transformer un visage en un autre." (Wikipédia)

Cette activité vous permettra de découvrir le logiciel SQUIRLZ (logiciel windows, installer en utilisant wine) et les logiciels Javamorph (logiciel Linux) et xmorph (Linux) et GIMP afin de créer une courte animation GIF ou Vidéo de morphose. .









Animation réalisée par Audrey Polisena-Hinse

Méthode 1 : SQUIRLZ

1. Premier travail : Ouvrez le logiciel SQUIRLZ, téléchargez-le au besoin sur un des sites suivants (sous LINUX, installez-le en utilisant wine ):
   Installation : Tapez dans le terminal :
   wget http://ladifference.info/i/images//partageeleve/pierre_morissette_sqmorphose_instal.exe && chmod a+x ./pierre_morissette_sqmorphose_instal.exe && wine ./pierre_morissette_sqmorphose_instal.exe && rm ./pierre_morissette_sqmorphose_instal.exe && thunar ./.wine/drive_c/Program\ Files/
   
   Morphing - Squirlz (ou utilisez ce lien suggéré)
   ou
   Squirlz
   
   
   
2. Consultez ce tutoriel au besoin
3. Trouvez et téléchargez deux images au format .jpg dans votre répertoire /home/cb/
   
   
4. Si vos images ne sont pas au format .jpg , vous pouvez les convertir een utrilisant les lignes de commande suivante :
   convert chien1.png chien1.jpg
   
   
   convert chien2.png chien2.jpg
   
   
5. Lancez SQUIRLZ en tapant dans le terminal :
   wine ./.wine/drive_c/Program\ Files/Sqirlz\ Morph/SqMorph.exe
6. Ouvrez vos deux images en utilisant le logiciel SQUIRLZ.
   
   
7. Redimensionnez vos images afin qu'elles soient de mêmes dimensions en utilisant le menu IMAGE + EQUALIZE SIZES.
   
   
8. Ajoutez vos points de contrôle (bouton +) sur l'image 1.
   exemple :
   
   
   
9. Modifiez vos points de contrôle sur l'image 2.
   
   
10. Lorsque vos points de contrôle sont aux bons endroits, prenez une capture-écran-image nommée morphosepointcontrole.png.
    
    
11. Enregistrez votre animation au format .GIF en utilisant le bouton GIF
    
    
12. Téléchargez votre animation et votre image "morphosepointcontrole.png" dans votre espace de téléchargement.
    
    
13. Notez que vous pouvez également (facultatif) enregistrer votre animation au format vidéo .avi en utilisant le bouton AVI
    
    
14. Notez que vous pouvez également (facultatif) enregistrer votre animation au format flash swf en utilisant le bouton
    
    
15. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 38281
    
16. Inscrivez dans le champ titre : La Morphose-SQUIRLZ
    
17. Sélectionnez la matière : informatique
    
18. Inscrivez dans le champ no de la directive : 38281
    
19. Inscrivez dans votre page le titre de niveau 1 : La Morphose-SQUIRLZ
    
20. Insérez dans votre page vos deux images initiales.
    
21. Insérez dans votre page votre IMAGE "morphosepointcontrole.png"
    
22. Insérez dans votre page votre IMAGE animée GIF .
    
23. Visualisez votre page et apportez des modifications au besoin.

Méthode 2: JAVAMORPH

1. Installez javamorph en tapant dans le terminal sudo apt-get install javamorph
   
   
2. Lancez le logiciel javamorph en inscrivant dans le lanceur de programme javamorph
   
   
3. Fermez maintenant JavaMorph
   
   
4. Trouvez et téléchargez deux images au format .jpg sur votre ordinateur.
   
   
5. Nommez ces images left.jpg et right.jpg
   
   
6. Si vos images ne sont pas au format .jpg, vous pouvez les convertir au format .jpg en tapant dans le terminal :
   convert left.png left.jpg
   
   convert right.png right.jpg
   
   
   
7. Redimensionnez vos images afin qu'elles soient de mêmes dimensions :
   Méthode a (suggérée):
   Installez au besoin imagemagick : sudo apt-get install imagemagick
   et
   tapez dans le terminal
   mogrify -resize 320x240! ./left.jpg && mogrify -resize 320x240! ./right.jpg
   
   
   Méthode b :
   Utilisez gimp au besoin pour redimensionner vos images
   
   
8. Placez ces images dans le répertoire "/home/cb/JavaMorph/input" en tapant dans le terminal
   mv ./left.jpg ./JavaMorph/input/left.jpg && mv ./right.jpg ./JavaMorph/input/right.jpg
   
   
9. Ouvrez de nouveau le logiciel javamorph (il utilisera maintenant vos deux images).
   
   
10. Réglez les configurations(clic droit + Edit config ) comme ceci :
    
    
    
11. Réglez au besoin votre polygone de base : clic droit + Edit Polygon
12. Ajustez vos points de contrôle : clic droit + Edit Mesh
    
    
13. Lorsque vos points de contrôle sont aux bons endroits, prenez une capture-écran-image nommée morphosepointcontrole2.png.
    
    
14. Enregistrez votre animation (Clic droit + Morph) : Plusieurs images au format .jpg seront créées dans le répertoire /home/cb/JavaMorph/output : pcmanfm ./JavaMorph/output
    
    
15. Utilisez Imagemagick en tapant dans le terminal la commande suivante afin de créer votre image animée à partir des images créées par javamorph
    convert ./JavaMorph/output/*.jpg ./javamorphanime.gif
    
    Ou utilisez Gimp afin de créer votre animation .gif à partir de ces images (consultez le guide intégré au logiciel javamorph au besoin)
    
    
16. Affichez votre animation en tapant dans le terminal :
    
    gpicview javamorphanime.gif
    ou
    
    viewnior javamorphanime.gif
    ou
    
    mirage javamorphanime.gif
    ou
    
    eog javamorphanime.gif
    
    
17. Recommencez votre animation au besoin
    
    
18. Téléchargez votre animation "javamorphanime.gif" et votre image "morphosepointcontrole2.png" dans votre espace de téléchargement.
    
    
19. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 38281
    
20. Inscrivez dans le champ titre : La Morphose-javamorph
    
21. Sélectionnez la matière : informatique
    
22. Inscrivez dans le champ no de la directive : 38281
    
23. Inscrivez dans votre page le titre de niveau 1 : La Morphose-javamorph
    
24. Insérez dans votre page vos deux images initiales.
    
25. Insérez dans votre page votre IMAGE "morphosepointcontrole2.png"
    
26. Insérez dans votre page votre IMAGE animée GIF : javamorphanime.gif.
    
27. Visualisez votre page et apportez des modifications au besoin.

Méthode 3 : Utilisation de xmorph

1. Trouvez et téléchargez deux images au format .jpg sur votre ordinateur.
   
   
2. Nommez ces images left.jpg et right.jpg
3. Au besoin, convertissez ces images au format .jpg en utilisant les commandes :
   convert tonimage.xyz left.jpg
   convert tonimage2.xyz right.jpg
4. Redimensionnez vos images afin qu'elles soient de mêmes dimensions :
   Méthode a (suggérée):
   Installez au besoin imagemagick : sudo apt-get install imagemagick
   et
   tapez dans le terminal
   mogrify -resize 320x240! ~/left.jpg && mogrify -resize 320x240! ~/right.jpg
   
   
   Méthode b :
   Utilisez gimp au besoin pour redimensionner vos images
5. Utilisez Imagemagick en tapant pour convertir vos images left.jpg et right.jpg au format .tga en tapant dans le terminal
   convert left.jpg left.tga && convert right.jpg right.tga
6. Cliquez ICI (français) ou ICI (anglais) afin d'afficher le tutoriel pour l'utilisation de xmorph.
   
   
7. Installer les logiciels suivants en tapant dans le terminal : sudo apt-get install xmorph gtkmorph-example
   
   
8. Lancez xmoprh en utilisant cette ligne de commande : xmorph -start left.tga -finish right.tga
   
   
9. Voici quelques informations qui vous seront utiles
   
   Déplacer un point de contrôle : Clic gauche + déplacer le point
   
   Ajouter une ligne verticale à la grille : Clic avec la roulette
   
   Ajouter une ligne horizontale à la grille : clic droit
   
   Supprimer une ligne verticale : Maj + clic SUR ROULETTE sur un point
   
   Supprimer une ligne horizontale : Maj + clic droit sur un point
   
   
10. Générez ensuite vos images .tga en utililsant le bouton "MORPH SEQUENCE" + "WARP SEQUENCE"
    
11. Produisez votre image animée au format .gif en suivant cette procédure:
    - supprimez ou déplacez vos images left.tga et right.tga
    - tapez dans le terminal : la commande suivante afin de créer votre image animée
    convert ~/*.tga ~/xmorphanime.gif
    
    ou
    
    Produisez votre vidéo en suivant les directives du tutoriel
    
    
12. Affichez votre animation en tapant dans le terminal :
    
    gpicview xmorphanime.gif
    ou
    
    viewnior xmorphanime.gif
    ou
    
    mirage xmorphanime.gif
    ou
    
    eog xmorphanime.gif
    
    
13. Recommencez votre animation au besoin
    
    
14. Effectuez une capture-écran-image de vos points de contrôle nommée "morphosepointcontrole3.png"
    
    
15. Téléchargez votre image animée (ou votre vidéo), vos deux images initiales et votre image "morphosepointcontrole3.png" dans votre espace de téléchargement
    
    
16. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 38281
    
17. Inscrivez dans le champ titre : La Morphose-xmorph
    
18. Sélectionnez la matière : informatique
    
19. Inscrivez dans le champ no de la directive : 38281
    
20. Inscrivez dans votre page le titre de niveau 1 : La Morphose-xmorph
    
21. Insérez dans votre page vos deux images initiales.
    
    
22. Insérez dans votre page votre IMAGE "morphosepointcontrole3.png"
23. Insérez dans votre page votre image animée.
    
24. Si vous avez produit un vidéo, insérez dans votre page votre vidéo(bouton SON/VIDÉO) .
    
25. Si vous avez produit un vidéo, ajoutez un LIEN vers votre vidéo
    
26. Visualisez votre page et apportez des modifications au besoin.

Méthode 4 : GIMP

1. Installez l'extension gimp-gap de GIMP en tapant dans le terminal :
   sudo apt-get install gimp-gap
   
   
2. Trouvez et téléchargez deux images au format .jpg dans votre répertoire /home/cb/.
   
   
   
   
3. Ouvrez ces deux images avec GIMP et redimensionnez vos images afin qu'elles soient de mêmes dimensions (menu IMAGE + ÉCHELLLE ET TAILLE DE L'IMAGE)
   
   
4. Fermez vos deux images
5. SUivez le guide ci-dessous :
   1. Ouvrir votre première image
   2. Ouvrir en tant que calques votre deuxième image
   3. Ajouter un canal alpha sur CHACUN DES 2 CALQUES en utilisant le menu CALQUE + TRANSPARENCE + AJOUTER UN CANAL ALPHA
   4. Sélectionner le menu Vidéo + morph + morphing
   5. Utiliser cette image comme guide pour les directives suivantes:
      
   6. Ajouter et positionner des points à des positions similaires sur les deux images. ( ex : centre de l’oeil sur les deux, point du nez … )
      Il faut en mettre suffisamment pour dessiner les traits
   7. Choisir le nombre de pas pour le morphing : (cad : le nombre d’images intermédiaires pendant la transformation : 32)
   8. Cliquer le bouton FORME
   9. Valider
   10. Utilisez le menu FICHIER + EXPORTEZ au format .gif EN TANT QU'ANIMATION
   
   
   
6. Faites une capture-écran image de vos points de contrôle nommé ptcontrolegimp.png
   
   
7. EXPORTEZ votre animation au format .GIF
   
   
8. Téléchargez votre animation dans votre espace de téléchargement.
   
   
9. Ajoutez une page à votre portfolio en affichant l'assistant HTML ainsi que la directive 38281
   
10. Inscrivez dans le champ titre : La Morphose
    
11. Sélectionnez la matière : informatique
    
12. Inscrivez dans le champ no de la directive : 38281
    
13. Inscrivez dans votre page le titre de niveau 1 : La Morphose-GIMP
    
14. Insérez dans votre page vos deux images initiales.
    
    
15. Insérez dans votre page votre IMAGE animée GIF .
    
16. Insérez dans votre page votre IMAGE ptcontrolegimp.png
    
17. Visualisez votre page et apportez des modifications au besoin.