webleads-tracker

Flash : transition image

Gaetan Lebreton
Je cherche à réaliser ce type de transition d'image : http://www.referencement-webformance.com/

C'est à dire que la première image se décompose case par case pour faire apparaitre la seconde.
Après pas mal de recherche de tutoriaux flash à ce sujet, j'en arrive à venir vous poser cette question :

Quelqu'un sait-il réaliser ce type de transition et peut-il me l'expliquer ? ou quelqu'un connait-il une bonne adresse pouvant aider ?

Merci d'avance.

Gérald
Bonjour,

Pour répondre à ta question je t'invite à récuprer le zip que je t'ai mis en ligne contenant le fichier d'une appli qui comporte une transition de ce type (je n'ai pas optimisé les photo du fla c pour que c'est un peu lourd donc pas d'inquiétude à ce niveau).

http://www.a3cnet.com/tutorial/tutorial.zip

Un peu d'explication du principe now, tu vas voir c'est pas compliqué.

- premièrement crée un clip qui comporte ton image 1 (en faire deux poir voir un résultat)
- Ensuite un graphique qui comporte un carré, le format est de ton choix et ce carré tu l'aligne en haut à gauche.
- Puis et c'est là l'essentiel un movie clip qui va servir de masque et donc donnée l'illusion de la transition. Dans ce movie clip tu crée sur un premier calque une interpollation sur ton graphique de carré allant de 0% en dimension à 100%,la duré à peu d'importance. Tu crées un deuxième calque avec la même interpollation mais qui commence à la moitié de l'autre et tu la positionne de manière à ce que les deux interpolation une fois fini forme un tout. Ensuite il faut répéter cette procédure plusieurs fois, regarde dans l'exemple pour mieux comprendre.
- Tu as désormais ton clip qui va te servir à faire la transition.
- Tu vas sur la scène principale tu place ton clip de ton image 1 sur un calque.
- tu crée un autre calque avec ton image 2 (elle aussi dans un clip)
- 3eme calque avec ton clip de masque tu lui donne la propriété de masque et il va masquer le clip de ton image 2 et comme ça lorsqu'il se lance on aura l'impression qu'il fait apparaitre l'image 2 par des petit carrées.

Voilà la base j'ai essayé d'être simple mais je t'invite grandement à regarder l'exemple que je t'ai mis en lien, je pense que tu comprendra.
Il me semble que l'on peut simplifier avec du code et des duplicate movieclip() mais dans un premier temps celà marche très bien....bon courage
On peut pas tout à la fois, siffler l'apéro et l'opéra ...

Gaetan Lebreton
Merci bien Gérald.C'est exactement ce que je voulais.
Thanks.

Julien Guerry
Bonjour,

Ou sinon, il y a : JPG rotator :
http://www.jeroenwijering.com/?item=Flash_Image_Rotator

Facilement adaptable pour en faire ce que l'on veut... ;)