Pour utiliser des images (photos, dessins...) dans une animation Flash, vous
n'avez pas besoin de les optimiser auparavant.
En effet, si Flash peut importer des images aux formats .jpg, et .gif, c'est
à dire des images déjà compressées, cette compression
ajoutée à celle que le logiciel applique lors de l'exportation,
ne fait souvent qu'augmenter le poids des images, et appauvrir leur qualité.
On préfèrera des images au format .bmp (lorsqu'elles sont rectangulaires)
et .png, lorsqu'elles sont de forme quelconque...
Et si vous disposez d'un ordinateur Macintosh, vous pourrez échanger
vos images au format Pict (.pct), ou avec un simple copier-coller, ce qui donne les meilleurs résultats.
Ici, nous allons échanger entre Photoshop et Flash, une image de forme
quelconque (un dessin de poisson) pour l'animer, en gardant le contour d'origine
ou en le recréant.
1. Image de départ
Votre image doit avoir les dimensions exactes (en pixels) auxquelles
vous souhaitez l'utiliser pour votre animation. En effet, une image
dont on modifie l'échelle dans Flash, perd énormément
en qualité.
Vérifiez que votre image est bien en mode couleurs RVB.
Créez avec votre image, un calque avec des zones transparentes
sur le contour.
Ne laissez apparaitre que ce calque (sur le reste de l'image, on
doit voir le damier gris et blanc de Photoshop).
2. Enregistrement
En .png :
Dans le menu "Fichier", choisissez "Enregistrer une
copie optimisée sous..." (ctrl + shift + alt + S).
Ouvrez l'onglet "2 vignettes".
Sélectionnez le format PNG-24 dans le menu déroulant
de l'encadré "Paramètres", et cochez la case
"Transparence".
Vérifiez que le damier de transparence est toujours visible dans
la deuxième vignette.
Cliquez "Enregistrer" et nommez votre image.
En .bmp :
Dans le menu "Fichier", choisissez "Enregistrer sous..."
(ctrl + shift + S).
Nommez votre image et dans la liste déroulante "Format",
choisissez "BMP".
Dans la fenêtre qui s'ouvre alors, choisissez les paramètres
qui vous conviennent (ici : Windows et 16 bits).
3. Dans flash
Dans le logiciel Flash, créez une nouvelle animation (ctrl + N), à
laquelle vous affectez un fond de couleur vive.
Avec le .png :
Importez votre image .png (ctrl + R ou Fichier > Importer).
Sélectionnez-la en cliquant dessus sur la scène, et
tapez F8 pour créer un movie-clip ou un graphique contenant votre
image, que vous nommerez à votre convenance (ici, "png").
Votre symbole "png" est prêt à être
animé.
1ere méthode avec le .bmp :
Revenez à la scene principale, importez votre image .bmp
(ctrl + R ou Fichier > Importer).
Sélectionnez-la en cliquant dessus sur la scène, et
tapez F8 pour créer un movie-clip ou un graphique contenant votre
image, que vous nommerez à votre convenance.
Ici on a créé 2 movie clips contenant la même image
.bmp, nommés "bmp 1" et "bmp 2".
En double-cliquant sur "bmp 1" sur la scène, on
édite le movie-clip (c'est-à-dire qu'on peut le modifier)
en place.
Vérouillez le calque sur lequel se trouve votre image.
Créez un nouveau calque dans la Timeline (le scénario),
au-dessus du calque précédent, et avec l'outil pinceau,
recouvrez les zones de l'image que vous voulez laisser apparaitre, avec
une couleur vive.
Utilisez différentes tailles de l'outil, pour coller au plus
près des détails de l'image.
Sélectionnez le dessin ainsi créé (ctrl + A) et
faites en un symbole movie clip ou graphique (F8), que vous nommerez
"masque".
Faites un clic droit sur le deuxième calque, celui où
se trouve votre masque, et choisissez "Masquer" ou "Mask".
Votre symbole "bmp 1" est prêt à être animé.
2eme méthode avec le .bmp :
Revenez à la scene principale et éditez le symbole
"bmp 2" en double-cliquant dessus.
Sélectionnez l'image en cliquant dessus, et utilisez le raccourci
clavier "ctrl + B", pour en séparer les élements.
Votre image apparait alors constellée de petits points blancs.
Vous pouvez maintenant utiliser la gomme (E), pour supprimer les
éléments de l'image que vous ne désirez pas voir
apparaitre.
Utilisez plusieurs tailles d'outil, pour une plus grande finesse des
détails.
Votre symbole "bmp 2" est prêt à être
animé.
Chacune de ces méthodes possède ses avantages et ses inconvénients,
que vous découvrirez en les manipulant.
L'animation ci-dessous pèse 4 ko.
4. Publication
Vous pouvez choisir les paramètres de compression qui seront appliqués
aux images de votre animation, lors de la publication.
Dans le menu "Fichier", choisissez "Paramètres
de publication", ou faites "ctrl + shift + F12".
Ouvrez l'onglet "Flash", vous trouverez une curseur vous
permettant de modifier le taux de compression jpg à appliquer.
Cliquez "OK".
Animez vos symboles comme vous le désirez, et exportez votre animation
comme d'habitude (ctrl + entrée ou shift + F12).