Accessibilité
Adobe
Se connecter Mes livraisons Mon assistance

Exportation de plans de travail depuis Illustrator vers Flash


Birnou Sébarte Sorry, this page is not available

Broken link?

Send us an e-mail.

このURLは存在しません。

日本語のホームページにお戻りください。

他のサイトのリンクでこのページにたどりついた場合はそのサイトの
ウェブマスターにリンクが壊れている旨をお伝えください。

Error returned: 404

You may wish to try one of the following links:

Apprenez Illustrator CS4 Sorry, this page is not available

Broken link?

Send us an e-mail.

このURLは存在しません。

日本語のホームページにお戻りください。

他のサイトのリンクでこのページにたどりついた場合はそのサイトの
ウェブマスターにリンクが壊れている旨をお伝えください。

Error returned: 404

You may wish to try one of the following links:

Créé:
15 Nov 2008
Niveau de l'utilisateur:
Intermédiaire, Avancé
Produits:
Illustrator CS4 ou postérieur
Flash CS4 ou postérieur

Créez un document Illustrator avec plusieurs plans de travail, et exportez-le vers Flash(SWF).

AlertThis content requires Flash

Download the free Flash Player now!

Get Adobe Flash Player


Conditions requises

Pour suivre ce tutoriel, vous avez besoin des logiciels et des fichiers suivants:

Adobe Illustrator CS4

Adobe Flash CS4

Fichiers d'exemple

lrvid4099_xp.zip (ZIP, 3.3MB)

Connaissances à avoir

Connaissances intermédiaires du maniement de calques multiples d’une illustration dans Illustrator et d’animation de symboles dans Flash.

Exportation de plans de travail depuis Illustrator vers Flash

Une chose très intéressante dans Adobe® Creative Suite 4 est sa capacité d’intégration entre les différentes applications. Adobe Illustrator® et Adobe Flash® CS4 sont hautement compatibles, et vous pouvez exporter depuis Illustrator vers Flash de différentes façons. Dans ce tutoriel, vous apprendrez à travailler avec de multiples plans de travail dans Illustrator, à exporter des documents Illustrator vers Flash en tant que fichiers SWF, et à animer des fichiers Illustrator dans Flash.

Utilisation de plans de travail multiples dans Illustrator CS4

Une nouveauté d’Illustrator CS4 est la possibilité d’avoir des plans de travail multiples. Des plans de travail multiples donnent aux concepteurs la possibilité d’avoir un grand nombre d’éléments de conception à des tailles différentes dans un seul document.

  1. Choisissez Fichier > Nouveau. La boîte de dialogue Nouveau document s’ouvre.

    document

    Image 1: La boîte de dialogue Nouveau document
  2. Dans la boîte de dialogue Nouveau document, sélectionnez le nombre de plans de travail que vous voulez dans le champ Nombre de plans de travail. Cliquez sur OK.
  3. Pour modifier un document avec plusieurs plans de travail, cliquez sur l’outil Plan de travail de la palette d’outils. Vous entrez alors en mode Modification de plan de travail.

    travail

    Image 2: L’outil Plan de travail

    Remarque: Chaque plan de travail de votre document est affecté d’un numéro. Ce n’est pas seulement un numéro permettant d’identifier les plans de travail, mais ce numéro est aussi transféré vers les autres applications telles que Flash.

    modification

    Image 3: Visualisation des plans de travail en mode modification
  4. Pour repositionner un plan de travail dans l’application, déplacez-le à la position voulue.
  5. Pour créer un nouveau plan de travail à partir d’un plan de travail existant, pressez la touche Alt/Option en déplaçant le plan de travail que vous voulez copier à une autre position.
  6. Pour supprimer un plan de travail, sélectionnez-le et appuyez sur la touche Suppr.
  7. Appuyez sur la touche Echap pour sortir du mode Modification de plan de travail.
  8. Vous pouvez également naviguer vers un plan de travail particulier en utilisant le menu dans le bas de la fenêtre Illustrator.

    Navigation vers un plan de travail

    Image 4: Navigation vers un plan de travail

Exportation d’un fichier Illustrator vers Flash

Exporter un fichier Illustrator vers Flash dans le but de l’intégrer à une page Web ou d’animer un objet est très simple. Etant une application de dessin vectoriel, Illustrator peut exporter des fichiers directement dans le format de fichier Flash ou comme fichier SWF. Pour exporter un fichier Illustrator vers Flash :

  1. Sélectionnez un des plans de travail de votre projet.
  2. Choisissez Fichier > Exportation. La boîte de dialogue Exporter s’ouvre. Depuis le menu Type, choisissez Flash(swf) comme format.
  3. Cliquez sur Enregistrer. La boîte de dialogue des options SWF s’ouvre, contenant plusieurs options pour l’exportation de votre fichier Illustrator.

    options

    Image 5: La boîte de dialogue des options SWF
  4. Cliquez Annuler pour fermer la boîte de dialogue.

Animation d’un objet dans Flash

