NoShade.net est en vente — Contactez nous si vous êtes intéressé
Le siteTutoriauxInterviews
icone RSS NoShade.net

Accueil » Tutoriaux » Flash Mx » Effet de reflet sur du texte grâce aux masques

Effet de reflet sur du texte grâce aux masques


Un effet de reflet, appliqué sur du texte ou un logo saura le mettre en valeur et le rendre classe.
Cette technique est relativement simple à mettre en oeuvre et s'applique grâce aux "masques" de Flash.



Commencez par créer un nouveau document, j'ai choisi une taille de 550 x 100 px, avec un fond gris très foncé, quasi noir.
Avec l'outil de Texte, écrivez ce que vous voulez, dans la couleur que vous voulez, autre que blanc cependant, puisque notre reflet sera blanc également, et il faut que celui-ci se voit ensuite! ;)


Sélectionnez votre texte avec la flèche noire, faites "Copier" puis, sans un nouveau calque, faites "Coller en place" (dans le menu "Modifier").
Nommez votre premier calque "Texte de base", votre second calque "Texte Masque", puis créez un nouveau calque au dessus des deux autres que vous nommerez "reflet".

Sur ce calque "reflet", créez un rectangle blanc, assez fin en largeur, et assez haut, puis tournez le un peu comme ceci :


Dupliquez l'image clé de vos trois calques jusqu'à la frame 25 de notre animation :


Placez-vous à la frame 25 de votre animation puis déplacez vers la droite votre rectangle blanc :


Faites un clic droit entre les deux images clés de votre calque "reflet", puis choisissez "Créer une interpolation classique".


Le mouvement de notre reflet est crée, si vous jouez votre animation, le rectangle blanc se déplace de gauche à droite.


Faites maintenant un clic droit sur le calque "reflet", puis choisissez l'option "Masque" :


Les calques "reflet" et "Texte Masque" ont changé d'icônes :


Verrouillez maintenant les calques "reflet" et "Texte de base" pour sélectionner sans problème le texte du calque "Texte Masque". Passez celui-ci en blanc plutôt que Jaune.

Jouez maintenant votre animation, le tour est joué! :)

Le 13/02/2009 par Legibe

Partager ce tutoriel : icone Scoopeo icone del.icio.us icone Digg icone Facebook icone Technorati icone TwitThis icone Google icone Live icone MySpace icone Wikio icone Mixx icone Reddit icone NewsVine

Vous avez aimé ce tutoriel ?

Faites un don pour nous encourager à en écrire d'autres! :-)

Commentaires :

Snoupix a écrit :

Sympa comme tuto, très utile pour bien démarrer avec Flash.

cheyennehouse a écrit :

EXCELLENT !!!
super tuto hyper bien expliqué
je me suis bien amusé a essayer diverses façons de faire...
merci

Grafistan a écrit :

Bonjour, merci pour le tuto mais pour moi cela ne fonctionne pas. En fait déjà je n'ai pas d'interpolation classique, j'ai juste forme et mouvement, est-ce un souci ? En fait j'ai choisi l'interpolation de mouvement qui fonctionne très bien mais dès que je crée le masque il ne se passe plus rien... Une idée ? Merci

BenJ a écrit :

@ Grafistan:

tu as vérifié l'odre de tes calques ??

samtouch a écrit :

Salu et merci pour ce tuto...Mais j'ai un problème au niveau de:"Dupliquez l'image clé de vos trois calques jusqu'à la frame 25 de notre animation".
NB: je suis vraiment nouveau dans flash
Encore merci de nous aidez.

DOUSSOU a écrit :

MERCI VREMENT C BIEN EXPLIQUE TROP NICE

Flo a écrit :

Merci pour le tuto mais ca ne marche pas de mon côté, novice en Flash, j'ai fait attention à l'ordre des calques, l'animation fonctionne mais sans l'effet.

RekiemArt a écrit :

Intéressant comme tuto, pas très difficile en sois, mais il a le mérite d'être exploité, ça peut en effet être trés utile sur des logos :)

olifabio a écrit :

simple et efficasse

kimo a écrit :

hello super tuto. En ce qui me concerne c'est au niveau du masque que ça prend pas...

kimo a écrit :

ça y est j'ai pigé !

Patrenet a écrit :

Super tuto, simple mais efficace et très utile pour un logo animé par exemple.

Art a écrit :

Super, merci pour le partage de cette methode, ca marche nikel!!!
THX

Ajouter un commentaire sur ce tutoriel

Adobe, Macromedia, Flash MX, Masques, Masque, Opacité, Mouvement, Reflet, Effet, Calques, Texte, Classe, Simple
Si vous avez remarqué une erreur (une faute ou tout autre type de problème que nous puissions corriger), n'hésitez pas à nous écrire!
Soyez aussi précis que possible et n'oubliez pas de nous indiquer le tutoriel dans lequel l'erreur se trouve. Merci!! :)