Flux de travaux et espace de travail



Flux général des travaux dans Flash

Pour construire une application Flash, vous devez généralement exécuter les opérations de base suivantes :

Organiser l'application

Choisissez les tâches de base exécutées par l'application.

Ajouter les éléments multimédia

Créez et importez des éléments multimédia, tels que des images, des vidéos, du son et du texte.

Organiser les éléments

Disposez les éléments multimédia sur la scène et dans le scénario afin de définir quand et comment les faire apparaître dans votre application.

Appliquer des effets spéciaux

Appliquez des filtres graphiques (tels que des flous, des rayonnements et des biseaux), des fondus et autres effets spéciaux suivant les besoins.

Utiliser le code ActionScript pour contrôler le comportement

Ecrivez du code ActionScript® pour contrôler le comportement des éléments multimédia, y compris leurs réponses aux interactions des utilisateurs.

Tester et publier votre application

Faites des tests pour vous assurer que votre application fonctionne comme vous le souhaitiez ; débusquez et corrigez toutes les anomalies qui surviennent. Testez votre application tout au long de son processus de création. Publiez votre fichier FLA sous forme de fichier SWF affichable dans une page Web et lisible avec Flash® Player.

Suivant la nature de votre projet et votre façon de travailler, vous pouvez modifier l'ordre de ces étapes.

Présentation de l’espace de travail

Vous pouvez créer et manipuler vos documents et fichiers à l’aide de divers éléments tels que des panneaux, barres et fenêtres. Un espace de travail désigne l’organisation de ces éléments. Les espaces de travail des diverses applications de la suite Adobe® Creative Suite® 4 présentent le même aspect, facilitant ainsi le passage d’une application à une autre. Vous pouvez également adapter chaque application aux exigences de votre travail, en créant votre propre espace de travail ou en effectuant une sélection parmi ceux prédéfinis.

Bien que la disposition de l’espace de travail par défaut varie selon les applications, la manipulation des éléments est pratiquement identique dans chacune d’elles.
Afficher le graphique à sa taille d'origine
Espace de travail Illustrator par défaut

A.
Documents sous forme d’onglets

B.
Barre d’application

C.
Sélecteur d’espace de travail

D.
Barre de titre de panneau

E.
Panneau Contrôle

F.
Panneau Outils

G.
Bouton de réduction à la taille d’une icône

H.
Quatre groupes de panneaux en ancrage vertical

  • La barre d’application occupe la partie supérieure et contient un sélecteur permettant de basculer vers un autre espace de travail, des menus (sous Windows uniquement), ainsi que d’autres commandes d’application. Sous Mac et pour certains produits, vous pouvez l’afficher ou la masquer à l’aide du menu Fenêtre.

  • Le panneau Outils contient des outils permettant de créer et de modifier des images, des illustrations, des éléments de page, etc. Les outils connexes sont regroupés.

  • Le panneau Contrôle affiche des options relatives à l’outil sélectionné. Le Panneau Contrôle est également appelé Barre d’options dans Photoshop (Adobe Flash®, Adobe Dreamweaver® et Adobe Fireworks® ne disposent d’aucun panneau Contrôle).

  • Flash, Dreamweaver et Fireworks comportent un Inspecteur de propriétés qui affiche les options relatives à l’élément ou à l’outil actuellement sélectionné.

  • La fenêtre de document affiche le fichier sur lequel vous travaillez. Les fenêtres de document peuvent présenter un onglet et, dans certains cas, être regroupées et ancrées.

  • Les panneaux vous permettent de contrôler et de modifier votre travail. Citons notamment le panneau Montage dans Flash, le panneau Calques dans Adobe Photoshop® et le panneau Styles CSS dans Dreamweaver. Ils peuvent être regroupés, empilés ou ancrés.

  • Sous Mac OS, le Cadre de l’application regroupe tous les éléments des espaces de travail dans une seule et même fenêtre uniforme, ce qui permet de manipuler toutes les applications comme s’il s’agissait d’une seule entité. Lorsque vous déplacez ou que vous redimensionnez le Cadre de l’application ou l’un de ses éléments, tous les éléments qu’il contient sont réagencés pour éviter tout chevauchement. Les panneaux ne disparaissent pas lorsque vous changez d’application ou lorsque vous cliquez par erreur à côté de l’application. Si vous utilisez plusieurs applications, vous pouvez les placer côte à côte à l’écran ou sur plusieurs moniteurs. Si vous préférez l’interface utilisateur Mac classique que vous pouvez personnaliser à votre convenance, il vous suffit de désactiver le Cadre de l’application. Dans Adobe Illustrator® par exemple, sélectionnez la commande Fenêtre > Cadre de l’application pour l’activer ou le désactiver. (Dans Flash, le Cadre de l’application est activé en permanence. Dreamweaver n’en utilise pas.)

