marseille13007
82Messages postés
13 septembre 2007Date d'inscription
30 sept. 2007 à 15:44
salut voila un tuto
alire bien evidement
a bientot
laurent
Instruction :
Création d'une animation Web utilisant une image Photoshop avec des calques
Une animation est constituée de séquences d'images. Une légère modification de chaque image par rapport à la précédente crée une illusion de mouvement. Vous pouvez créer des animations simples dans Adobe ImageReady à l'aide d'une image Photoshop ou ImageReady comportant des calques. L'image contient tous les éléments de l'animation sur des calques distincts. Plutôt que de dupliquer et de faire varier l'image entière à chaque fois, le contenu de chaque image est modifié en masquant ou en affichant les calques de chaque image. Un seul exemplaire de chaque calque suffit pour les calques contenant des éléments statiques, alors qu'un élément animé nécessitera probablement plusieurs calques pour créer une impression de mouvement lisse et fluide.
Dans Photoshop, créez une image à animer. Incluez un calque unique pour chaque élément statique. Pour les éléments en mouvement, créez plusieurs calques. Chaque calque composant un élément en mouvement doit représenter sa position à un instant donné différent.
Enregistrez le fichier, puis choisissez Fichier > Modifier dans ImageReady. L'application ImageReady s'ouvre et affiche l'image.
Cliquez sur l'onglet Animation pour amener la palette Animation au premier plan ou, si la palette n'est pas ouverte, choisissez Fenêtre > Animation. ImageReady crée la première image de l'animation.
Cliquez sur l'onglet Calques pour amener la palette Calques au premier plan ou, si la palette n'est pas ouverte, choisissez Fenêtre > Calques. Disposez la palette Calques et la palette Animation de manière à pouvoir voir au moins une partie de la fenêtre du document et les deux palettes en même temps.
Dans la palette Calques, assurez-vous que les calques visibles et masqués sont corrects pour cette première image. Cliquez sur l'icône en forme d'oeil pour masquer un calque ou sur la colonne de l'oeil vide pour afficher un calque.
Cliquez sur le bouton Reproduit l'image sélectionnée au bas de la palette Animation pour ajouter l'image suivante. Dans la palette Calques, réglez la visibilité des calques tel que nécessaire pour cette image. Continuez à ajouter de nouvelles images et à masquer ou afficher leurs calques tel qu'approprié.
Une fois que vous avez créé toutes les images de l'animation, cliquez sur le bouton Exécute/Arrête l'animation au bas de la palette Animation pour obtenir un aperçu de l'animation. Cliquez sur le bouton Exécute/Arrête l'animation pour arrêter l'exécution.
Si l'animation se déroule trop vite, sélectionnez une image précise dont vous souhaitez régler le temps d'affichage, ou sélectionnez toutes les images pour modifier leur temps d'affichage de façon uniforme. Cliquez ensuite sur la flèche à côté de 0 sec. au bas d'une image sélectionnée, puis choisissez le temps souhaité dans le menu contextuel.
Pour définir le nombre de boucles de l'animation, choisissez Autre dans le menu contextuel situé dans le coin inférieur gauche de la palette Animation (l'option par défaut est Toujours). Entrez une valeur dans la zone Lire, puis cliquez sur OK.
Lorsque vous êtes satisfait de l'animation, enregistrez le fichier. Il est important de commencer par enregistrer le fichier au format Photoshop. Le format Photoshop préserve tous les composants du bouton et vous permet d'apporter des modifications ultérieurement, si nécessaire. Une fois le fichier enregistré au format PSD, vous pouvez optimiser l'animation pour le Web et l'enregistrer au format GIF, format requis pour afficher l'animation sur le Web.
