Ceci est une instruction qui décrit le processus de création d'une animation à partir du SVG d'Openclipart.

La bibliothèque Openclipart est une collection d’œuvres d’art 100% sans licence que vous pouvez utiliser à toutes fins.

Je vais expliquer ce Instructable pour l'utilisateur Raspberry Pi.

Si vous êtes un utilisateur Macintosh ou Ubuntu, téléchargez le logiciel suivant.

• Macintosh 9va-mac (http://www.d1.dion.ne.jp/~danjiro/9va/v015.html)
• Ubunntu 9va-pi (http://www.d1.dion.ne.jp/~danjiro/9va/pi.html)

Vous pouvez faire la même chose à partir de l’étape 7.

• Si vous ne pouvez pas ouvrir 9va-mac, vérifiez le paramètre Gatekeeper dans Préférences Système> Sécurité et confidentialité> Général> "Autoriser les applications téléchargées depuis:.

Provisions:

Étape 1: Démarrer Pi Store

Double-cliquez sur le raccourci Pi Store sur le bureau de votre Raspberry Pi. Si vous ne trouvez pas le Pi Store, il sera dans le menu "Internet" du bouton Menu de Raspberry Pi.

Étape 2: Connectez-vous à Pi Store

Cliquez sur le lien Connexion dans le coin supérieur droit puis cliquez sur le bouton Enregistrer.

Étape 3: Enregistrez votre adresse mail et votre mot de passe

Entrez votre adresse email et un mot de passe. Cliquez sur le bouton Sign Me Up!. Vous vous connecterez à Pi Store.

Étape 4: Recherchez '9va-pi'

Entrez '9va-pi' dans le champ de recherche et cliquez sur le bouton Rechercher (loupe).

Étape 5: Téléchargez '9va-pi'

Cliquez sur '9VA-pi'. Cliquez sur le bouton Free Download.

Maintenant, le téléchargement et l'installation vont commencer.

Appuyez sur n'importe quelle touche une fois l'installation terminée.

Étape 6: Lancez '9va-pi'

Cliquez sur '9VA-pi' dans ma bibliothèque. Cliquez sur le bouton Lancer.

Maintenant 9va-pi va commencer.

Étape 7: Téléchargez le fichier SVG original (barrelFish.svg) sur le bureau

Ouvrez http://openclipart.org/detail/217565/barrel-fish avec votre navigateur préféré.

Téléchargez "barrelFish.svg" sur votre bureau comme suit.

Cliquez avec le bouton droit de la souris sur le bouton TELECHARGER.

Cliquez sur Enregistrer le lien sous dans le menu du bouton droit. (L'élément de menu sera différent selon votre navigateur.)

Cliquez sur Home. Double-cliquez sur Bureau. Cliquez sur le bouton Enregistrer.

Maintenant, le fichier SVG "barrelFish.svg" sera sauvegardé sur votre bureau.

SVG (Scalable Vector Graphics) est le format graphique vectoriel et vous pouvez modifier la forme à l'aide de l'éditeur SVG tel que 'Inkscape'.

Étape 8: Ouvrez le fichier SVG d'origine avec '9va-pi'

Cliquez sur l'icône '9va-pi' pour ouvrir une fenêtre '9va-pi' et ouvrez le fichier barrelFish.svg sur le bureau comme suit.

Cliquez sur Fichier dans la barre de menu> Cliquez sur Ouvrir. Maintenant, la boîte de dialogue Ouvrir un fichier apparaîtra.

Cliquez sur Accueil> Bureau> Cliquez sur barrelFish.svg.

Cliquez sur Ouvrir.

Étape 9: Le message "Les données n'ont pas pu être converties"

Ensuite, le message "Certaines données n'ont pas pu être converties. (Filtre)" apparaîtra.

Ce message se produit parce que '9va-pi' n'a pas d'opération de filtrage.

Cliquez sur le bouton OK.

Étape 10: Dissociez BarrelFish 4 fois

Une plaque brun foncé du barrelFish est une erreur de conversion du filtre.

Pour vous en débarrasser, cliquez sur le barrelFish. Maintenant, le cadre de sélection apparaîtra autour de barrelFish.

Cliquez sur Modifier dans la barre de menu> Cliquez sur Dissocier.

Cela dissociera le barrelFish. Faites la même opération 4 fois.

Nous sommes maintenant prêts à sélectionner la plaque brun foncé.

Étape 11: Sélectionnez la plaque brun foncé du BarrelFish à l'aide de l'option Masquer du bouton enregistré.

Je vais expliquer comment sélectionner une forme à partir des objets complexes.

Pour désélectionner les objets, cliquez n'importe où sur la page loin de la forme.

Cliquez d'abord sur la plaque brun foncé du tonneauFish.

Il peut être difficile de le sélectionner correctement en une fois, mais ça va.

Cliquez sur le bouton + du panneau Contrôle du temps situé à droite de la fenêtre.

Maintenant, l'objet sélectionné sera enregistré dans l'un des boutons vierges du panneau de configuration de l'heure.

Cliquez sur le bouton enregistré> Cliquez sur Masquer.

Maintenant l'objet sélectionné sera masqué.

Répétez la même opération jusqu'à ce que vous sélectionniez la plaque sombre dans le barrelFish.

Si vous n'avez pas réussi à sélectionner la plaque noire, cliquez à nouveau sur +> Cliquez sur le bouton enregistré> Masquer.

Étape 12: Sélectionnez la plaque brun foncé du BarrelFish et supprimez-la.

Si vous parvenez à masquer la plaque brun foncé, cliquez sur le bouton enregistré de la plaque brun foncé> Cliquez sur Sélectionner.

Maintenant, la plaque brun foncé du barrelFish sera sélectionnée.

Cliquez sur le bouton Gomme dans la palette d'outils inférieure sur le côté gauche de la fenêtre. Maintenant, l'erreur de conversion du filtre sera supprimée.

Étape 13: Ajouter la deuxième page

Cliquez sur le bouton + à la fin de la barre de page en haut de la fenêtre. > Cliquez sur Ajouter la page suivante.

Maintenant, la deuxième page apparaîtra sur la barre de page.

Étape 14: Sélectionnez la queue du poisson-barrel

Faites glisser un rectangle autour de la queue du barrelFish et sélectionnez la queue.

Cliquez sur le bouton Modifier les points dans la palette d'outils inférieure sur le côté gauche de la fenêtre.

Maintenant, les points de contrôle vont apparaître.

Faites glisser un rectangle autour des points de contrôle de la queue et sélectionnez-les.

Cliquez plusieurs fois sur le bouton + dans le coin inférieur gauche de la fenêtre.

Maintenant, la queue sera agrandie.

Étape 15: Transformez la queue du BarrelFish

Le menu de transformation place chacune des poignées (petits carrés) du cadre de sélection, une dans chaque coin et une en haut, en bas, à gauche et à droite. Nous pouvons modifier la forme en cliquant sur l'une des poignées ou en les faisant glisser.

Cliquez sur la poignée droite du cadre de sélection> Cliquez sur Étirer.

Maintenant, la forme sera modifiée en fonction du mouvement de votre souris. Cliquez sur le bouton de la souris lorsque la forme devient la forme souhaitée.

Cliquez sur le bouton Loupe dans le coin inférieur gauche de la fenêtre.

Étape 16: Enregistrez l'aileron latéral du BarrelFish

Pour désélectionner les points de contrôle, cliquez plusieurs fois n'importe où sur la page, loin de la forme.

Cliquez sur l'aileron latéral du tonneauFish.

Cliquez sur le bouton + du panneau Contrôle du temps situé à droite de la fenêtre. Maintenant, l'objet sélectionné sera enregistré dans l'un des boutons du panneau de contrôle de l'heure.

Cliquez sur le bouton enregistré> Cliquez sur Masquer. Maintenant l'objet enregistré sera masqué.

Cliquez sur une autre partie de l'aileron latéral du barrelFish.

Cliquez sur le bouton enregistré> Cliquez sur Ajouter au groupe de temps. Maintenant, la forme sélectionnée sera masquée.

Répétez la même opération jusqu'à la sélection de toutes les parties de l'aileron latéral du barrelFish.

Étape 17: Sélectionnez l’aileron latéral du BarrelFish

Cliquez sur le bouton enregistré> Cliquez sur Sélectionner. Maintenant, l'aileron latéral sera sélectionné.

Cliquez sur le bouton Modifier les points dans la palette d'outils inférieure sur le côté gauche de la fenêtre.

Étape 18: Transformez l'aileron latéral du BarrelFish

Faites glisser un rectangle autour des points de contrôle de l'aileron latéral.

Cliquez sur la poignée droite du cadre de sélection> Cliquez sur Étirer. Maintenant, la forme sera modifiée en fonction du mouvement de votre souris. Cliquez sur le bouton de la souris lorsque la forme devient la forme souhaitée.

Étape 19: Zoom sur la nageoire anale du BarrelFish

Pour désélectionner les points de contrôle, cliquez plusieurs fois n'importe où sur la page, loin de la forme.

Faites glisser un rectangle autour de la nageoire anale du barrelFish et sélectionnez la nageoire anale.

Cliquez sur le bouton Modifier les points dans la palette d'outils inférieure sur le côté gauche de la fenêtre. Maintenant, les points de contrôle vont apparaître.

Faites glisser un rectangle autour des points de contrôle de la nageoire anale. Cliquez plusieurs fois sur le bouton + dans le coin inférieur gauche de la fenêtre. Maintenant, la nageoire anale sera agrandie.

Étape 20: Sélectionnez la nageoire anale du BarrelFish avec la touche Ctrl + Glisser

Utilisez l'outil Lasso Select pour sélectionner la nageoire anale.

Maintenez la touche Ctrl enfoncée, faites glisser et tracez une ligne bleue autour des points de contrôle de la nageoire anale.

(Si vous êtes un utilisateur Macintosh, utilisez la touche de commande.)

Le cadre de sélection apparaîtra autour de la nageoire anale.

Étape 21: Transformer la nageoire anale de BarrelFish à l'aide de la pointe souple

Cliquez sur la poignée droite du cadre de sélection> Cliquez deux fois sur Transformer avec une épingle.

L'élément de menu deviendra Transformer avec une épingle.

Cliquez sur Stretch.

Maintenant, la forme sera modifiée en fonction du mouvement de votre souris. Cliquez sur le bouton de la souris lorsque la forme devient la forme souhaitée.

Lorsque la Transformer avec la broche est active, les points de contrôle situés près du bord de la sélection ne bougeront pas autant. Le résultat de la transformation sera lisse.

Étape 22: déplacez la bouche du poisson baril vers la gauche

Cliquez sur le bouton Loupe dans le coin inférieur gauche de la fenêtre.

Pour désélectionner les points de contrôle, cliquez plusieurs fois n'importe où sur la page, loin de la forme.

Cliquez sur la bouche du barrelFish. Le cadre de sélection apparaîtra autour de la bouche.

Faites glisser la poignée centrale + du cadre de sélection vers la gauche.

Étape 23: Élargissez la bouche de BarrelFish en utilisant la transformation avec une épingle souple

Faites glisser un rectangle autour de la tête du barrelFish et sélectionnez la tête.

Cliquez sur le bouton Modifier les points dans la palette d'outils inférieure sur le côté gauche de la fenêtre. Maintenant, les points de contrôle vont apparaître.

Faites glisser un rectangle autour des points de contrôle de la bouche.

Faites glisser la poignée d'angle du cadre de sélection vers l'extérieur. Maintenant, la tête deviendra plus grosse en utilisant Transform avec une épingle souple.

Étape 24: Élargissez la bouche du poisson-barrel

Cliquez et sélectionnez la souris du barrelFish.

Faites glisser la poignée centrale + du cadre de sélection vers la position d'origine de la bouche.

Faites glisser la poignée d'angle du cadre de sélection vers l'extérieur. Maintenant la bouche deviendra plus grande.

Étape 25: Grouper les boules de fer et les anneaux de fer dans 2 boutons enregistrés

Pour faire de l'animation des boules de fer, nous devrions regrouper toutes les boules de fer.

Cliquez sur une boule de fer ou un anneau de fer et sélectionnez-la.

Cliquez sur le bouton + du panneau Contrôle du temps situé à droite de la fenêtre. Maintenant, l'objet sélectionné sera enregistré sur un bouton du panneau de configuration de l'heure.

Cliquez sur le bouton enregistré> Cliquez sur Masquer. Maintenant, la forme enregistrée sera masquée.

Cliquez sur une autre boule de fer ou un anneau et sélectionnez-la.

Si l'objet sélectionné est du même type que le bouton enregistré, cliquez sur le même bouton enregistré> Cliquez sur Ajouter au groupe de temps. Maintenant, la forme sélectionnée sera masquée.

Si l'objet sélectionné ne correspond pas au même type d'objet enregistré, cliquez sur le bouton + pour créer un nouveau bouton enregistré. Cliquez sur le nouveau bouton enregistré> Cliquez sur Masquer. Maintenant, la nouvelle forme enregistrée sera également masquée.

Enfin, les boules de fer et les anneaux de fer seront cachés. Ils sont regroupés dans le bouton de la boule de fer ou de l'anneau de fer.

Étape 26: Coupez les boules de fer de la première page et de la deuxième page dans le presse-papiers

Cliquez sur le bouton enregistré de la boule de fer> Cliquez sur Sélectionner. Maintenant, les boules de fer seront sélectionnées.

Cliquez sur la poignée centrale + du cadre de sélection> Cliquez sur Sélectionner les objets connectés. Maintenant, les boules de fer de la première page et de la deuxième page seront sélectionnées ensemble. Le type de ligne du cadre de sélection sera changé en double ligne.

Cliquez sur le bouton Couper situé dans la partie supérieure du Presse-papiers, dans la partie droite de la fenêtre.

Maintenant, les boules de fer de la première page et de la deuxième page seront coupées dans le Presse-papiers.

Étape 27: Créer Animecast à partir du Presse-papiers

Cliquez sur la première page et allez à la première page.

Cliquez sur le bouton 9 dans la partie inférieure du Presse-papiers, dans la partie droite de la fenêtre.

Une boîte de dialogue apparaîtra. Entrez le nom du Animecast, par exemple - «anneau tournant», dans le champ de texte. Cliquez sur OK.

Animecast est un objet graphique contenant des boules de fer dans le presse-papiers.

Le nom de fichier en gras "barrelFish" apparaîtra.

Étape 28: Ouvrez le contenu de AnimeCast

Cliquez sur le texte en gras "barrelFish"> Cliquez sur: bague tournante

Maintenant, le contenu de l'analyseur apparaîtra.

Cliquez sur le bouton + à la fin de la barre de page> Cliquez sur Ajouter une page suivante.

Maintenant, la deuxième page apparaîtra sur la barre de page.

Étape 29: Modifier la taille de Animecast

Cliquez sur Page dans la barre de menu> Cliquez sur Taille de la page.

Maintenant, la boîte de dialogue de saisie de la taille de la page apparaîtra.

Entrez "600" "600". Cliquez sur le bouton OK.

Cliquez sur le bouton Loupe dans le coin inférieur gauche de la fenêtre.

Étape 30: Ajouter une page d'arrière-plan

Cliquez sur le bouton < à l'extrémité gauche de la barre de page> Cliquez sur Ajouter une page d'arrière-plan.

La page d'arrière-plan vide sera ajoutée.

Étape 31: Copiez le contenu de la deuxième page dans la page d'arrière-plan

Cliquez sur la deuxième page et allez à la deuxième page.

Faites glisser un rectangle autour des boules de fer pour toutes les sélectionner.

Cliquez sur le bouton Copier sur la page précédente dans la palette d'outils inférieure sur le côté gauche de la fenêtre. Maintenant, le contenu de la deuxième page sera copié dans la page d’arrière-plan.

Étape 32: Supprimer la première balle en haut à gauche

Cliquez sur la troisième page et allez à la troisième page.

Tracez un rectangle autour des 3 premières boules sur les boules de gauche.

Cliquez plusieurs fois sur le bouton + dans le coin inférieur gauche de la fenêtre. Maintenant, 3 boules sont affichées au centre de la fenêtre.

Faites glisser un rectangle autour de la première balle pour la sélectionner.

Cliquez sur le bouton Gomme dans la palette d'outils inférieure sur le côté gauche de la fenêtre.

Maintenant, la première balle sera supprimée mais la première balle sur la page d'arrière-plan apparaîtra toujours.

Étape 33: Sélectionnez la deuxième balle et enclenchez la poignée + au bas de celle-ci.

Faites glisser un rectangle autour de la seconde balle pour la sélectionner.

En maintenant la touche Ctrl enfoncée (si vous êtes un utilisateur Macintosh et en maintenant la touche Commande enfoncée), faites glisser la poignée centrale + du cadre de sélection vers le bas de la seconde balle.

Seule la poignée + se déplacera. La poignée + sera accrochée à chaque point de contrôle de la balle.

Déplacez et enclenchez la poignée + au bas de la seconde balle.

Étape 34: Déplacez la deuxième balle vers la position de la première balle à l'aide de la combinaison de touches Ctrl

Relâchez la touche Ctrl.

Faites glisser la poignée + du cadre de sélection vers la position de la première balle.

Maintenez la touche Ctrl enfoncée, la poignée + sera alors alignée sur les points de contrôle de la balle d'arrière-plan.

Enclenchez-le au bas de la première balle, puis vous pourrez déplacer la seconde balle précisément à la position de la première balle.

Étape 35: Déplacez les autres billes à la position de la balle précédente

Appuyez sur la touche espace et faites glisser la toile vers le haut. La zone affichée peut être modifiée.

Répétez comme suit

1. Sélectionnez la balle suivante.
2. Maintenez la touche Ctrl (ou Commande) enfoncée
3. Faites glisser la poignée + et accrochez-la au bas de la balle.
4. Faites glisser la poignée + sans la touche Ctrl pour commencer à faire glisser la balle vers le haut.
5. Maintenez la touche Ctrl enfoncée.
6. Faites glisser la balle à la position de la balle précédente.

Étape 36: dupliquer la boule inférieure et la copier sur la deuxième page

Une fois que vous avez fini de déplacer la balle inférieure, cliquez sur la poignée centrale + du cadre de sélection> Cliquez sur Dupliquer.

Maintenant, la nouvelle balle va apparaître.

Faites glisser la poignée centrale + de la nouvelle balle et déplacez-la un peu vers la gauche.

Cliquez sur le bouton Copier sur la page précédente dans la palette d'outils inférieure sur le côté gauche de la fenêtre. Maintenant, la nouvelle balle sera copiée sur la deuxième page.

Étape 37: Réduisez la taille de la boule inférieure

Faites glisser la poignée d'angle du cadre de sélection vers l'intérieur.

Maintenant, la taille de la balle sera petite.

Étape 38: Déplacez la boule inférieure des boules de droite et redimensionnez-la

Cliquez sur la troisième page et allez à la troisième page.

Faites glisser un rectangle autour de la boule inférieure des boules de droite pour le sélectionner.

Faites glisser la poignée centrale + de la balle du bas et déplacez-la un peu vers la gauche. Faites glisser la poignée d'angle du cadre de sélection vers l'intérieur. Maintenant, la taille de la balle du bas sera petite.

Étape 39: Déplacez les autres boules des boules droites à la position de la balle précédente

Appuyez sur la touche espace et faites glisser la toile vers le bas. La zone affichée peut être modifiée.

Déplacez les boules de droite vers le bas comme suit

1. Sélectionnez la balle suivante.
2. Maintenez la touche Ctrl (ou Commande) enfoncée
3. Faites glisser la poignée + et accrochez-la au bas de la balle.
4. Faites glisser la poignée + sans la touche Ctrl pour commencer à faire glisser la balle vers le bas.

5. Maintenez la touche Ctrl enfoncée. Faites glisser la balle jusqu'à la position de la balle précédente.

Étape 40: Supprimer la page d'arrière-plan

Cliquez sur le bouton << en bas de la barre de page et allez à la première page.

Cliquez sur le numéro de page 1 de la première page. > Cliquez sur Couper la page

Maintenant, la première page d'arrière-plan sera supprimée.

Étape 41: Supprimer la balle en haut à gauche de la première page

Faites glisser un rectangle autour de la balle en haut à gauche pour le sélectionner.

Cliquez sur le bouton Gomme dans la palette d'outils inférieure sur le côté gauche de la fenêtre. Maintenant, la balle en haut à gauche sera supprimée.

Étape 42: Bouton de boucle d'entrée sur la première page

Cliquez sur Entrée dans la barre de menu> Cliquez sur Boucle.

Maintenant, le bouton Loop apparaîtra.

Étape 43: Jouez à l'animation de Iron Ball

Cliquez sur le bouton Lecture en bas de la barre de page.

Vous verrez l'animation de la boule de fer en rotation.

Cliquez sur le bouton Arrêter ou sur la touche ÉCHAP pour arrêter l'animation.

Étape 44: Retour à BarrelFish

Cliquez sur le texte en gras "barrelFish"> Cliquez sur Retour

Maintenant, le barrelFish apparaîtra.

Étape 45: Tourner le bouton sur la première page

Cliquez sur Entrée dans la barre de menu> Cliquez sur Tournez

Maintenant, le bouton Tourner apparaîtra.

Étape 46: Jouez l'animation de BarrelFish

Cliquez sur le bouton Lecture en bas de la barre de page.

Vous verrez l'animation de barrelFishl.

Cliquez sur le bouton Arrêter ou sur la touche ÉCHAP pour arrêter l'animation.

Vous pouvez modifier l'animation en sélectionnant la forme et en déplaçant le point de contrôle.

Modifiez votre animation pour vous sentir mieux. Dans le cas de l'exemple d'animation que vous avez vu en premier, l'animation a été modifiée car l'œil bouge et toutes les nageoires bougent.

Étape 47: Exporter le SVG animé

Cliquez sur Fichier dans la barre de menu> Cliquez sur Enregistrer sous

Cliquez sur le type de fichier 9VA / EVA> Cliquez sur SVG Sélectionnez le dossier à exporter au format SVG. Cliquez sur Enregistrer. Le fichier SVG animé (SMIL Language Langage d'intégration multimédia synchronisée) sera exporté.

• Si vous êtes un utilisateur Macintosh, cliquez sur Fichier dans la barre de menu> Cliquez sur Exporter SVG.

Étape 48: Exporter le GIF animé

Cliquez sur Fichier dans la barre de menu> Cliquez sur Exporter les GIF animés.

Sélectionnez le dossier à exporter GIF animé.

Entrez le nom du fichier GIF.

Cliquez sur Enregistrer. Un dialogue de paramétrage GIF animé apparaîtra.

Entrez 2 (sec) dans le champ Limite de temps.

Cliquez sur Démarrer. Le fichier GIF animé sera maintenant exporté.