Graph-Design




  • Publicité

[Flash] Texte avec effet d'empilement

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: 31
Age: 34 ans
Inscription: 29/05/2011

Logiciels:
suite CS5
MessagePosté: Ven 1 Juil 2011 06:45
Dans ce tutoriel je vais vous montrer comment faire un effet d'empilement horizontal sur 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 Adobe arabic.

Image

Cliquer sur votre scène et entrer le texte ou vous souhaitez y mettre 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

Faites ensuite pivoter votre texte en cliquant sur modification puis sur transformer et enfin sur
pivoter à droite de 90° ou alors directement sur le raccourcis en cliquant sur les touches ctrl + MAJ + ç.

Image

Ce qui donne

Image

Rendez vous ensuite sur votre palette de couleurs afin de sélectionner un dégradé,

Choisissez les couleurs que vous souhaitez pour votre texte et cliquer sur le menu
déroulant type afin de sélectionner linéaire.

Image

Vous voyez alors votre texte se remplir de la couleur du dégradé que vous avez choisis.

Image

Remettez maintenant votre texte droit en cliquant sur modification puis sur transformer
et enfin sur pivoter à gauche de 90° ou alors directement sur le raccourcis
en cliquant sur les touches ctrl + MAJ + è.

Image

Nous allons maintenant découper notre texte en plusieurs parties que nous convertirons chacune en clip.

Sélectionner l'outil flèche Image dans votre barre d'outils et sur votre texte délimiter
une petite zone sur le dessus de votre texte.

Vous voyez que la zone que vous venez de sélectionner est en pointillé.

Image

Cliquer ensuite sur édition puis sur couper ou alors directement sur le raccourcis en cliquant sur les touches CTRL + X

Image

Vous voyez la zone que vous avez sélectionné précédemment disparaître.

Image

Insérer ensuite un nouveau calque au dessus de celui déjà présent en cliquant sur
cet icone [img(23px,29px)]http://files.webopload.net/1514838875.19.jpg[/img] situé en dessous des calques.


puis sur la scène faites clic droit, coller en place

[img(140px,58px)]http://files.webopload.net/1832013784.20.jpg[/img]

vous voyez la zone que vous avez coupée se repositionner au même endroit que vous l'avez coupé.

Image

Nous allons maintenant convertir cette zone en clip.

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

Image

Cocher la case clip et nommer le 1.

Image

Pour se repérer plus facilement vous pouvez renommer également vos claques avec les mêmes
numéros que votre clip.


Vous voyez ensuite la zone se transformer en un carré bleu, qui correspond au clip que vous venez de créer.

Image

Renouveler les opérations de découpe des différentes parties du texte ainsi que
de la conversion de ces parties en clip jusqu'à ce que tout le texte ait été sélectionné.

Vous vous retrouverez alors avec plusieurs clips dans la bibliothèque et autant de calques.

Image  
Image

Une fois que votre texte est découpé en plusieurs zones, le calque du début oit être maintenant vide
(image clé blanche Image), vous pouvez donc maintenant le supprimer en cliquant droit sur le
calque puis supprimer le calque  

Image

ou alors directement sur la petite poubelle Image



Placer vous sur le calque 1  et insérer tout d'abord une image clé à la 15 environ.

Pour cela cliquer sur insertion, scénario puis image clé, ou alors directement sur le raccourcis en
cliquant sur la touche F6.

Image


Faites ceci sur tout vos calques en décalant d'environ 5 images clés à chaque fois.

Image

Placer vous ensuite sur les dernières images clés vides de chaque claque et appuyer de nouveau sur F6,
vous voyez alors se remplir les images clés.

Image

Afin que votre texte ne redémarre pas tout de suite  une fois le texte empilé nous
allons insérer des images clés une trentaine d'images clés plus loin.

Clique sur l'image pour l'agrandir
Image


Repositionner vous sur les premières images clés de chaque calque, les sélectionner toutes (vous voyez que toutes les parties de votre texte sont sélectionnées avec leur carré bleu respectif),

Image

et faites clic droit créer une interpolation de mouvement.

Image

Vous voyez alors des lignes bleues se tracer sur vos images clés.

Clique sur l'image pour l'agrandir
Image


Garder toujours vos 1 ères images clés sélectionnées et faites descendre
toutes ces parties de texte en dessous de votre scène

Image

Afin de donner un effet supplémentaires à votre texte vous pouvez modifier la couleur de ces premières images clés.

Pour cela il faut toujours qu'elles soient toutes sélectionnées.

Cliquer sur votre texte puis sélectionner teinte dans le menu déroulant,
sélectionner une couleur jaune par exemple avec un alpha de 50%.

Image

Ce qui donne

Image

voilà votre effet sur votre texte est terminé, il ne vous reste plus qu'à tester
l' animation en cliquant sur les touches CTRL + entrée .




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