Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révision Les deux révisions suivantes | ||
|
sozi [Le 29/01/2019, 18:17] laurentb [Sozi] rajout mentions introduction, L.Bellegarde 2019 |
sozi [Le 29/01/2019, 18:44] laurentb [Création de sa première animation] rajout lien tuto vidéo, L.Bellegarde 2019 |
||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | {{tag>Bionic}} | + | {{tag>Bionic}} {{tag>Presentation}} {{tag>Animation html}} {{tag>svg}} |
| ---- | ---- | ||
| {{ :applications:sozi.png?300}} | {{ :applications:sozi.png?300}} | ||
| Ligne 25: | Ligne 25: | ||
| ===== Utilisation ===== | ===== Utilisation ===== | ||
| - | + | ||
| - | Au lancement de l'application, Sozi vous propose d'ouvrir le fichier .svg sur lequel vous désirez travailler. Pour davantage d'informations : consultez la documentation officielle citée plus bas… | + | Le principe d'utilisation de Sozi est de partir d'un fichier **SVG** vectoriel libre, c'est à dire une image plus ou moins complexe qui peut être modifiée en taille sans aucune perte visuelle, autant en grossissement, rotation, etc... |
| + | |||
| + | Sozi permet de créer des **étapes d'animation**, comme des images clés en anticipant le mouvement suivant avec le point clé qui va suivre. | ||
| + | |||
| + | Après enregistrement de tous les points clés, Sozi génère un **fichier html** et un fichier **json** qui définit l'animation. | ||
| + | |||
| + | <note important>Les deux fichiers doivent toujours rester ensemble s'ils sont déplacés, ainsi que le SVG qui sert de support.</note> | ||
| + | |||
| + | ==== Jouer une animation créé par Sozi ==== | ||
| + | |||
| + | Pour jouer votre animation, sélectionnez le fichier **html**, un clic-droit-> ouvrir avec Firefox et c'est parti !!! | ||
| + | |||
| + | La barre d'espace permet d'avancer, tout comme la flèche de droite du pavé de flèches, celle de gauche permet de revenir en arrière. | ||
| + | |||
| + | ==== Création de sa première animation ==== | ||
| + | |||
| + | Avant de démarrer Sozi, créez un dossier de travail pour votre projet et copiez dedans le fichier SVG de travail. | ||
| + | |||
| + | <note tip>Pour gagner du temps, pensez à visiter le site [[https://openclipart.org/|openclipart.org]] rempli de SVG libres. [[inkscape|Inkscape]] vous permettra d'éditer des SVG complets avant de les animer dans Sozi. | ||
| + | </note> | ||
| + | |||
| + | Au lancement de l'application, Sozi vous propose d'ouvrir le fichier **SVG** sur lequel vous désirez travailler, il ne vous reste plus qu'à créer votre animation étape par étape. | ||
| + | |||
| + | <note tip>Astuce, pour créer des présentations vraiment surprenantes, combinez les déplacements de type zoom avant-arrière et rotation, vous verrez au visionnage, effet garanti chez les spectateurs LOL</note> | ||
| + | |||
| + | Un tutoriel vidéo complet vous attend [[https://www.youtube.com/watch?v=fhp2vcBw4I0|ici]] (fr, 7min36s) | ||
| ===== Désinstallation ===== | ===== Désinstallation ===== | ||
| Ligne 40: | Ligne 65: | ||
| ---- | ---- | ||
| - | //Contributeurs principaux : [[utilisateurs:bionet|Bionet]].// | + | //Contributeurs principaux : [[utilisateurs:bionet|Bionet]], [[utilisateurs:laurentb|laurentb]].// |