Effet d'écriture avec chemin de déplacement

 

On se propose de créer un effet d'écriture à l'aide de l'outil Motion Path combiné avec l'effet Transform sur le texte. Cet exemple n'utilise pas de script.
Je suppose connu les fonctions de création sur lesquelles je n'insisterai pas.

⇒ animation ⇐

Création des Objets

1 - Définissez les dimensions générales 320x240 ainsi que la couleur du fond #FFFFCC.
Prenez un Frame Rate égal à 35.

2 - Créez maintenant, au centre de la scène, un texte de couleur noire, de police CommercialScript BT et de taille 48.
Entrez le texte Ecrivez moi. Vous devez avoir :

Text    Transform

3 - Vous allez maintenant placer l'image suivante au début de la boucle du E

plume

Création des Effets

Et maintenant, le plus difficile :
Il s'agit de combiner le déplacement de la plume avec l'apparition progressive du texte.

- Effet sur le texte
Dans 'Timeline', aprés avoir sélectionné la 'frame' 1 du texte, cliquez Add Effect / Core Effects / Transform.
Pour l'instant, ne vous préoccupez pas du nombre de 'frames', vous devrez l'ajuster plus tard.
L'effet va agir sur la transparence ( alpha )
Adaptez les onglets Transform, Cascade et Easing comme indiqué.

Transform

Cascade

Easing

- Mouvement de la plume.
Aprés avoir sélectionné l'objet Plume dans la zone graphique, cliquez Motion Path
A chaque fois que vous cliquerez un point du chemin d'écriture, une 'frame' avec 'Move' sera placée dans 'Timeline'.
Maintenant, bon courage pour créer le chemin suivant sans oublier les points.

Path

A la fin, vous allez placer un petit effet 'Move' supplémentaire pour faire reposer la plume.

Timeline

Move(7) correspond au dernier déplacement avec 'Motion Path' depuis le point du i vers le dessous du texte.
Move(10) correspond à ce qui est indiqué ci-aprés.

Rotate

- Ajustement.
Dans cet exemple, 321 'frames' ont été nécessaires pour le chemin d'écriture du texte et j'ai ajusté l'effet Transform sur 380 'frames' pour synchroniser le mieux possible l'apparition du texte. A vous d'adapter pour votre propre exemple.
On peut compliquer la tâche en associant un Sprite à la plume pour la faire osciller en même temps qu'elle se déplace; mais c'est un peu plus complexe à gérer.

 


Si vous aimez le site

 

Select a language if you need :


Page chargée en 0.003 sec.

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

vers Google