« Flash CS4 - Utilisation et modification de bitmaps » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Ligne 42 : Ligne 42 :
* Vous pouvez simplement copier depuis le presse-papiers un graphique bitmap dans la bibliothèque. Par exemple, si vous voyez une belle texture sur Internet (libre de droit) avec le navigateur Firefox, procédez comme suit: (1) Voir l'image, (2) Copier l'image, (3) CTRL-V dans Flash
* Vous pouvez simplement copier depuis le presse-papiers un graphique bitmap dans la bibliothèque. Par exemple, si vous voyez une belle texture sur Internet (libre de droit) avec le navigateur Firefox, procédez comme suit: (1) Voir l'image, (2) Copier l'image, (3) CTRL-V dans Flash
* Enregistrer l'image sur votre ordinateur puis cliquer sur le bouton Import dans le panneau des couleurs réglé sur type = bitmap.
* Enregistrer l'image sur votre ordinateur puis cliquer sur le bouton Import dans le panneau des couleurs réglé sur type = bitmap.
* Importer le bitmap avec File->Import, puis sélectionner depuis le color panel
* Importer le bitmap avec File->Import, Import to stage pour afficher le graphique bitmap sur la scène ou Import to library pour intégrer le graphique bitmap dans la bibliothèque.


== Définition des propriétés des images bitmap ==
== Définition des propriétés des images bitmap ==

Version du 22 mars 2010 à 23:38

Tutoriels Flash

<pageby nominor="false" comments="false"/>

Introduction

Objectifs d'apprentissage

  • Survol des méthodes pour traiter un bitmap dans Flash
  • A faire: Traitements de base avec un programme externe

Prérequis

Matériel (fichiers *.fla à manipuler)

  • [1] (répertoire)

Qualité et niveau

Ce tutoriel aidera les adeptes de la technique à démarrer. Le niveau de ce tutoriel est un peu haut pour les novices, mais peut servir comme des fiches pratiques dans un atelier.

Prochaines étapes

Autres versions

Lorsque vous importez une image bitmap dans Flash, vous pouvez la manipuler et l'exploiter de nombreuses manières dans votre document Flash.

Importer

Il y a trois solutions:

  • Vous pouvez simplement copier depuis le presse-papiers un graphique bitmap dans la bibliothèque. Par exemple, si vous voyez une belle texture sur Internet (libre de droit) avec le navigateur Firefox, procédez comme suit: (1) Voir l'image, (2) Copier l'image, (3) CTRL-V dans Flash
  • Enregistrer l'image sur votre ordinateur puis cliquer sur le bouton Import dans le panneau des couleurs réglé sur type = bitmap.
  • Importer le bitmap avec File->Import, Import to stage pour afficher le graphique bitmap sur la scène ou Import to library pour intégrer le graphique bitmap dans la bibliothèque.

Définition des propriétés des images bitmap

1) Sélectionnez une image bitmap dans le panneau Bibliothèque, puis cliquez sur le petit bouton Propriétés en bas du panneau.

2) Sélectionnez Allow smoothing (Autoriser le lissage). Le lissage améliore la qualité des images bitmap lorsqu'elles sont mises à l'échelle.

3) Dans la section Compression, vous pouvez régler la compression, soit JPEG (pour les photos et autre images avec beaucoup de couleurs) ou PNG/GIF pour les graphiques

Application d'une image bitmap comme remplissage

Voir Flash CS4 - Couleurs et gradients (Dessin avec un bitmap)

Division d'un bitmap et création d'un remplissage bitmap

Vous pouvez break apart (diviser) un bitmap pour modifier l'image avec les outils de dessin et de peinture de Flash.

(à faire)

C.f. Division d'un bitmap et création d'un remplissage bitmap (Manuel Adobe)

Bitamp tracing

La commande Tracer le bitmap convertit un bitmap en graphique vectoriel avec des zones de couleur modifiables et discontinues. Vous pouvez alors manipuler l'image comme un graphique vectoriel et réduire la taille de son fichier. Ceci dit, si vous gardez la même résolution, le résulat sera plus "lourd"...

Lorsque vous convertissez une image bitmap en graphique vectoriel, ce dernier n'est plus lié au symbole du bitmap dans le panneau Bibliothèque.

Procédure: 1. Sélectionnez un bitmap sur la scène ouverte.

2. Sélectionnez Modify > Bitmap > Trace Bitamp

3. Saisissez un Color threshold, c.a.d. une valeur de Seuil de couleur.

Lorsque deux pixels sont comparés, si la différence entre leurs valeurs de couleur RGB est inférieure au seuil de couleur, les deux pixels sont considérés comme étant de la même couleur et vont donc faire partie de la même forme. Plus vous augmentez la valeur du seuil, plus le nombre de couleurs diminue.

4. Pour Minimum area (zone minimale), entrez une valeur pour définir le nombre de pixels environnants à prendre en considération lors de l'affectation d'une couleur à un pixel.

5. Pour Curve Fit (Aspect des courbes), sélectionnez une option pour déterminer le degré de lissage des contours dessinés.

6. Pour Corner Threshold (Seuil d'angle), sélectionnez une option pour déterminer si les angles seront conservés ou s'ils seront lissés.

Voici quelques exemples de paramétrage:

  • Pour créer un graphique vectoriel très similaire au bitmap d'origine, entrez les valeurs suivantes :
Color threshold=10, minimum area=1, Curve Fit= Pixels, Corner threshold = many corners
  • Pour une image assez "normale" et qui garde la plupart des traits importants:
Color threshold = 30 and minimum area = 30, corner threshold and curve fits = normal
  • Pour une image très "gros dessin":
olor threshold = 200 and minimum area = 2

Exemple qui montre l'effet de variations:

Remerciement et modification du copyright

Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=Flash_CS4_-_Utilisation_et_modification_de_bitmaps&oldid=14643 »