Graph-Design




  • Publicité

[Flash] Effet dans un texte

tutoriel sans AS

Image Listing des tutoriels flash validés .
Le support se fait dans le sous-forum prévu à cet effet .


Avatar de l’utilisateur

Messages: 30
Age: 34 ans
Inscription: 29/05/2011

Logiciels:
suite CS5
MessagePosté: Ven 1 Juil 2011 06:48
Dans ce tutoriel je vais vous montrer comment intégrer un effet à l'intérieur d'un texte comme dans l'exemple ci-dessous.



Tout d'abord ouvrir un nouveau document en cliquant sur fichier puis nouveau ou alors directement sur le raccourcis
en cliquant sur les  touches ctrl +N.


Image


Régler la taille du document en cliquant sur modification puis sur document
ou alors directement sur le raccourcis en cliquant sur les touches CTRL + J.


Image


une fenêtre va alors s'ouvrir

Image


Rentrer les valeurs de la hauteur et de la largueur que vous désirez,  ainsi que la couleur de fond d'écran.

Sélectionner ensuite l’outil texte Image
dans la barre d'outils, vous verrez alors votre curseur se transformer en + avec un A en dessous.


ouvrez votre fenêtre de propriétés si elle n'est pas déjà ouverte, en cliquant
sur fenêtre puis propriétés ou alors directement sur le raccourcis en cliquant sur les touches ctrl + F3.


Image


Sélectionner une police avec des lettres assez grasses, ici pour l'exemple j'ai pris Blazed.


Image


Cliquer sur votre scène et entrer le texte sur lequel vous souhaitez appliquer l'effet.


Image


Une fois votre texte affiché sur votre scène, cliquer dessus, vous verrez un carré bleu l'entourer.


Image


Puis diviser votre texte en cliquant sur modification puis séparer
ou alors directement sur le raccourcis en cliquant sur les touches CTRL + B.


Image

Ce qui donne

Image


Suivis d'un nouveau clic sur ces mêmes touches, vous verrez alors  votre texte avec un intérieur remplis de pointillés.


Image


Afin de mieux vous reperez dans votre animation je vous conseil de renommer

vos calques au fur et à mesure en double cliquant dessus, nommer alors ce premier calque masque.

Ajouter ensuite un nouveau calque en cliquant sur le petit icone Image "nouveau calque" situé en
dessous de votre calque, positionner ce claque

en dessous du premier et renommer le couleurs.

[Image


Sur ce claque vous allez tracer un rectangle qui va englober la totalité de votre texte.

Pour faire ceci, cliquer sur l'icone Image , ou alors directement sur le raccourcis en cliquant sur la touche R
de votre clavier, ce qui transformera votre curseur en une petite croix.  


Image

Resélectionner l'outil de sélection Image dans votre barre d'outils, ou alors directement sur le
raccourcis en cliquant sur la touche V de votre clavier, et cliquer sur le rectangle que vous
venez de tracer, ce qui va le remplir de pointillés.

Rendez vous ensuite sur votre palette de couleurs afin de sélectionner les couleurs que vous souhaitez
appliquer à ce rectangle, en cliquant sur le pot de peinture.

Ces couleurs peuvent être soit unies ou en dégradés.


Image


Une fois vos couleurs choisies, nous allons maintenant convertir ce rectangle en symbole.

Pour cela cliquer sur modification puis convertir en symbole  ou alors directement sur le raccourcis
en cliquant sur la touche F8 de votre clavier.

Image


Cocher la case clip et nommer le couleurs.


Image


Vous pouvez alors voir que le clip que vous venez de créer a été ajouté dans la bibliothèque.


Sur votre scène, cliquer sur ce clip couleur afin de le sélectionner, et
dans la palette des propriétés, cliquer sur le menu déroulant fusion et sélectionner incrustation .


Image


Ajouter ensuite un 3ème claque en cliquant sur le petit icone Image situé en dessous de vos calques et positionner le tout en bas, en dessous du  calque couleur.

Double cliquer ensuite dessus et renommer le image.

Image


Vous allez maintenant importer l'image qui servira d'effet à l'intérieur du texte.

Cliquer donc sur Fichier, puis sur Importer et enfin sur Importer dans la scène ,ou alors directement sur le raccourcis en cliquant sur les touches CTRL + R de votre clavier.

Image


Choisissez alors sur votre disque dur  l'image que vous voulez.

Celle-ci se postionne alors sur votre scène.


Image



Toujours positionné sur le calque image, faites un clic droit sur celui-ci, puis cliquer sur créer une interpolation
classique, vous verrez alors l'image clé se bleuir.


Image


Positionner vous ensuite, par exemple sur l'image clé n°100 et cliquer sur insertion, scénario puis image clé,
ou alors directement sur le raccourcis en cliquant sur la touche F6 de votre clavier, ceci afin d'ajouter des
images clés qui correspondront à la durée du mouvement.

Plus vous ajouterez d'images clés, et plus le mouvement sera lent.

Image


Faites la même chose sur les 2 autres calques.


Image


Positionner vous sur la première image clé de votre calque image et dans le panneau des propriétés cliquer
sur faire pivoter puis sur 90° à droite ou 90° à gauche afin de faire effectuer une rotation à votre image.


Image


Image (Si vous préférez, vous pouvez également appliquer un mouvement latéral, il vous suffis alors de vous positionner sur la dernière image clé de ce calque image et de la déplacer vers la droite ou la gauche.)



Votre effet est pratiquement intégré dans votre texte, il ne vous reste plus qu'à faire un clic droit sur votre calque masque et cliquer sur masque, vous voyez alors les icones des calques se coloriser en bleu.

Image


Votre animation est maintenant terminée, il ne vous reste plus qu'à la tester en cliquant sur
les touches  CTRL + entrée de votre clavier.




Télécharger le tutoriel au format pdf

voir tous mes autres tutoriels ici


Validé Image par : Léa
Image

Publicité


Retourner vers Tutos Flash

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

Référencement gratuit • Forum informatique • Annuaire généraliste • Inforumatique • Hébergement d'images • Geekeden • Forum de services phpbb • Hébergeur web • Forum InfoPc
blog de création graphique, PAO et retouche photo • KazMag • Artkabis