SOLDES ! Des remises jusqu'à -80% !

Micro Application

Inscription newsletter Professionnels Revendeurs Mon compte Ma liste de souhaits Mon panier aucun article
0,00 €
Abonnement newsletter : économisez 10 € sur votre 1ère commande et profitez d'un logiciel complet gratuit !
L'ABONNEMENT GRATUIT

Chaque semaine, recevez gratuitement 1 nouvelle astuce sélectionnée parmi différentes thématiques en rapport avec vos questions de tous les jours !

Pour rester informé sur toutes les nouveautés de l'actualité informatique, inscrivez-vous à la newsletter dédiée aux "Trucs et Astuces".



L'ASTUCE : Préparez vos images pour Flash
Catégorie : Retouche photo


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).



    TROUVER UNE ASTUCE
    Pour aller + loin

    Vous avez une question,
    nous avons la solution !

    logiciel