Tout comme Photoshop, ImageReady possède des scripts par défaut. Les scripts ImageReady sont des actions pré-définies du type : agrandir - faire tourner et agrandir - rotation - réduire – etc... Nous allons voir comment les utiliser.
Graphisme
Recherche :   
Actualité Système Salon Concours Outils Programmation Devparadise Programmation HTML .Net JavaScript VBScript ASP PHP Visual Basic Perl Java Active X SQL XML WAP Delphi Graphisme Flash Web Design Promotion Référencement Publicité Valeur de votre site Outils Systèmes Windows Unix Linux Benchmark Hardware Réseaux locaux Droit Sécurité
Utiliser les scripts d'ImageReady
  Auteur : Arnaud DESFONTAINES

Tout comme Photoshop, ImageReady possède des scripts par défaut. Les scripts ImageReady sont des actions pré-définies du type : agrandir - faire tourner et agrandir - rotation - réduire – etc... Nous allons voir comment les utiliser.

Publicité 
Pour notre exemple, nous allons reprendre l'image préalablement créée lors de l'exercice concernant les Gifs animés sous ImageReady suite... (l'interpolation).
Ouvrez votre document, affichez la palette d'animation (pour notre exemple, nous allons nous placer sur la vignette N° 12 qui était la dernière image du gif animé avec interpolation que nous avons précédemment réalisé). Sur la palette des calques, cliquez sur l'onglet «Actions». Sélectionnez l'action désirée ; puis cliquez sur le bouton d'exécution du script situé en bas et au centre de cette même palette. (voir ci-dessous)

A la lecture de ce script, ImageReady va générer automatiquement toutes les images nécessaires pour appliquer l'action demandée. La vignette sélectionnée (N°12), sera transformée en la première image de l'action «Faire tourner et agrandir».

Ci-dessous, voici le résultat ainsi obtenu :

Pour obtenir l'effet inverse, il faut sélectionner toutes les vignettes générées par l'action «Faire tourner et agrandir». Pour cela, cliquez sur la vignette N°12 et tout en maintenant la touche «Maj» enfoncée, cliquez sur la dernière vignette. Puis, cliquez sur le triangle noir situé en haut à droite de la palette d'animation puis sélectionnez la fonction «Inverser les images». (voir ci-dessous)

Ci-dessous, voici le résultat ainsi obtenu :

Pour ajouter ce même effet mais cette fois ci au début de l'animation (à gauche de l'image dans notre exemple), il faut glisser toutes les vignettes sélectionnées (de la N°12 à la dernière) sur le bouton comportant l'icône d'une page cornée en bas de la palette animation. Ce qui aura pour effet de dupliquer ces vignettes. Ensuite, glissez les devant la première vignette de la palette d'animation.

Afin d'affiner les effets, vous pouvez par exemple diminuer l'opacité des trois ou quatre calques de début et de fin d'animation. Ce qui accentuera l'impression que l'élément apparaît et disparaît. Ajoutez quelques filtres d'effet de calque (ombre portée, lueur externe et autre). Voilà le tour est joué !

Ci-dessous, voici le résultat ainsi obtenu :

A lire aussi sur Devparadise.com :
  • Ajouter une barre de navigation
  • Boîtes de contenu flottantes
  • Ajuster dynamiquement la taille d'une fenêtre
  • Linux/apache/PHP vs Windows 2000/IIS/ASP
  • Gifs animés sous ImageReady suite... (l'interpolation)
  • A télécharger aussi sur Devparadise.com :
  • source de l'article "Boîtes de contenu flottantes"
  • xdebug 1.3.0rc1
  • Zend Optimizer
  • filtre ISAPI FastCGI pour IIS
  • 3D Flash Animator 3.41

  • © 1997-2009 tous droits réservés Devparadise.com
    Les logos, et marques déposées sont la propriété de leurs détenteurs respectifs.
    Devparadise.com s'est engagé à respecter la confidentialité des données personnelles régies par la loi 78-17 du 6 janvier 1978.
    Déclaration C.N.I.L. n° 621623
    animation,gif,gif animé,script,actions,trucs et astuces,tutoriaux,articles