Affichage et masquage de tous les panneaux

  • (Illustrator, Adobe InCopy®, Adobe InDesign®, Photoshop, Fireworks) Pour afficher ou masquer tous les panneaux, y compris les panneaux Outils et Contrôle, appuyez sur la touche de tabulation.

  • (Illustrator, InCopy, InDesign, Photoshop) Pour afficher ou masquer tous les panneaux, à l’exception des panneaux Outils et Contrôle, appuyez sur les touches Maj+tabulation.

    Vous pouvez afficher temporairement les panneaux masqués si l’option Afficher automatiquement les panneaux masqués est sélectionnée dans les préférences Interface. Cette option est toujours activée dans Illustrator. Déplacez le pointeur vers le bord de la fenêtre de l’application (Windows®) ou vers le bord de l’écran (Mac OS®) et laissez le pointeur au-dessus de la bande qui s’affiche.
  • (Flash, Dreamweaver, Fireworks) Pour afficher ou masquer tous les panneaux, appuyez sur la touche F4.

Affichage des options de panneau

 Cliquez sur l’icône de menu de panneau  dans le coin supérieur droit du panneau.
L’ouverture d’un menu est possible même lorsque le panneau est réduit.

Réglage de la luminosité du panneau (Illustrator)

  Faites glisser le curseur Luminosité dans les préférences de l’interface utilisateur. Cette commande affecte tous les panneaux, y compris le panneau Contrôle.

Reconfiguration du panneau Outils

Vous pouvez afficher les outils du panneau Outils dans une seule colonne ou côte à côte dans deux colonnes. (Cette fonction n’est pas disponible dans le panneau Outils de Fireworks et Flash.)

Dans InDesign et InCopy, une option des préférences d’interface vous permet également de basculer d’un affichage en une colonne vers un affichage en deux colonnes.

  Cliquez sur la double flèche dans la partie supérieure du panneau Outils.

Gestion des fenêtres et des panneaux

Pour créer un espace de travail personnalisé, vous déplacez et manipulez les fenêtres de document et les panneaux. Vous pouvez également enregistrer des espaces de travail, puis passer de l’un à l’autre.

Remarque : les exemples suivants sont basés sur Photoshop. L’espace de travail est le même dans tous les produits.
La fine zone de largage bleue indique que le panneau Couleur va être ancré seul au-dessus du groupe de panneaux Calques.

A.
Barre de titre

B.
Onglet

C.
Zone de largage

Dans Photoshop, vous pouvez modifier le corps de la police du texte du panneau Contrôle, des panneaux et des info-bulles. Choisissez une option dans le menu Corps de la police de l’interface utilisateur des préférences de l’interface.

Gestion des fenêtres de document

