Accessibilité
Adobe
Se connecter Mes livraisons Mon assistance

Travailler avec des objets 3D

Jean-Luc Delon 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 Flash 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:
Flash CS4 ou postérieur

Créez des effets 3D avec les outils de Rotation et Transformation 3D, et animez ces effets dans le scénario.

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 Flash Professional CS4

Fichiers d'exemple

lrvid4059_fl_fr.zip (ZIP, 508KB)

Connaissances à avoir

Niveau de connaissance intermédiaire des outils de dessin et d’animation dans Flash

Travailler avec des objets 3D

Adobe® Flash® CS4 Professional vous permet de créer des animations en 3 dimensions avec des éléments de surface en 2D. Dans ce tutoriel, vous apprendrez à utiliser les outils de Rotation et Translation 3D.

L’outil de Rotation 3D

L’outil de Rotation 3D vous permet de manipuler et animer des objets en 2 dimensions dans un espace 3D en mode édition. Pour utiliser l’outil de Rotation 3D :

  1. Créez une forme en utilisant les outils de dessin dans Flash, convertissez-la en symbole et placez une instance de ce symbole sur la scène.
  2. Sélectionnez l’outil Rotation 3D depuis la palette d’outils.

    rotation

    Image 1: L’outil Rotation 3D
  3. Avec l’outil de Rotation 3D sélectionné, cliquez sur l’instance du movieClip. Une cible tridimensionnelle avec des guides horizontaux et verticaux apparaît. Le guide vertical rouge représente l’axe X. Le guide horizontal vert représente l’axe Y. Le cercle inscrit bleu représente l’axe Z.

    cible

    Image 2: La cible circulaire représentant les axes X, Y et Z
  4. Glissez les guides X, Y et Z pour déplacer l’instance du movieClip. Tirez de part et d’autres de l’axe Y pour faire pivoter l’instance du movieClip horizontalement. Cliquez et tirez de part et d’autres de l’axe Z pour faire pivoter l’instance du movieClip de façon circulaire.

    instance

    Image 3: Déplacement de l’instance du movieClip en utilisant l’outil de Rotation 3D
  5. Le centre de la cible 3D agit également sur le point de transformation du symbole. Tirez sur le centre de la cible à l’extérieur de l’instance du movieClip, puis tirez sur le symbole le long de l’axe Z. Le symbole pivote autour de la nouvelle position du point de transformation.
  6. Double-cliquez sur le point de transformation pour le replacer à sa position par défaut, au milieu de l’instance du movieClip.

    Remarque: Le cercle extérieur orange fonctionne comme un outil 3D de transformation libre vous permettant de faire pivoter l’instance du movieClip sur les 3 dimensions en même temps. De même, quand vous déplacez le point de transformation de l’instance du movieClip en sélectionnant et déplaçant le point de transformation vers une nouvelle position, l’instance du movieClip se déplace par rapport à la nouvelle position de ce nouveau point. Si vous voulez réinitialiser le point de transformation, double-cliquez sur ce point.

Animation d’un symbole movieClip

Une fois que vous avez appris à manipuler une instance du movieClip en utilisant l’outil de Rotation 3D, animer votre symbole est simple. Pour animer l’instance du movieClip :

  1. Faite clic droit sur l’instance du movieClip. Un menu contextuel apparaît. Sélectionnez Créer une interpolation de mouvement pour démarrer le processus d’animation.
  2. Positionnez la tête de lecture du scénario au-dessus de la dernière image de l’interpolation.

    lecture

    Image 4: Positionnement de la tête de lecture

    Astuce: Les interpolations de mouvement sont représentées dans le scénario par une barre bleue, comme indiqué sur l’image n°4.

  3. Activez la tête de lecture du scénario pour voir votre animation. Vous avez animé un objet en 2 dimensions dans un espace 3D en utilisant Flash.
  4. Continuez de déplacer l’instance du movieClip pour peaufiner votre animation. Rappelez-vous que vous pouvez aussi déplacer le point de transformation si vous voulez modifier la direction de la rotation.
  5. Pour simuler un point de fuite, activez le panneau de propriétés. Dans la rubrique Vue et position 3D, vous pouvez voir un icône Angle de perspective. Tirez sur la propriété surlignée en bleu pour modifier la focale de l’animation.
  6. Vous pouvez également pivoter le movieClip en utilisant les curseurs X, Y, et Z dans le panneau Propriétés. Ces curseurs sont situés juste au-dessus de L’Angle de perspective.

    propriétés

    Image 5: Le panneau de propriétés
  7. Pour distordre l’animation, tirez sur le texte souligné à coté de l’icône Distordre dans le panneau de propriétés, juste en dessous du curseur Angle de perspective. Vous pouvez distordre sur les axes X et Y.
  8. Activez de nouveau le scénario pour voir comment ces propriétés se modifient dans votre animation.

Animation d’une image bitmap

En plus de pouvoir animer un movieClip contenant une forme vectorielle, vous pouvez animer une image bitmap. Pour animer une image bitmap :

  1. Désactivez la visibilité du calque contenant le movieClip.
  2. Activez le panneau Bibliothèque et glissez une image bitmap que vous avez précédemment importée sur la scène.
  3. Réduisez l’image si nécessaire.
  4. Choisissez l’outil de Rotation 3D.
  5. Répétez les étapes 1-4 des sections précédentes de ce tutoriel.
  6. Ajustez le point de fuite à sa valeur par défaut de 50.

L’outil de Translation 3D

L’outil de Translation 3D vous permet de modifier une instance de movieClip le long des axes X, Y et Z. Pour utiliser l’outil de Transformation 3D :

  1. Cliquez et laissez maintenu l’outil de Rotation 3D dan la palette d’outils et sélectionnez l’outil de Translation 3D depuis le menu déroulant.
  2. Avec l’outil de Transformation 3D sélectionné, déplacez l’instance de movieClip autour de la scène. Vous le verrez se déplacer le long des axes X, Y, et Z.

    Remarque: Comme avec l’outil de Rotation 3D, vous pouvez animer les modifications de l’instance du movieClip avec l’outil de Transformation 3D en créant une interpolation de mouvement.

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: