10.07.2015 Views

Inkscape efficace Fichier PDF - e-nautia

Inkscape efficace Fichier PDF - e-nautia

Inkscape efficace Fichier PDF - e-nautia

SHOW MORE
SHOW LESS
  • No tags were found...

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<strong>Inkscape</strong> <strong>efficace</strong>que des valeurs chiffrées. Cependant, donner la main au visiteur est aussiune bonne chose et cela ne sera pas plus compliqué à gérer pour vous.Notre but est d’obtenir le code suivant :(...)MÉTHODOLOGIE Groupes, calques et sourisIl n’est pas très facile de sélectionner à la souris lesobjets qui sont à l’intérieur de groupes. Le plussimple est alors de travailler avec des calques, carils ont l’avantage de nous permettre de cacher,rendre visibles et verrouiller plus facilement lesobjets superposés.1 Sur un calque, créez une forme triangulaire ou si vous préférez, saisissez« Image suivante » à l’aide de l’outil Texte (T). Dans l’éditeurXML, modifiez l’attribut id de ce calque (dans notre cas,stationmetroNext), ou mémorisez bien la valeur attribuée par défaut.2 Toujours dans l’éditeur, paramétrez l’apparition du bouton ou dutexte dans la même manière que pour la composition. Jouez sur lavaleur du paramètre d’opacité, mais déterminez cette fois un begin àla fin de l’animation de la barre de progression. Reprenez l’id del’animation et saisissez-le dans le champ Begin en rajoutant .end etun décalage de 2 secondes, soit begin= "animProgressbar.end + 2s".3 Enfin, dupliquez la première composition, modifiez certains élémentstels que les couleurs ou les photos, puis créez un attributsvg:animate fils. Le paramètre begin devra recevoir la valeurstationmetreoNext.click. L’animation est terminée.Il est bien entendu possible d’affiner davantage l’animation et de la compléterpar de nouvelles transformations comme des déplacements (attributsX et Y), des rotations (animateTransform) ou encore des changementsde couleur (animateColor). Le principe sera toujours le même :1 Dessiner dans la page en mode graphique.2 Déterminer précisément les paramètres en mode XML3 Ajouter les balises propres à l’animation en mode XML.238© Groupe Eyrolles, 2008

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!