Barre d’outils

(v) Sélection générale (a) Sélection vectorielle

(n) Ligne (l) Lasso

Leçon #3: Outils (p) Plume (t) Texte

(o) Ovale (r) Rectangle / Polygone

Description de chaque outils de la barre d’outils
(y) Crayon (b) Pinceau
Divers exercices pour apprendre à maîtriser ces outils
(q) Transformation libre (f) Transformation du remplissage

(s) Encrier (k) Pot de peinture

(i) Pipette (e) Gomme

Outils Lionel Egger, MIRALab 2

Outils Sélection: flèche noire (a) Outils Sélection: flèche noire (a)

Flèche noire (v): Flèche noire (v):

• Sélectionner (1 clic) • Double-clic pour sélectionner
> un ou plusieurs objets. > une forme avec son remplissage ET son contour
> un ou plusieurs contours de remplissages
> Plusieurs lignes reliées entre elles
> Blocs de texte
> Images importées • +SHIFT : déplacements horizontaux, verticaux ou 45°
> Vidéos • +ALT/Ctrl : déplacement + copie de la sélection
• Éditer (double-clic)
> Symboles
> Objets groupés
Ctrl + a : tout sélectionner
• Déplacer
> dans scénario
> un élément
>…

Outils Lionel Egger, MIRALab 3 Outils Lionel Egger, MIRALab 4

Outils Sélection: flèche noire (a) Outils Sélection: flèche banche (a)

Modifier formes Flèche blanche (a): Sélection vectorielle

• Sélectionner point d’ancrage
• Sur ligne • Modifier tangente / Déplacer point d’ancrage

+Ctrl: Ajout d’un angle ou point d’ancrage

Survol d’un
Point d’ancrage
• Sur angle

Survol d’une
forme vectorielle

Outils Lionel Egger, MIRALab 5 Outils Lionel Egger, MIRALab 6

1
 Outils Lasso (l) Exercice#3.1

Lasso (Mode standard) permet de définir une Enlever le fond vert de cette image
zone de forme quelconque à sélectionner • Pour importer une image sur la scène:
Fichier/Importer/Image dans la scène
Lasso (Mode polygonal) permet de définir • Pour permettre d’éditer une image, il faut la séparer
une selection grâce à un polygone ou « casser » l’image: Modifier/Séparer ou Ctrl + b
• Utilisez la gomme pour effacer les résidus
Lasso (Mode baguette magique) permet de • Utilisez la sélection vectorielle pour enlever la zone
sélectionner des plages de couleurs similaires. brune entre les ailes

Paramétrage de la baguette magique

• seuil = 1: Une seule couleur sélectionnée
• Seuil = 255: Toutes les couleurs sont sélectionnées
Outils Lionel Egger, MIRALab 7 Lionel Egger, MIRALab 8

Outils Ligne (n) Outils Texte

Permet de dessiner une Ligne ☺! Contrairement à la technologie HTML, qui propose un choix très
restreint de polices différentes, la technologie Flash permet de
+ Shift ou + Maj : Force la ligne de manière travailler avec pratiquement n’importe quelle police!
• Horizontale 3 modes:
• Verticale • Statique: texte simple
• 45° • Dynamique: contenu change en fonction de variables
+Alt : symétrie par rapport au centre (1er clic) (fichier externe de texte, données, …)
• Saisie: pour saisie d’un texte par l’utilisateur (ex
Possibilité de combiner +Shift et +Alt
formulaire, …)
Couleur de la ligne définie dans

Outils Lionel Egger, MIRALab 9 Outils Lionel Egger, MIRALab 10

Outils Texte Outils Texte

Texte Statique Texte Dynamique

• Utilisé lorsque le texte parvient d’un fichier externe (.xml, .txt, base de
• Police, Taille, Couleur, Gras, Italique, Alignement, Espacement, donnée…)
Exposant/Indices, Crénage, Anti-aliasing, Positionnement,
Sélectionabilité,… Texte de saisie
• Utilisé pour que l’utilisateur puisse entrer une valeur
• Lien hypertexte: • Texte introduit est modifiable
> http://www.nomades.ch (sur un site web)
> mailto:egger@nomades.ch (pour envoyer un email)
> mailto:egger@nomades.ch?subject=question_flash&body=Salut (envoi d’un Paramètres des textes dynamiques et de saisie
email avec sujet et corps prédéfini)
• Une seule ligne / multi-lignes
• Cible Html: • Rendre le texte au format html: balises html déchiffrées
> _Blank: affiche la page liée dans une nouvelle fenêtre • <Nom de l’occurrence> (Instance) et Nom de variable (Var) => ActionScript
> _Self: affiche la page liée dans fenêtre en cours
> _Parent: affiche la page liée dans fenêtre parent de la fenêtre en cours
> _Top: affiche la page liée au sommet de la hiérarchie des pages en cours