Les fenêtres de document comportent des onglets lorsque plusieurs fichiers sont ouverts.

  • Pour modifier l’ordre des onglets de la fenêtre de document, faites glisser un onglet de la fenêtre à l’emplacement voulu dans le groupe.

  • Pour annuler l’ancrage d’une fenêtre de document à un groupe de fenêtres, faites glisser l’onglet de cette fenêtre hors du groupe.

  • Pour ancrer une fenêtre de document à un groupe de fenêtres de document, faites glisser cette fenêtre dans le groupe.

    Remarque : Dreamweaver ne prend pas en charge l’ancrage des fenêtres de document et son annulation. Utilisez le bouton Réduire de la fenêtre de document pour créer des fenêtres flottantes.
  • Pour créer des groupes de documents empilés ou juxtaposés, faites glisser la fenêtre vers l’une des zones de largage situées en haut, en bas ou sur les côtés d’une autre fenêtre. Vous pouvez également sélectionner une disposition pour le groupe en utilisant le bouton Disposition de la barre d’application.

    Remarque : certains produits ne prennent pas en charge cette fonctionnalité. Cependant, votre produit peut présenter des commandes Cascade et Mosaïque (ou Juxtaposer), sous le menu Fenêtre, pour vous permettre d’organiser vos documents.
  • Dans un groupe à onglets, pour passer à un autre document lors du glissement d’une sélection, faites glisser cette sélection sur l’onglet du document souhaité pendant un moment.

    Remarque : certains produits ne prennent pas en charge cette fonctionnalité.

Ancrage et annulation d’ancrage de panneaux

Un dock est un ensemble de panneaux ou de groupes de panneaux affichés ensemble, généralement en position verticale. Pour ancrer et annuler l’ancrage des panneaux, insérez-les dans le dock et déplacez-les hors du dock.

Remarque : l’ancrage et l’empilage sont deux notions distinctes. Une pile est un ensemble de panneaux ou de groupes de panneaux flottants, assemblés de haut en bas.
  • Pour ancrer un panneau, cliquez sur l’onglet correspondant et faites-le glisser dans le dock, au-dessus, sous ou entre d’autres panneaux.

  • Pour ancrer un groupe de panneaux, cliquez sur sa barre de titre (barre vide de couleur unie située au-dessus des onglets) et faites-le glisser dans le dock.

  • Pour supprimer un panneau ou un groupe de panneaux, faites-le glisser en dehors du dock en cliquant sur l’onglet ou la barre de titre. Vous pouvez faire glisser l’élément vers un autre dock ou le rendre flottant.

Déplacement du panneau Navigateur vers un nouveau dock ; cette opération est indiquée par une surbrillance verticale bleue.

Afficher le graphique à sa taille d'origine
Panneau Navigateur dans son propre dock

Vous pouvez faire en sorte que les panneaux n’occupent pas la totalité de l’espace disponible dans un dock. Faites glisser le bord inférieur du dock vers le haut de sorte qu’il ne coïncide plus avec le bord de l’espace de travail.

Déplacement de panneaux

Lorsque vous déplacez des panneaux, des zones de largage en surbrillance bleue apparaissent : il s’agit des zones dans lesquelles vous pouvez déplacer le panneau. Vous pouvez, par exemple, déplacer un panneau vers le haut ou vers le bas en le faisant glisser sur la fine zone de largage bleue située au-dessus ou sous un autre panneau. Si vous faites glisser le panneau vers un emplacement autre qu’une zone de largage, ce dernier flotte dans l’espace de travail.

  • Pour déplacer un panneau, faites-le glisser en cliquant sur son onglet.

  • Pour déplacer un groupe de panneaux ou une pile de panneaux flottants, faites glisser la barre de titre.

Pour empêcher l’ancrage d’un panneau, appuyez sur la touche Ctrl (Windows) ou Commande (Mac OS) lors de son déplacement. Pour annuler l’opération, appuyez sur la touche Echap lors du déplacement du panneau.
Remarque : le dock est fixe et ne peut pas être déplacé. Vous pouvez toutefois créer des groupes ou des piles de panneaux et les placer à l’endroit de votre choix.

Ajout et suppression de panneaux

Lorsque vous supprimez tous les panneaux d’un dock, ce dernier disparaît. Vous pouvez créer un dock en déplaçant les panneaux vers le bord droit de l’espace de travail jusqu’à ce qu’une zone de largage soit visible.

  • Pour supprimer un panneau, cliquez sur son onglet avec le bouton droit de la souris (Windows) ou en appuyant sur la touche Contrôle (Mac), puis sélectionnez l’option Fermer ; vous pouvez également le désélectionner dans le menu Fenêtre.

  • Pour ajouter un panneau, sélectionnez-le dans le menu Fenêtre et ancrez-le à l’emplacement de votre choix.