En utilisant l’intégration entre Flash et Illustrator, il est possible d’animer un objet à l’intérieur d’un document Illustrator. Vous pouvez définir les paramètres d’images-clés dans Illustrator, ce qui vous aidera à finaliser l’animation dans Flash. Par exemple, vous pouvez transformer un objet d’un fichier Illustrator en symbole. Etant un des éléments centraux de Flash, les symboles vous permettent d’ajouter de l’animation ou d’autres éléments interactifs. Définir les objets à importer comme symboles dans Flash optimise le processus d’animation. Pour créer un symbole dans Illustrator :

  1. Sélectionnez l’objet que vous voulez transformer en symbole.
  2. Appuyez sur la touche F8 sur votre clavier pour ouvrir la boîte de dialogue Options de symbole. Dans la boîte de dialogue, donnez un nom descriptif à votre symbole. Assurez-vous que le bouton radio MovieClip est sélectionné. Gardez le point de référence et l’option Activez les repères pour la mise à l’échelle à 9 tranches désélectionnés. Cliquez sur OK.

    symbole

    Image 6: La boîte de dialogue Options de symbole
  3. En haut de la fenêtre Illustrator, donnez un nom d’instance à votre symbole. Les noms d’instance sont indispensables si vous voulez affecter du code ActionScript à un symbole particulier.

Ouverture d’un fichier Illustrator dans Flash

Pour convertir un fichier Illustrator vers Flash, vous n’avez pas besoin d’enregistrer le document comme fichier SWF, ni d’exporter ce fichier. Vous pouvez enregistrer votre projet en tant que fichier Illustrator et l’ouvrir dans Flash. Pour convertir un fichier Illustrator en Flash :

  1. Choisissez Fichier > Enregistrer sous et enregistrez votre fichier à l’emplacement voulu. Cliquez sur OK en acceptant les options par défaut de la boîte de dialogue des Options d’ Illustrator.
  2. Ouvrez Flash. Cliquez sur Créer : Fichier Flash (AS 3.0) sur l’Ecran d’accueil ou choisissez Fichier > Nouveau > Fichier Flash (AS 3.0) depuis le menu.
  3. Choisissez Fichier > Importer > Importer sur la scène.
  4. Depuis la boîte de dialogue Importer sur la scène, choisissez le fichier Illustrator que vous avez sauvegardé à l’étape 1 et cliquez sur Importer. La boîte de dialogue Importer sur la scène apparaît vous demandant comment vous voulez importer le fichier.

    scène

    Image 7: La boîte de dialogue Importer sur la scène
  5. Depuis le menu Sélectionnez le plan de travail d’Illustrator en haut de la boîte de dialogue, choisissez le plan de travail que vous voulez importer dans Flash. Toutes les informations pour ce plan de travail sont affichées dans la zone Activer la case à cocher des calques Illustrator à importer dans la partie gauche de la boîte de dialogue.
  6. Choisissez Convertir les calques en > Calques Flash.
  7. Assurez-vous que les cases à cocher pour Placer les objets à leur position d’origine et Définir la taille de la scène sur celle du plan de travail d’Illustrator soient sélectionnées.
  8. Cliquez sur OK. Le plan de travail d’Illustrator apparaît sur la Scène de Flash. Dans le Scénario, vous devriez voir deux calques, un pour votre plan de travail et un autre pour le symbole que vous avez créé dans d’Illustrator.

    calques

    Image 8: Le Scénario contenant les calques Illustrator
  9. Activez la Bibliothèque. Remarquez que le symbole que vous avez créé est stocké dans le dossier Symboles Illustrator.
  10. Allez sur la Scène et sélectionnez le symbole que vous avez créé dans Illustrator, puis activez le panneau Propriétés. Notez que le nom d’instance que vous avez donné dans Illustrator est préservé.

    propriétés

    Image 9: Les propriétés de symbole d’Illustrator sont maintenues dans Flash

Création d’une animation

Maintenant, vous pouvez ajouter de l’interactivité en animant le symbole que vous avez créé dans Illustrator :

  1. Désélectionnez tout ce qui est sélectionné sur la Scène. Cliquez sur le calque contenant votre plan de travail dans le Scénario.
  2. Faites un clic droit sur l’image sur laquelle vous voulez que votre animation finisse. Pour une animation d’une seconde, cliquez sur l’image 24. Choisissez Insérer image-clé depuis le menu contextuel qui apparaît.
  3. Déplacez la tête de lecture sur l’image 1. Choisissez le calque contenant votre symbole.

    Remarque: L’utilisation du nouveau modèle d’animation de Flash a grandement simplifié le processus de création d’animation.

  4. Faîtes un clic droit sur le symbole sur la Scène. Choisissez Créer une interpolation de mouvement depuis le menu contextuel qui apparaît. Une interpolation de mouvement est automatiquement créée et insérée dans le Scénario sur le calque du symbole. De plus, la tête de lecture est déplacée à la fin de l’animation.

    animation

    Image 10: Le Scénario avec une animation
  5. Déplacez le symbole à sa position finale à la fin de votre animation. Maintenant, vous pouvez redimensionner votre symbole si vous le désirez.
  6. Appuyez sur la touche Entrée pour lire votre animation.

Pour aller plus loin…

Creative Commons License
Cette oeuvre est placée sous la licence suivante : Creative Commons Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique 3.0 Unported

A propos des auteurs

Sorry, this page is not available

Broken link?

Send us an e-mail.

このURLは存在しません。

日本語のホームページにお戻りください。

他のサイトのリンクでこのページにたどりついた場合はそのサイトの
ウェブマスターにリンクが壊れている旨をお伝えください。

Error returned: 404

You may wish to try one of the following links:

Sorry, this page is not available

Broken link?

Send us an e-mail.

このURLは存在しません。

日本語のホームページにお戻りください。

他のサイトのリンクでこのページにたどりついた場合はそのサイトの
ウェブマスターにリンクが壊れている旨をお伝えください。

Error returned: 404

You may wish to try one of the following links: