« Flash CS4 - Arranger des dessins » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
m (Remplacement de texte — « <pageby nominor="false" comments="false"/> » par « <!-- <pageby nominor="false" comments="false"/> --> »)
 
(12 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
{{En_construction}}
{{Incomplet}}
Qqs trucs sont totalement illisibles, j'utilise Google translate puis je répare .... attendez un peu :)
{{Tutoriels Flash|CS3, CS4 et CS5|débutant}}
{{Tutoriels Flash|CS3 et CS4|débutant}}
<!-- <pageby nominor="false" comments="false"/> -->
<pageby nominor="false" comments="false"/>


== Présentation ==
== Présentation ==
Ligne 8 : Ligne 7 :
<div class="tut_goals">
<div class="tut_goals">
; Objectifs d'apprentissage:
; Objectifs d'apprentissage:
: Apprenez à aligner, empiler, groupe, combiner, déassembler des objets dans Flash CS4 (ou CS3)
: Apprenez à aligner, empiler, groupe, combiner, désassembler des objets dans Flash CS4 (ou CS3)
; Pré-requis:
; Prérequis
* [[Flash CS4 - Créer des dessins avec les outils de dessin ]]
* [[Flash CS4 - Créer des dessins avec les outils de dessin]]
; Simultanément
* [[Flash CS4 - Transformer des dessins]]
; Avancer
; Avancer
* [[Flash Cs4 - Animation image par image]]
* [[Flash CS4 - Animation image par image]]
* [[Flash CS4 - Interpolation de movement]]
* [[Flash CS4 - Interpolation de mouvement]]
* [[Flash CS4 - Morphing]]
* [[Flash CS4 - Morphing]]
; Matériaux
; Matériaux
Ligne 19 : Ligne 20 :
</div>
</div>


== Accroachage (Snapping) ==  
== Accrochage (Snapping) ==  


Snapping (accrochage) est une aide qui vous permet d'aligner facilement des objets lorsque vous les dessinez. Il existe différents modes que vous pouvez régler selon vos besoins.
Le ''snapping'' (fr: accrochage) est une fonction de l'outil de dessin qui vous permet d'aligner facilement des objets lorsque vous les dessinez. Il existe différents modes que vous pouvez régler selon vos besoins.
Selon [http://livedocs.adobe.com/flash/9.0_fr/UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7e56.html Adobe], Flash permet d'aligner des objets sur la scène de trois manières différentes :
Selon [http://livedocs.adobe.com/flash/9.0_fr/UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7e56.html Adobe], Flash permet d'aligner des objets sur la scène de plusieurs manières différentes, par exemple :
* L'accrochage aux objets permet d'accrocher les objets bord à bord.
* L'accrochage aux '''objets''' permet d'accrocher les objets bord à bord.
* L'accrochage aux pixels permet d'accrocher les objets à des pixels ou à des lignes de pixels sur la scène.
* L'accrochage aux '''pixels'' permet d'accrocher les objets à des pixels ou à des lignes de pixels sur la scène.
* L'alignement par accrochage permet d'accrocher les objets jusqu'à une certaine tolérance à l'accrochage, c'est-à-dire une limite prédéfinie entre les objets ou entre les objets et le bord de la scène.  
* L'alignement par accrochage permet d'accrocher les objets jusqu'à une certaine tolérance à l'accrochage, c'est-à-dire une limite prédéfinie entre les objets ou entre les objets et le bord de la scène.  


Réglages: ''Menu View -> snapping'' ou ''clic-droit'' sur l'espace de travail
Réglages: ''Menu View -> snapping'' ou ''clic-droit'' sur l'espace de travail


Vous pouvez ensuite définir vos préférences. Je conseiller de cliquer sur ''Edit Snapping ...'' et ensuite cocher ce qui vous convient. ''Advanced'' permet de régler les distances.
Vous pouvez ensuite définir vos préférences. Je conseille de cliquer sur ''Edit Snapping ...'' et ensuite cocher ce qui vous convient. ''Advanced'' permet de régler les distances.


Généralement, j'utilise la configuration suivante (ou alors rien du tout)
Généralement, j'utilise la configuration suivante (ou alors rien du tout)
Ligne 39 : Ligne 40 :


; Snap to Objects
; Snap to Objects
* Accroche un object contre une partie d'un autre objet. Déplacez-vous lentement ...
* Accroche un objet contre une partie d'un autre objet. Déplacez la souris lentement ...


; Snap Align (avec snap to objects en marche)
; Snap Align (avec ''snap to objects'' activé)
* Accroche aux lignes pointillées qui vont apparaître (par exemple une même hauteur qu'un objet)
* Accroche aux lignes pointillées qui vont apparaître (par exemple une même hauteur qu'un objet)


Ligne 52 : Ligne 53 :


; Snap to Pixel
; Snap to Pixel
* Pour les travaux de haute précision. Magnifier la scène d'au moins 400%.
* Pour les travaux de haute précision. Magnifier la scène à 400% au moins.


'''Object spacing''' fait ce que son nom l'indique:
[[image: flash-cs3-align-object-snapping.png | thumb | 300px | none | "Snap to object" ]]
* Si l'espacement horizontal ou vertical définit la distance d'accrochage par rapport aux bords des autres objets
'''Object spacing''' fait ce que son nom l'indique, cela règle l'espacement entre les objets:
* Par défaut l'accochage se au centre d'un trait. Donc si par exemple la distance est réglée à 0px et vos lignes ont une larger de 5px, vos objets vont se chevaucher.
* L'espacement horizontal ou vertical définit la distance d'accrochage par rapport aux bords des autres objets
* L'accrochage est défini par rapport au centre d'un trait (donc de la ligne-contour d'un objet). Si, par exemple, la distance est réglée à 0px et vos lignes ont une largeur de 5px, vos objets vont se chevaucher.


Exemple: On bouge le petit rectangle rouge en haut à gauche pour l'aligner audessus et à droite du rectangle jaune.
Exemple: Dans l'image "snap to object", on bouge le petit rectangle en haut à gauche pour l'aligner au-dessus et à droite du rectangle jaune.
[[image: flash-cs3-align-object-snapping.png | thumb | 300px | none | "Snap to object" ]]


== Aligner les objets ==
== Aligner les objets ==


Pour aligner des objets sur la scène, il existe trois solutions:
Pour aligner des objets sur la scène, il existe trois solutions:
* Utilisez le panneau de l'alignement (l'ouvrir avec''Fenêtre-> Aligner''ou''CTRL-K''et l'ancrer à côté du panneau Couleurs
* Utilisez le panneau de l'alignement (l'ouvrir avec ''Windows-> Align'' ou ''CTRL-K''et le fixer à côté du panneau Couleurs)
* Utilisez le menu''> Alignez-Modifier''
* Utilisez le menu ''Modify -> Align ''
* Utilisez les raccourcis (voir [[Flash CS3 raccourcis clavier]])
* Utilisez les raccourcis (voir [[Flash CS4 raccourcis clavier]])


[[image: flash-cs3-align-tools.png | thumb | 600px | none | Divers aligner les interfaces de Flash CS3]]
[[image: flash-cs3-align-tools.png | thumb | 600px | none | Interfaces de Flash CS3/CS4 pour l'alignement]]


Avec l'alignement du panel, vous pouvez aligner, distribuer ou redimensionner une série d'objets sélectionnés.
Dans le panneau ''align'', vous pouvez aligner, distribuer ou redimensionner une série d'objets sélectionnés.


Il existe deux modes fondamentaux:
Il existe deux modes fondamentaux:  
* Aligner / distribuer référant à la scène. À savoir mai vous souhaitez aligner une image dans le centre de la scène.
* Aligner / distribuer par rapport aux dimensions de la scène ('''To stage''')
* Permet d'aligner un ou plusieurs objets avec le premier choisi, ou à distribuer parmi les deux premiers objets sélectionnés.
* Aligner ou distribuer plusieurs objets par rapport au premier choisi.
Pour régler cela, pressez ou déselectionnez le bouton ''To stage'' dans CS3/CS4 et ''Align to stage'' dans CS5 (!)


L'alignement du panneau (avec "mettre en scène" option non cochée):
[[image: flash-align-panel.png | frame | none | Le panneau align de Flash CS3/CS4, "To stage" est décoché (!)]]
[[image: flash-align-panel.png | frame | none | align Diverses interfaces de Flash CS3]]


Pour voir ce que chaque icône, déplacez le curseur de votre souris dessus. Le aligner les icônes du panneau transmettre le message du type suivant:
Pour voir ce que chaque icône fait, il y a un "tooltip" (fr: info-bulle): déplacez le curseur de votre souris dessus.
# La ligne représente la frontière contre lequel l'alignement ou la distribution sera faite (gauche, droite, bas-Orient, Haut,, etc)
# La ligne représente la frontière contre laquelle l'alignement ou la distribution sera faite (gauche, droite, bas, Haut,, etc)
# Le noir et le rectangle blanc représentent les objets sélectionnés
# Les rectangles blancs et noirs représentent les objets sélectionnés


Ajuster à la taille va changer la taille (soit la largeur, la hauteur ou les deux) des objets plus petits avec
''Match size'' (ajuster à la taille) va changer la taille (soit la largeur, la hauteur ou les deux) des objets plus petits avec un objet plus grand. ''Space'' fonctionne un peu comme distribuer.
un objet plus grand. Space fonctionne un peu comme distribuer.


== Alignement des objets dans plusieurs cadres ==
== Alignement des objets dans plusieurs frames (images) ==


Vous avez également mai alignement des objets dans plusieurs cadres.
Vous pouvez également aligner des objets dans plusieurs images (frames): Cliquez sur les ''Edit multiple frames''
Par exemple, pour aligner les lettres de tous les cadres: cliquez sur les cadres modifier''plusieurs''bouton dans la barre ci-dessous la chronologie.
[[image: flash-cs3-select-all-frames.png | thumb | 800px | none | Edit multiple frames (CS3)]]
[[image: flash-cs3-select-all-frames.png | thumb | 800px | none | Sélectionner tous les cadres]]


* Ensuite, vous pouvez sélectionner les images que vous voulez modifier en déplaçant l'ensemble "[" "]" curseurs au-dessus de la timeline
* Ensuite, vous pouvez sélectionner les images que vous voulez modifier en déplaçant les curseurs oignons "[" "]" au-dessus de la timeline
* Sélectionnez ensuite des groupes d'objets que vous souhaitez aligner (par exemple les groupes de lettres différentes dans notre cas), puis utilisez le volet de l'alignement (''Fenêtre-> Aligner''), mais décochez''Mettre en scène''(!)
* Sélectionnez ensuite des groupes d'objets que vous souhaitez aligner (par exemple les groupes de lettres différentes dans notre cas), mais décochez ''To stage'' (!)


Cet outil est assez dangereux, car il est difficile de contrôler ce qui se passe dans chaque trame. Assurez-vous d'enregistrer votre fichier avant de vous engager dans le présent! Aussi, lorsque vous avez terminé, décochez la''plusieurs cadres modifier''bouton.
Cet outil est assez dangereux, car il est difficile de contrôler ce qui se passe dans chaque frame. Assurez-vous d'enregistrer votre fichier avant de vous engager! Aussi, lorsque vous avez terminé, décochez ce bouton ''Edit multiple frames'' (!)


== == Empilable
== Empilement d'objets (stacking) ==  


Lorsque vous dessinez un nouvel objet, il est dessiné au dessus des autres.
Lorsque vous dessinez un nouvel objet, il est dessiné par dessus les autres.


Vous pouvez aller de l'avant ou vers l'arrière tout objet sélectionné (s)
Vous pouvez les mettre en avant ou en arrière:
* Utiliser le droit''-click-> Réorganiser le menu''ou:
* Utiliser le ''clic-droit -> Arrange'' ou:
: CTRL + HAUT - Move Ahead
: CTRL + UP:  Bouger en arrière (Move back)
: CTRL + Flèche vers le bas - se placer derrière
: CTRL + Down - Bouger en avant (Move front)


Groupement == ==
== Groupement ==


=== Formes Passant en objets ===
Il y a différentes notions de groupement qu'on va examiner maintenant:
* Transformation de (plusieurs) formes en un seul objet de dessin
* Création d'un objet à partir d'autres objets
* Groupement au sens propre
* Grouper des objets dans un symbole
 
=== Transformation de formes en objets de dessin ===


Pour combiner plusieurs formes dans un objet:
Pour combiner plusieurs formes dans un objet:
* Menu''Modifier-> Objets Combine-Union>''
* Menu ''Modify-> Combine Objets ->Union''


Pour briser un objet:
Cette opération n'est pas innocente, elle crée un nouveau objet de dessin. Si vous voulez simplement regrouper des graphiques vectoriels dans un groupe que vous pouvez défaire dans la suite, c.f. "regroupement" (ci-dessous).
* Menu''Modifier-> Break Apart''ou''Right-click> Break Apart''ou''CTRL-B''


Astuce: Cette opération n'est pas innocent, c'est à dire qu'il crée un objet nouveau single modifiable. Si vous voulez simplement des graphiques vectoriels du groupe en un objet d'utilisation composites "regroupement" (voir ci-dessous).
Pour briser un objet (par exemple un dessin en shapes):
* Menu ''Modify-> Break Apart'' ou ''clic-droit -> Break Apart'' ou ''CTRL-B''


=== Création d'un nouvel objet à partir d'autres ===
=== Création d'un nouvel objet à partir d'autres ===


''Menu Modifier-> Objets Combinez''vous permet de combiner des objets de plusieurs façons:
* ''Menu Modify-> Combine Objects'' vous permet de combiner des objets de plusieurs façons:
*''L'Union''comme ci-dessus: il va créer un nouvel objet et le respect de l'empilement (par exemple comme vous le voyez sur la scène)
* ''Union'' comme ci-dessus: va créer un nouvel objet en respectant l'empilement  
*''Carrefour''sera seulement l'adoption par l'espace commun
* ''Intersection'' prendra en compte seulement seulement la "zone commune" des objets sélectionnés.
* Etc ...
* Etc ...


Pour briser un objet:
=== Grouper des objets ===
* Menu''Modifier-> Break Apart''ou''Right-click> Break Apart''ou''CTRL-B''
* Le résultat sera formes, et non les objets originaux.


=== === Grouper des objets
Utilisez cette fonctionnalité, si vous envisagez de rééditer les hiérarchies d'objets, typiquement lorsque vous faites des dessins compliqués dans un seul layer.


Utilisez cette fonctionnalité, si vous envisagez de ré-éditer les hiérarchies d'objets regroupés comme vous le mai
Pour regrouper plusieurs objets:
ont dans les dessins complexes. Pour regrouper plusieurs objets:
* Sélectionner les objets que vous souhaitez grouper.
* Sélectionner les objets que vous souhaitez grouper.
* Cliquez sur''ctrl-g''ou''menu Modifier-> Groupe''
* Ensuite, cliquez sur ''ctrl-g'' ou ''menu Modify-> Group''


Pour dissocier un objet
Pour dissocier un objet
* Sélectionnez-le
* Sélectionnez l'object,
* Cliquez sur''Ctrl-Maj-G''ou''menu Modifier-> Dissocier''
* ensuite pressez ''Ctrl-Maj-G'' ou utilisez le menu ''Modify -> Ungroup''


Remarque: Flash vous permettra d'animer des objets regroupés dans une interpolation de mouvement, mais il sera
Remarques:  
interpolation de créer des objets dans la bibliothèque (comme il le fait pour les simples, les objets modifiables). Vous ne pouvez pas dissocier ces plus, sauf en brisant les séparer. Je suggère'' 'always'''using symboles de clip pour l'animation de mouvement! Tween objets sont mauvais (à ce stade).
* Lorsque vous cliquez sur un group d'objets, le properties panel va afficher "Group".
* Pour faire des animations il ne faut pas juste regrouper des objects, mais transformer cet objet composé en ''symbol''.


=== Grouper des objets dans un symbole ===
=== Grouper des objets dans un symbole ===


* Sélectionner plusieurs objets
Un symbole représente une "classe", c'est à dire une sorte d'objet générique inséré dans la bibliothèque (library). Vous pouvez ensuite utiliser des multiples instances (occurrences) de ce objet.
*''Right-click> Convertir en symbole''ou appuyez sur F8''''
 
* Sélectionner plusieurs objets ou formes
* ''Click droit -> Convert to symbol'' ou appuyez sur F8


Ensuite, vous devez choisir le type:
Ensuite, vous devez choisir le type:
* "Graphic", un graphique (à savoir un groupe nommé d'objets)
* "Graphic", un graphique (à savoir un groupe nommé d'objets)
* "Button" permettra de créer un symbole de bouton (vous pouvez ensuite affiner les cadres bouton)
* "Button", pour créer des boutons
* "Movie Clip" vous permettra d'utiliser l'objet pour le mouvement d'animation
* "Movie Clip", pour des fonctionnalités plus avancés avec ActionScript. Choisissez ''Movie Clip'' par défaut. Vous pouvez toujours modifier un symbole plus tard.


Tous ces symboles peuvent ensuite être édités (double-cliquer dans la bibliothèque ou la scène à la terre en mode d'édition de symbole).
Tous ces symboles peuvent ensuite être édités (double-cliquer dans la bibliothèque ou sur une instance qui se trouve sur la scène.


Conseils:
Conseils:
* Utilisez les clips, sauf si vous avez une bonne raison de faire autrement. Un clip n'est vraiment pas le même type d'objet en tant que bouton par exemple.
* Utilisez les clips, sauf si vous avez une bonne raison de faire autrement. Un clip n'est vraiment pas le même type d'objet qu'un bouton
* Donnez-vous toujours les symboles d'un nom'' '''' meaningful!
* Donnez toujours un nom ''intelligible'' aux symboles.


== Conclusion / plus ==
== Conclusion / plus ==


* Si vous dessinez un lot, vous mai souhaitez imprimer la liste des [[raccourcis clavier Flash CS3]]
* Si vous dessinez beaucoup, imprimez la liste des [[:en:raccourcis clavier Flash CS3|raccourcis clavier Flash CS3]] (Anglais)
* À un moment donné vous aussi en apprendre davantage sur les différents types d'objets que vous pouvez avoir dans un fichier *. fla. Ils ont tous des objectifs différents, par exemple différents types d'interpolations de ne travailler que sur certains types d'objets. Voir la [[formats Flash et objets aperçu]].
* Pour examiner les objets dans une scène, utilisez le '''Movie explorer''' (CS4 uniquement). L'afficher avec ''Window->Movie Explorer''.
 
* A un moment donné il faudrait aussi en apprendre davantage sur les différents types d'objets que vous pouvez avoir dans un fichier *. fla. Voir [[Appercu de formats Flash]].
Il ya plus de commandes dans le menu Modifier, mais c'est assez son pour le moment ... :)


== Remerciement et modification do copyright ==
== Remerciement et modification du copyright ==


{{copyrightalso|[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0 Unported]. Une partie de cet article a été repris de [http://help.adobe.com/en_US/Flash/10.0_UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7e8ba.html Creating and Editing Artwork], Adobe, ''Using Flash'' et vous devez également citer cette source et répliquer le copyright. Cela concerne aussi les images répliquées ici.}}
{{copyrightalso|[http://creativecommons.org/licenses/by-nc-sa/3.0/ Attribution-Noncommercial-Share Alike 3.0 Unported]. Une partie de cet article a été repris de [http://help.adobe.com/en_US/Flash/10.0_UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7e8ba.html Creating and Editing Artwork], Adobe, ''Using Flash'' et vous devez également citer cette source et répliquer le copyright. Cela concerne aussi les images répliquées ici.}}

Dernière version du 22 août 2016 à 18:56

Tutoriels Flash

Présentation

Objectifs d'apprentissage
Apprenez à aligner, empiler, groupe, combiner, désassembler des objets dans Flash CS4 (ou CS3)
Prérequis
Simultanément
Avancer
Matériaux
Aucun, jouer simplement avec vos propres objets:)

Accrochage (Snapping)

Le snapping (fr: accrochage) est une fonction de l'outil de dessin qui vous permet d'aligner facilement des objets lorsque vous les dessinez. Il existe différents modes que vous pouvez régler selon vos besoins. Selon Adobe, Flash permet d'aligner des objets sur la scène de plusieurs manières différentes, par exemple :

  • L'accrochage aux objets permet d'accrocher les objets bord à bord.
  • L'accrochage aux 'pixels permet d'accrocher les objets à des pixels ou à des lignes de pixels sur la scène.
  • L'alignement par accrochage permet d'accrocher les objets jusqu'à une certaine tolérance à l'accrochage, c'est-à-dire une limite prédéfinie entre les objets ou entre les objets et le bord de la scène.

Réglages: Menu View -> snapping ou clic-droit sur l'espace de travail

Vous pouvez ensuite définir vos préférences. Je conseille de cliquer sur Edit Snapping ... et ensuite cocher ce qui vous convient. Advanced permet de régler les distances.

Généralement, j'utilise la configuration suivante (ou alors rien du tout)

  • Snap Align - Accrochage aux objets
  • Snap to Objects - Aligner sur les objets
  • Horizontal and vertical center alignment - Aligner les centres horizontalement et verticalement
Modifier les paramètres de l'accrochage (snapping)
Snap to Objects
  • Accroche un objet contre une partie d'un autre objet. Déplacez la souris lentement ...
Snap Align (avec snap to objects activé)
  • Accroche aux lignes pointillées qui vont apparaître (par exemple une même hauteur qu'un objet)
Snap to Grid
  • Fonctionne lorsque vous activez la grille avec le menu View -> Grid; Show Grid;
  • Utile pour des dessins techniques ou des plans.
Snap to guides
  • Même principe que snap to grid. (View -> Guides).
Snap to Pixel
  • Pour les travaux de haute précision. Magnifier la scène à 400% au moins.
"Snap to object"

Object spacing fait ce que son nom l'indique, cela règle l'espacement entre les objets:

  • L'espacement horizontal ou vertical définit la distance d'accrochage par rapport aux bords des autres objets
  • L'accrochage est défini par rapport au centre d'un trait (donc de la ligne-contour d'un objet). Si, par exemple, la distance est réglée à 0px et vos lignes ont une largeur de 5px, vos objets vont se chevaucher.

Exemple: Dans l'image "snap to object", on bouge le petit rectangle en haut à gauche pour l'aligner au-dessus et à droite du rectangle jaune.

Aligner les objets

Pour aligner des objets sur la scène, il existe trois solutions:

  • Utilisez le panneau de l'alignement (l'ouvrir avec Windows-> Align ou CTRL-Ket le fixer à côté du panneau Couleurs)
  • Utilisez le menu Modify -> Align
  • Utilisez les raccourcis (voir Flash CS4 raccourcis clavier)
Interfaces de Flash CS3/CS4 pour l'alignement

Dans le panneau align, vous pouvez aligner, distribuer ou redimensionner une série d'objets sélectionnés.

Il existe deux modes fondamentaux:

  • Aligner / distribuer par rapport aux dimensions de la scène (To stage)
  • Aligner ou distribuer plusieurs objets par rapport au premier choisi.

Pour régler cela, pressez ou déselectionnez le bouton To stage dans CS3/CS4 et Align to stage dans CS5 (!)

Le panneau align de Flash CS3/CS4, "To stage" est décoché (!)

Pour voir ce que chaque icône fait, il y a un "tooltip" (fr: info-bulle): déplacez le curseur de votre souris dessus.

  1. La ligne représente la frontière contre laquelle l'alignement ou la distribution sera faite (gauche, droite, bas, Haut,, etc)
  2. Les rectangles blancs et noirs représentent les objets sélectionnés

Match size (ajuster à la taille) va changer la taille (soit la largeur, la hauteur ou les deux) des objets plus petits avec un objet plus grand. Space fonctionne un peu comme distribuer.

Alignement des objets dans plusieurs frames (images)

Vous pouvez également aligner des objets dans plusieurs images (frames): Cliquez sur les Edit multiple frames

Edit multiple frames (CS3)
  • Ensuite, vous pouvez sélectionner les images que vous voulez modifier en déplaçant les curseurs oignons "[" "]" au-dessus de la timeline
  • Sélectionnez ensuite des groupes d'objets que vous souhaitez aligner (par exemple les groupes de lettres différentes dans notre cas), mais décochez To stage (!)

Cet outil est assez dangereux, car il est difficile de contrôler ce qui se passe dans chaque frame. Assurez-vous d'enregistrer votre fichier avant de vous engager! Aussi, lorsque vous avez terminé, décochez ce bouton Edit multiple frames (!)

Empilement d'objets (stacking)

Lorsque vous dessinez un nouvel objet, il est dessiné par dessus les autres.

Vous pouvez les mettre en avant ou en arrière:

  • Utiliser le clic-droit -> Arrange ou:
CTRL + UP: Bouger en arrière (Move back)
CTRL + Down - Bouger en avant (Move front)

Groupement

Il y a différentes notions de groupement qu'on va examiner maintenant:

  • Transformation de (plusieurs) formes en un seul objet de dessin
  • Création d'un objet à partir d'autres objets
  • Groupement au sens propre
  • Grouper des objets dans un symbole

Transformation de formes en objets de dessin

Pour combiner plusieurs formes dans un objet:

  • Menu Modify-> Combine Objets ->Union

Cette opération n'est pas innocente, elle crée un nouveau objet de dessin. Si vous voulez simplement regrouper des graphiques vectoriels dans un groupe que vous pouvez défaire dans la suite, c.f. "regroupement" (ci-dessous).

Pour briser un objet (par exemple un dessin en shapes):

  • Menu Modify-> Break Apart ou clic-droit -> Break Apart ou CTRL-B

Création d'un nouvel objet à partir d'autres

  • Menu Modify-> Combine Objects vous permet de combiner des objets de plusieurs façons:
  • Union comme ci-dessus: va créer un nouvel objet en respectant l'empilement
  • Intersection prendra en compte seulement seulement la "zone commune" des objets sélectionnés.
  • Etc ...

Grouper des objets

Utilisez cette fonctionnalité, si vous envisagez de rééditer les hiérarchies d'objets, typiquement lorsque vous faites des dessins compliqués dans un seul layer.

Pour regrouper plusieurs objets:

  • Sélectionner les objets que vous souhaitez grouper.
  • Ensuite, cliquez sur ctrl-g ou menu Modify-> Group

Pour dissocier un objet

  • Sélectionnez l'object,
  • ensuite pressez Ctrl-Maj-G ou utilisez le menu Modify -> Ungroup

Remarques:

  • Lorsque vous cliquez sur un group d'objets, le properties panel va afficher "Group".
  • Pour faire des animations il ne faut pas juste regrouper des objects, mais transformer cet objet composé en symbol.

Grouper des objets dans un symbole

Un symbole représente une "classe", c'est à dire une sorte d'objet générique inséré dans la bibliothèque (library). Vous pouvez ensuite utiliser des multiples instances (occurrences) de ce objet.

  • Sélectionner plusieurs objets ou formes
  • Click droit -> Convert to symbol ou appuyez sur F8

Ensuite, vous devez choisir le type:

  • "Graphic", un graphique (à savoir un groupe nommé d'objets)
  • "Button", pour créer des boutons
  • "Movie Clip", pour des fonctionnalités plus avancés avec ActionScript. Choisissez Movie Clip par défaut. Vous pouvez toujours modifier un symbole plus tard.

Tous ces symboles peuvent ensuite être édités (double-cliquer dans la bibliothèque ou sur une instance qui se trouve sur la scène.

Conseils:

  • Utilisez les clips, sauf si vous avez une bonne raison de faire autrement. Un clip n'est vraiment pas le même type d'objet qu'un bouton
  • Donnez toujours un nom intelligible aux symboles.

Conclusion / plus

  • Si vous dessinez beaucoup, imprimez la liste des raccourcis clavier Flash CS3 (Anglais)
  • Pour examiner les objets dans une scène, utilisez le Movie explorer (CS4 uniquement). L'afficher avec Window->Movie Explorer.
  • A un moment donné il faudrait aussi en apprendre davantage sur les différents types d'objets que vous pouvez avoir dans un fichier *. fla. Voir Appercu de formats Flash.

Remerciement et modification du copyright

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