« Flash CS3 - Créer et modifier les calques et les images » : différence entre les versions
mAucun résumé des modifications |
|||
Ligne 10 : | Ligne 10 : | ||
* [[Univers Flash CS3]], [[univers Flash CS4]] ou [[univers Flash CS5]] | * [[Univers Flash CS3]], [[univers Flash CS4]] ou [[univers Flash CS5]] | ||
''' | '''Matériel (fichiers *.fla à manipuler)''' | ||
* http://tecfa.unige.ch/guides/flash/ex/drawing-intro/ | * http://tecfa.unige.ch/guides/flash/ex/drawing-intro/ | ||
Ligne 33 : | Ligne 33 : | ||
== Introduction == | == Introduction == | ||
Les '''calques ''' (''Layers'') vous aident à organiser des projets | Les '''calques ''' (''Layers'') vous aident à organiser des projets complexes en Flash. L'utilisation des calques a plusieurs avantages. Vous pouvez: | ||
*dessiner et éditer des objets dans un calque sans toucher les objets dans un autre calque. | *dessiner et éditer des objets dans un calque sans toucher les objets dans un autre calque. | ||
* | *verrouiller les calques (pour protéger les objets de modifications indésirables) | ||
*cacher les calques, les rendre visible (et voir les objets qu'ils contiennent) ou ne rendre visible que les contours des objets. | *cacher les calques, les rendre visible (et voir les objets qu'ils contiennent) ou ne rendre visible que les contours des objets. | ||
Les options calques font partie du '''Scénario ''' (''Timeline''), c.a.d. le déroulement de votre "movie" dans le temps, image par image. Pour le moment on va rester dans le premier image (Angl. frame). | Les options calques font partie du '''Scénario ''' (''Timeline''), c.a.d. le déroulement de votre "movie" dans le temps, image par image. Pour le moment on va rester dans le premier image (Angl. frame). | ||
Si la ''timeline'' n'est pas affiché dans votre environnement CS3 ou CS4, il faut aller dans le menu ''Window'' et | Si la ''timeline'' n'est pas affiché dans votre environnement CS3 ou CS4, il faut aller dans le menu ''Window'' et sélectionner ''Timeline'' (ou presser ''CTRL-ALT-T'') | ||
=== Vue d'ensemble de la section calques === | === Vue d'ensemble de la section calques === | ||
Ligne 49 : | Ligne 49 : | ||
[[Image:Cs3 layers annotated.png|frame|none|L'outil Calque en Flash CS3]] | [[Image:Cs3 layers annotated.png|frame|none|L'outil Calque en Flash CS3]] | ||
CS4 et CS5 utilisent les mêmes | CS4 et CS5 utilisent les mêmes fonctionnalités et les mêmes graphismes pour l'interface. | ||
[[Image:flash-CS5-layers.png|frame|none|L'outil Calque en Flash CS5]] | [[Image:flash-CS5-layers.png|frame|none|L'outil Calque en Flash CS5]] | ||
Ligne 83 : | Ligne 83 : | ||
* Vous pouvez modifier la couleur du contour en double-cliquant sur ce rectangle. | * Vous pouvez modifier la couleur du contour en double-cliquant sur ce rectangle. | ||
=== | === Verrouiller et masquer les calques === | ||
Cliquez les points sous | Cliquez les points sous l’icône correspondante aux fonctions masquer/verrouiller/afficher dans le panneau pour choisir le mode d'affichage d'un calque. Cliquez sur l’icône pour modifier le mode d'affichage de tous les calques en même temps. | ||
Astuce : Gardez tous les calques | Astuce : Gardez tous les calques verrouillés et ne déverrouillez que le calque que vous voulez modifier (un calque à la fois). Cela vous aidera à éviter de sélectionner et modifier par erreur les objets qui se trouvent sur les calques supérieures. | ||
=== Déplacer et arranger les calques === | === Déplacer et arranger les calques === | ||
Ligne 100 : | Ligne 100 : | ||
*Le calque "Painting" est activé (le crayon est affiché). | *Le calque "Painting" est activé (le crayon est affiché). | ||
*Le calque "Objects" est affiché en contour et est | *Le calque "Objects" est affiché en contour et est verrouillé (la serrure est affiché et le rectangle est vide. Les objets sur ce calque sont dessiné en vert clair, la couleur du rectangle). | ||
*Le calque "Sky" est masqué (sous l' | *Le calque "Sky" est masqué (sous l'oeil un "X" rouge est affiché). | ||
[[Image:Cs3 layers2.png|L'outil Calques en Flash CS3 affichant les contours d'un calque et un calque masqué]] | [[Image:Cs3 layers2.png|L'outil Calques en Flash CS3 affichant les contours d'un calque et un calque masqué]] | ||
Ligne 107 : | Ligne 107 : | ||
== Organiser les calques en dossiers == | == Organiser les calques en dossiers == | ||
Une fois que vos documents deviennent | Une fois que vos documents deviennent complexes, vous pouvez les arranger en dossiers, p. ex. un dossier par tache : objets statiques, animations, arrière-plans, etc. | ||
==== Créer un dossier de calques : ==== | ==== Créer un dossier de calques : ==== | ||
* cliquer | * cliquer l’icône "dossier" dans le menu d'édition (3e objet) | ||
ou | ou | ||
Ligne 117 : | Ligne 117 : | ||
*''Insert -> Timeline -> Layer Folder'' (Insértion -> Scénario -> Dossier de calques) | *''Insert -> Timeline -> Layer Folder'' (Insértion -> Scénario -> Dossier de calques) | ||
Vous pouvez de suite | Vous pouvez de suite réarranger l'ordre des dossiers de calques, les verrouiller ou les masquer comme avec les calques. | ||
A un moment donné il devient difficile de travailler avec tout les objets dans le scénario de base. Il vaut la peine d'organiser et plannifier le projet et de regrouper les [[Flash CS4 - Symboles et clips|''clips'']] (symboles de clip). | A un moment donné il devient difficile de travailler avec tout les objets dans le scénario de base. Il vaut la peine d'organiser et plannifier le projet et de regrouper les [[Flash CS4 - Symboles et clips|''clips'']] (symboles de clip). | ||
Ligne 123 : | Ligne 123 : | ||
== Séquences == | == Séquences == | ||
Lorsque vos projets deviennent plus complexes et longs, il est recommandé de les décomposer en plusieurs séquences ('' | Lorsque vos projets deviennent plus complexes et longs, il est recommandé de les décomposer en plusieurs séquences (''scènes''). Si vous êtes novices, vous pouvez l'éviter pour l'instant, mais il est bien de savoir à quoi sert les séquences. A noter aussi que les séquences "se jouent" dans l'ordre que vous définissez. | ||
==== Insérer une nouvelle séquence ('' | ==== Insérer une nouvelle séquence (''Scène'') ==== | ||
*Menu ''Insert -> | *Menu ''Insert -> Scène'' (Insertion -> Séquence) | ||
==== Renommer / réarranger les séquences ==== | ==== Renommer / réarranger les séquences ==== | ||
* Menu ''Window -> Other Panels -> Scene'' (SHIFT-F2) (Fenêtre -> Autres Panneaux -> | * Menu ''Window -> Other Panels -> Scene'' (SHIFT-F2) (Fenêtre -> Autres Panneaux -> Sequence) | ||
* ... puis glissez la séquences vers le haut ou vers le bas | * ... puis glissez la séquences vers le haut ou vers le bas | ||
Version du 14 octobre 2010 à 16:02
Cet article est incomplet.
Il est jugé trop incomplet dans son développement ou dans l'expression des concepts et des idées. Son contenu est donc à considérer avec précaution.
Objectifs d'apprentissage
- Apprendre à manipuler les calques (couches) en Flash
Prérequis
Matériel (fichiers *.fla à manipuler)
Qualité et niveau Ce tutoriel aidera les adeptes de la technique à démarrer.
Prochaines éléments
- Flash CS4 - Transformer des dessins (CS3 compatible)
- Flash CS4 - Arranger des dessins (CS3 compatible)
- Flash CS4 - Couleurs et gradients (CS3 compatible)
- Flash CS4 - Texte (CS3 compatible)
Prochaines étapes
- Flash CS4 - Animation image par image
- Flash CS4 - Interpolation de mouvement (motion tweening)
- Flash CS4 - Morphing (Interpolation de forme, shape tweening)
Introduction
Les calques (Layers) vous aident à organiser des projets complexes en Flash. L'utilisation des calques a plusieurs avantages. Vous pouvez:
- dessiner et éditer des objets dans un calque sans toucher les objets dans un autre calque.
- verrouiller les calques (pour protéger les objets de modifications indésirables)
- cacher les calques, les rendre visible (et voir les objets qu'ils contiennent) ou ne rendre visible que les contours des objets.
Les options calques font partie du Scénario (Timeline), c.a.d. le déroulement de votre "movie" dans le temps, image par image. Pour le moment on va rester dans le premier image (Angl. frame).
Si la timeline n'est pas affiché dans votre environnement CS3 ou CS4, il faut aller dans le menu Window et sélectionner Timeline (ou presser CTRL-ALT-T)
Vue d'ensemble de la section calques
Les calques ainsi que les contrôles sont affichés à l'interieur du scénario à gauche. La capture d'écran ci-dessous indique quelques fonctionnalités décrites plus bas.
CS4 et CS5 utilisent les mêmes fonctionnalités et les mêmes graphismes pour l'interface.
Dessiner dans un calque
Pour dessiner, colorer ou modifier un calque il suffit de l'activer en cliquant sur le nom du calque dans le scénario. L'icône crayon à gauche du nom indique qu'un calque est active et peut être modifié.
Ajouter et supprimer des calques
Un nouveau document Flash contient un seul calque, ce qui est rarement suffisant.
Il y a trois façons d'ajouter un calque :
- Insert (Insérer) -> Timeline (Scénario) -> Layer (Calque)
- Cliquer sur l'icône calque (en bas à gauche du Scénario)
- Clic-droit sur un calque existant puis choisir Insert Layer (Ajouter un calque)
Donnez un nom significatif aux calques dès qu'ils sont ajoutés. Clic-droit sur le nom générique (p. ex. Layer2) sélectionnez Properties (Propriétés) et insérer le nom désiré. Pour afficher le panneau Properties vous pouvez également double-cliquer le nom du calque.
Pour supprimer un calque et ses contenus : Cliquez à droite -> Delete Layer (Supprimer calque). Avant de supprimer un calque, pensez à sauvegarder peut-être ses objets dans un autre calque (copier/coller) ou encore dans la bibliothèque comme symbole.
A l'aide du menu contextuel (clic-droit) vous pouvez aussi verrouiller et/ou masquer un calque, on reviendra sur le verrouillage ci-dessous.
Afficher les objets d'un calque sous forme de contours
- Cliquez sur le rectangle à droite du nom du calque. Lorsque le rectangle apparait "vide" vous ne verrez que les contours des objets du calque.
- Vous pouvez modifier la couleur du contour en double-cliquant sur ce rectangle.
Verrouiller et masquer les calques
Cliquez les points sous l’icône correspondante aux fonctions masquer/verrouiller/afficher dans le panneau pour choisir le mode d'affichage d'un calque. Cliquez sur l’icône pour modifier le mode d'affichage de tous les calques en même temps.
Astuce : Gardez tous les calques verrouillés et ne déverrouillez que le calque que vous voulez modifier (un calque à la fois). Cela vous aidera à éviter de sélectionner et modifier par erreur les objets qui se trouvent sur les calques supérieures.
Déplacer et arranger les calques
Pour modifier l'ordre des calques choisissez-le avec la souris et glissez le vers le haut ou vers le bas de la liste. Le positionnement des calques a un effet sur l'ordre d'affichage des objets. P. ex. si un objet doit passer devant un autre mais est en effet caché derrière l'objet, glissez le calque de l'objet en question vers le haut.
L'ordre dans lequel les objets sont dessinés est défini dans File Menu -> Publish Settings (parametres de publication)
Exemple
L'exemple suivant montre des calques masqués et des calques verouillés :
- Le calque "Painting" est activé (le crayon est affiché).
- Le calque "Objects" est affiché en contour et est verrouillé (la serrure est affiché et le rectangle est vide. Les objets sur ce calque sont dessiné en vert clair, la couleur du rectangle).
- Le calque "Sky" est masqué (sous l'oeil un "X" rouge est affiché).
Organiser les calques en dossiers
Une fois que vos documents deviennent complexes, vous pouvez les arranger en dossiers, p. ex. un dossier par tache : objets statiques, animations, arrière-plans, etc.
Créer un dossier de calques :
- cliquer l’icône "dossier" dans le menu d'édition (3e objet)
ou
- Insert -> Timeline -> Layer Folder (Insértion -> Scénario -> Dossier de calques)
Vous pouvez de suite réarranger l'ordre des dossiers de calques, les verrouiller ou les masquer comme avec les calques.
A un moment donné il devient difficile de travailler avec tout les objets dans le scénario de base. Il vaut la peine d'organiser et plannifier le projet et de regrouper les clips (symboles de clip).
Séquences
Lorsque vos projets deviennent plus complexes et longs, il est recommandé de les décomposer en plusieurs séquences (scènes). Si vous êtes novices, vous pouvez l'éviter pour l'instant, mais il est bien de savoir à quoi sert les séquences. A noter aussi que les séquences "se jouent" dans l'ordre que vous définissez.
Insérer une nouvelle séquence (Scène)
- Menu Insert -> Scène (Insertion -> Séquence)
Renommer / réarranger les séquences
- Menu Window -> Other Panels -> Scene (SHIFT-F2) (Fenêtre -> Autres Panneaux -> Sequence)
- ... puis glissez la séquences vers le haut ou vers le bas
- Pour renommer une séquence double-cliquez le nom de la séquence dans ce panneau.
Soit par le panneau Scenes (Séquence), soit par le menu Edit (Édition) en bas du Timeline. S'il n'est pas affiché : Window->Toolbars->Edit (Fenêtre -> Barre d'outils -> Éditer)
Un avantage de l'utilisation des séquences est qu'elles peuvent être testées une à la fois.