Outils Lionel Egger, MIRALab 11 Outils Lionel Egger, MIRALab 12

2
 Exercice#3.2 Transformation de texte

Créer 5 zones de texte différentes: Ctrl + b (Modifier/Séparer) permet de

• 2 zones de texte statique dissocier un texte
> Justifiée, sélectionnable, antialiasée
> Alignée à gauche, non sélectionnable et non antialiasée
• A la création, le texte est éditable
• 1 zone de texte dynamique
> Cette zone de texte lira la valeur de la variable « txt ». La variable
est définie dans la frame 1 (panneau Action) comme suit:
txt=« texte à mettre ici » et contiendra du texte avec des tags html. • Après la 1ère séparation: les lettres sont
• 1 zone de texte de saisie séparées (encore éditables une à une)
> Cette zone contiendra du texte éditable. Le contenu de cette zone
sera enregistré sous la variable « saisie »
• 1 zone de texte dynamique qui affichera la valeur de la
variable « saisie »
• Après la 2ème séparation: les lettres sont
vectorisées (éditables vectoriellement)

Lionel Egger, MIRALab 13 Outils Lionel Egger, MIRALab 14

Transformation de texte Exercice#3.3

Une fois vectorisées, on peut les transformer Dessiner un objet, personnage ou animal avec
comme on veut: des lettres
• Modification/Transformer/Déformer
• Modification/Transformer/Enveloppe
• Outil sélection vectorielle

Outils Lionel Egger, MIRALab 15 Lionel Egger, MIRALab 16

Outils plume Outils plume

Courbes de Bézier permet de modifier rapidement Terminer une forme sans la fermer: Un clic droit de souris
la silhouette d’un objet en modifiant uniquement pendant la création de la forme
certains points particuliers, appelés points de Fermer une forme: cliquer sur le point de départ (un petit cercle
contrôles doit apparaître à droite de l’outils plume)
La flèche blanche permet de modifier la taille et l’orientation des
poignées de tangente
Droites: succession de clics (1 clic = 1 point Convertir un point de courbe en point d’angle: cliquer sur point
d’angle) avec outils plume, ce qui supprime les points de tangente (un petit
signe ^ doit apparaître à droite de l’outils plume)
Convertir un point d’angle en point de courbe : cliquer sur point
avec outils flèche blanche et glisser le pointeur tout en appuyant sur
Courbes: clic + glisser (1 clic + déplacement de la touche ALT pour créer les poignées de tangeante
souris dans la direction que doit prendre la courbe Supprimer un point d’angle: Cliquer point avec outils plume
= 1 point de courbe). Poignées de tangentes (ou Ajouter un point d’angle: Cliquer sur courbe avec outils Plume (un
bras de levier) determinent l’inclinaison et la petit signe + doit apparaître à droite de l’outils plume)
hauteur des courbes Lorsque l’outil plume est activé, la touche ATL permet de switcher
à l’outils flèche blanche

Outils Lionel Egger, MIRALab 17 Outils Lionel Egger, MIRALab 18

3
 Exercice#3.4 Ovale (o)

Redessinez l’objet suivant en vectoriel Ovale

• +Shift/Maj : ovale => cercle
• + Alt : 1er clic détermine le centre de l’ovale

Couleur de trait
Couleur de remplissage

Lionel Egger, MIRALab 19 Outils Lionel Egger, MIRALab 20

Rectangle (r) Crayon (y)

Rectangle 3 modes d’utilisation

• +Shift/Maj : rectangle => carré
• + Alt : 1er clic détermine le centre du rectangle • Mode Redresser: Lignes droites et angles
• Option: bords arrondis (utilisez flèches du clavier) secs. Formes interprétées comme des
formes géométriques

