Balayage

 

On se propose de montrer l'effet d'un balayage (scanning). Cet exemple est assez complexe quoi que puisse montrer l'animation.
On va utiliser différentes techniques de groupement d'objets ainsi que 'Sprite'. L'outil 'Reshape' sera employé avec l'ajout d'ancres. Les effets suivants vont être utilisés : Move et Linear Gradient.

Suivez bien les différentes étapes car ce n'est pas aussi facile qu'il y paraît.

⇒ voir l'animation ⇐

1 - Définissez les dimensions générales ainsi que la couleur du fond (#006100). 'Frame Rate' : 35

dimensions

2 - Création d'un grand rectangle nommé RectangleExt:
Cliquez Rectangle. Tracez un rectangle qui couvre toute la scène.

dimensions

On va modifier ce rectangle pour en faire une forme.
Cliquez Reshape. Cliquez avec le bouton droit de la souris au milieu de la base inférieure du rectangle pour faire apparaître le menu contextuel. Cliquez Insert anchor. Un point d'ancrage va alors apparaître. Déplacez ce dernier au centre du rectangle pour obtenir

shape

Vous allez maintenant changer la couleur pour obtenir

shape

Prendre comme couleur #006100. Le quadrillage signifie que l'on a modifié Alpha.
Pour cela, aprés avoir cliqué dans le rectangle situé sous 'Solid', cliquez palette.
Mettre Red : 0 Green : 97 Blue: 0 Alpha : 191. ( ce qui donne #006100 et A : 75% )

3 - Création du triangle complémentaire nommé Triangle:
Cliquez Rectangle. Tracez un rectangle qui couvre la moitié inférieure de la scène.

dimensions

On va modifier ce rectangle pour en faire un triangle.
Cliquez Reshape. Déplacez les 2 points Haut vers le centre pour obtenir

shape

Vous allez maintenant mettre un gradient linéaire de couleur.
Il s'agit d'une variation du Alpha de la couleur de fond : index gauche 75%  index droit 100%
Cliquez Solid de l'onglet Shape, puis Linear Gradient.
Mettre les onglets en ne modifiant que Alpha, puis cliquez Properties pour modifier les angles.

gradient

propriétés gradient

4 - Dans 'Outline', avec la touche Majuscule enfoncée, sélectionnez Triangle et RectangleExt.
Cliquez maintenant Modify, Grouping, Group. Vous devez avoir

group

Dans 'Timeline', cliquez Frame 0 de 'Group', puis Add Effect, Move. Placez les valeurs indiquées ci-dessous :
( CCW = Counter-Clockwise = sens trigonométrique )

motion

5 - Dans 'Outline', assurez-vous que Group soit sélectionné.
Cliquez maintenant Modify, Convert, Convert to Sprite. Vous devez avoir

sprite

Dans 'Timeline', cliquez Frame 20 de 'Sprite', puis l'onglet Action.
Cliquez Add Action (pour avoir At Frame 20) , puis Add Event (pour avoir Go To Frame 0), ce qui permet de boucler.

sprite

Dans la zone graphique, le 'Sprite' doit avoir cette allure :

sprite

6 - On va maintenant créer un anneau elliptique en donnant un effet 3D.
Cliquez le bouton Ellipse. Tracez une ellipse que vous nommerez EllipseE

ellipse exterieure

Cliquez à nouveau le bouton Ellipse. Tracez une ellipse que vous nommerez EllipseI

ellipse interieure

Dans 'Outline', avec la touche Majuscule enfoncée, sélectionnez EllipseI et EllipseE. Cliquez maintenant Modify, Grouping, Group as Shape. Vous devez avoir

group as shape

Cliquez maintenant l'onglet Shape de Merged Shape. Indiquez 0,1 comme épaisseur de ligne. Modifiez la couleur du trait (#FFCC66)
Cliquez Solid de l'onglet Shape, puis Radial Gradient.

radial gradient

Onglets (de la gauche vers la droite) : #FFFF99   #FFFF00   #FF3300   #FF9900
Laissez Alpha 100%

Cliquez l'onglet Transform. Indiquez une rotation uniforme de - 15°

transform

Cliquez sur le bouton Send to Back de la barre de boutons. 'Merged Shape' se place au bas de l'arborescence dans 'Outline'.
On va placer un texte de sorte que l'anneau donne l'impression d'entourer ce texte.

7 - Cliquez Insert Text. Entrez T, de couleur #CC0000, police Book Antiqua

insert text

Placez ce texte comme indiqué ci-dessous :

transform text

Dans 'Outline', déplacez ce texte sous 'Sprite' (il sera ainsi balayé)

8 - Cliquez Insert Text. Entrez exte, de couleur #CC0000, police Book Antiqua. Placez ce texte comme indiqué ci-dessous :

transform text

Dans 'Outline', déplacez ce texte tout en bas. ( l'anneau va alors recouvrir le texte ). Vous devez avoir :

outline

C'est terminé. Testez.
On pourrait procéder d'une autre façon en créant, par exemple, un gros cercle avec un gradient de couleur (en modifiant le Alpha) , à la place de RectangleExt et de Triangle. A vous de voir.

 


Si vous aimez le site

 

Select a language if you need :


Page chargée en 0.004 sec.

Dernière Modification : Mer 25 Janvier 2017 8:56
Copyright © 1999-2017 Jean-Paul Molina Tous droits réservés.

vers Google