Manipulation de groupes de panneaux

  • Pour déplacer un panneau dans un groupe, faites glisser son onglet vers la zone de largage en surbrillance située dans le groupe.

    Ajout d’un panneau à un groupe

  • Pour réorganiser les panneaux d’un groupe, faites glisser l’onglet du panneau de votre choix vers son nouvel emplacement.

  • Pour rendre un panneau flottant, faites-le glisser en dehors du groupe au moyen de son onglet.

  • Pour déplacer un groupe, faites glisser la barre de titre (zone située au-dessus des onglets).

Empilage de panneaux flottants

Lorsque vous faites sortir un panneau de son dock et que vous le placez en dehors de toute zone de largage, ce panneau flotte dans l’espace de travail. Un panneau flottant peut être placé à n’importe quel endroit dans l’espace de travail. Vous pouvez empiler des panneaux ou groupes de panneaux flottants de sorte qu’ils se comportent comme une seule entité lorsque vous faites glisser la barre de titre supérieure (cette méthode ne permet pas d’empiler les panneaux qui font partie d’un dock, ni de les déplacer comme s’il s’agissait d’une seule entité).

Panneaux empilés flottants

  • Pour empiler des panneaux flottants, cliquez sur un onglet pour faire glisser le panneau correspondant vers la zone de largage située au bas d’un autre panneau.

  • Pour modifier l’ordre d’empilage, cliquez sur un onglet afin de faire glisser le panneau correspondant vers le haut ou vers le bas.

    Remarque : prenez soin de « déposer » l’onglet sur l’étroite zone de largage située entre les panneaux, plutôt que sur la large zone de largage située dans une barre de titre.
  • Pour rendre un panneau ou groupe de panneaux de la pile flottant, déplacez-le hors de la pile au moyen de son onglet ou de sa barre de titre.

Redimensionnement des panneaux

  • Pour réduire ou agrandir un panneau, un groupe de panneaux ou une pile de panneaux, cliquez deux fois sur un onglet. Vous pouvez également cliquer une fois sur la zone d’onglets (l’espace vide situé à côté des onglets).

  • Pour redimensionner un panneau, faites glisser l’un de ses côtés. Cette méthode de redimensionnement ne fonctionne pas toujours, notamment avec la palette Couleur de Photoshop.

Manipulation de panneaux réduits à la taille d’icônes

Vous pouvez réduire des panneaux à la taille d’icônes afin de limiter l’encombrement de l’espace de travail. Dans certains cas, les panneaux sont réduits de la sorte dans l’espace de travail par défaut.

Panneaux réduits à la taille d’icônes

Panneaux agrandis

  • Pour réduire ou développer toutes les icônes de panneau d’un dock, cliquez sur la double flèche située dans la partie supérieure du dock.

  • Pour développer une seule icône de panneau, cliquez sur cette dernière.

  • Pour redimensionner les icônes de panneau afin de voir les icônes uniquement (et non les libellés), réglez la largeur du dock jusqu’à ce que le texte ne soit plus visible. Pour afficher à nouveau le texte, augmentez la largeur du dock.

  • Pour réduire à la taille d’une icône un panneau qui a été développé, cliquez sur son onglet, sur son icône ou sur la double flèche affichée dans sa barre de titre.

    Dans certaines applications, si vous sélectionnez l’option Réduction automatique des panneaux d’icônes dans les préférences d’interface ou les options d’interface utilisateur, une icône de panneau développée est réduite automatiquement lorsque vous cliquez en dehors de cette dernière.
  • Pour ajouter un panneau flottant ou un groupe de panneaux à un dock d’icônes, faites-le glisser au moyen de son onglet ou de sa barre de titre (les panneaux sont réduits automatiquement à la taille d’icônes lorsque vous les ajoutez à un dock d’icônes).

  • Pour déplacer une icône de panneau (ou un groupe d’icônes de panneau), faites-la glisser. Vous pouvez déplacer des icônes de panneau vers le haut et vers le bas dans le dock, dans d’autres docks (elles apparaissent dans le style du panneau de ce dock) ou en dehors du dock (elles apparaissent sous la forme de panneaux flottants développés).