• Mode Lisser: mode inverse du mode

• Possibilité de faire un polygone Redresser. Courbes harmonieuses et
lisses

• Mode Encre: Mode le plus juste, qui

restitue le « vrai coup de crayon »

Outils Lionel Egger, MIRALab 21 Outils Lionel Egger, MIRALab 22

Pinceau (b) Pinceau (b)

Outils le plus souvent utilisé en flash +Maj : lignes droites ou 45°

Options: taille et forme du pinceau Dans le panneau « mélangeur de couleur »,
5 modes de pinceau: possibilité de peindre avec un bitmap
• Peint normalement

• Peint les zones remplies

• Peint derrière

• Peint la sélection
Avec palette graphique, possibilité de définir la
• Peint à l’intérieur pression et l’inclinaison du pinceau

Outils Lionel Egger, MIRALab 23 Outils Lionel Egger, MIRALab 24

4
 Exercice#3.5 Transformation libre (q)

Écrivez votre prénom à l’aide des outils suivants: 5 transformations différentes avec cet outils:
• Pivoter (près d’un coin, +Alt: angles 45°)
• Crayon • Incliner (sur une arête)
• Plume • Redimensionner (Selon X ou/et Y, ou +Alt: Proportion)
• Pinceau • Déformer (+Alt sur un coin ou sur une arête)
• Enveloppe
Comparez les résultats Incliner
Redimensionnement X pivoter

Redimensionnement X

Redimensionnement X et Y
ou Déformer (si +Alt)
Lionel Egger, MIRALab 25 Outils Lionel Egger, MIRALab 26

Transformation libre (q) Transformer les remplissages (f)

Autres options dans Panneau Mélangeur de couleurs :

Modifier/Transformer/… • Aucun
ex: Flip horizontal, rot90° • Solide
Effet miroir avec • Linéaire
redimensionner
• Radial
Déformations et Enveloppes
• Bitmap
uniquement avec des objets
dégroupés Rotation
Centre de Pivot ( ) peut être Pivotation
Redimensionner
déplacé
Pivoter +Alt : Centre de Pivot
coté opposé
Déplacer le centre
Outils Lionel Egger, MIRALab 27 Outils Lionel Egger, MIRALab 28

Exercice#3.6 Encrier (s)

Dessinez cette Ajout d’un contour à un objet qui n’en a pas

boule de billard

Lionel Egger, MIRALab 29 Outils Lionel Egger, MIRALab 30

5
 Pot de Peinture (k) Couleurs

Coloriage des formes « fermées » Palette de 216 couleurs (« web safe ») codées
en hexadécimales pour des raisons de
compatibilité

Valeur hexadécimale

Inverser couleur pourtour <=> fond

poutour Noir + fond Blanc

Colorie uniquement si forme fermée

Colorie forme même si « larges » trous

HLS RGB
Outils Lionel Egger, MIRALab 31 Outils Lionel Egger, MIRALab 32

Pipette (I) Gomme (e)

Récupère les attributs pour les appliquer à un Effacer lignes, contours, remplissage.
autre objet

• Remplissages

• Contour (Ligne)

Un clic sur une ligne efface la ligne

• Formats de texte
texte Un clic sur un remplissage efface le remplissage

Un double-clic sur la gomme efface l’ensemble des éléments présents sur

tous les éléments de la scène !!!!! (Ctrl + z) pour annuler ☺ !
Outils Lionel Egger, MIRALab 33 Outils Lionel Egger, MIRALab 34

Main (h) Loupe (m ou z)

Déplacement sur le plan de travail (>200% !!) Loupe pour agrandir et diminuer la taille
Appui sur la barre d’espace fait apparaître d’affichage
temporairement la main
+Alt permet de switcher de zoom + à -

Alt + permet de se déplacer

+Alt +Ctrl + permet de zoomer sur
verticalement sur le plan de travail le plan de travail
Double-clic dans la main: ajuster
le plan de travail à la fenêtre Double-clic dans la loupe permet
de rapidement régler l’échelle à 100%

Outils Lionel Egger, MIRALab 35 Outils Lionel Egger, MIRALab 36

6
 Exercice 3.7

Redessinez Clark Gaybeul en vectoriel puis

coloriez-le ☺

Lionel Egger, MIRALab 37