Restauration de l’espace de travail par défaut

  • Sélectionnez l’espace de travail par défaut au moyen du sélecteur dans la barre d’application.

  • (Photoshop) Sélectionnez la commande Fenêtre > Espace de travail > Espace de travail par défaut.

  • (InDesign, InCopy) Choisissez la commande Fenêtre > Espace de travail > Réinitialiser [Nom de l’espace de travail].

Enregistrement d’un espace de travail et basculement d’un espace de travail à l’autre

En enregistrant la taille et la position actuelles des panneaux comme espace de travail nommé, vous gardez la possibilité de restaurer cet espace par la suite, et ce, même si vous avez déplacé ou fermé un panneau. Les noms des espaces de travail enregistrés sont visibles dans le sélecteur d’espace de travail de la barre d’application.

Dans Photoshop, l’espace de travail enregistré peut s’accompagner d’un jeu de menus et d’un ensemble de raccourcis clavier spécifiques.

Enregistrement d’un espace de travail personnalisé

  1. Lorsque l’espace de travail se trouve dans la configuration que vous souhaitez enregistrer, utilisez l’une des méthodes suivantes :

    • (Photoshop, Illustrator) Choisissez la commande Fenêtre > Espace de travail > Enregistrer l’espace de travail.

    • (InDesign, InCopy) Choisissez la commande Fenêtre > Espace de travail > Nouvel espace de travail.

    • (Dreamweaver) Choisissez la commande Fenêtre > Présentation de l’espace de travail > Nouvel espace de travail.

    • (Flash) Choisissez la commande Nouvel espace de travail dans le sélecteur d’espace de travail de la barre d’application.

    • (Fireworks) Choisissez la commande Enregistrer la présentation active dans le sélecteur d’espace de travail de la barre d’application.

  2. Attribuez un nom à l’espace de travail.

  3. (Photoshop, InDesign) Sélectionnez ensuite une ou plusieurs options dans la section Capture :

    Position des panneaux
    Enregistre la position actuelle des panneaux.

    Raccourcis clavier
    Enregistre l’ensemble de raccourcis clavier actuel (Photoshop seulement).

    Menus
    Enregistre l’ensemble de menus actuels.

  4. Cliquez sur le bouton OK ou Enregistrer.

Affichage de l’espace de travail ou basculement d’un espace de travail à l’autre

 Sélectionnez un espace de travail dans le sélecteur d’espace de travail de la barre d’application.

Dans Photoshop, vous pouvez attribuer un raccourci clavier à chacun des espaces de travail pour pouvoir passer de l’un à l’autre plus rapidement.

Suppression d’un espace de travail personnalisé

  • Choisissez l’option Gérer les espaces de travail dans le sélecteur d’espace de travail de la barre d’application, sélectionnez l’espace de travail, puis cliquez sur la commande Supprimer. (Cette option n’est pas disponible dans Fireworks.)

  • (Photoshop, InDesign, InCopy) Sélectionnez la commande Supprimer l’espace de travail dans le sélecteur d’espace de travail.

  • (Illustrator) Choisissez la commande Fenêtre > Espace de travail > Gérer les espaces de travail, sélectionnez l’espace de travail, puis cliquez sur l’icône Supprimer.

  • (InDesign) Choisissez la commande Fenêtre > Espace de travail > Supprimer l’espace de travail, sélectionnez l’espace de travail, puis cliquez sur le bouton Supprimer.

Ouverture de l’application avec les panneaux à leur emplacement par défaut ou au dernier emplacement choisi (Photoshop)

Lorsque vous ouvrez Photoshop, les panneaux peuvent soit apparaître à leur emplacement par défaut, soit à l’endroit où vous les avez utilisés la dernière fois.

Dans les préférences d’interface :

  • Pour afficher les panneaux à l’endroit où vous les avez laissés la dernière fois, sélectionnez l’option Mémoriser la position des panneaux.

  • Pour afficher les panneaux à leur position par défaut, désélectionnez l’option Mémoriser la position des panneaux.