Accueil > Forum > > > > Dans une anim, comment faire des transitions entre 2 images ?
Dans une anim, comment faire des transitions entre 2 images ?
mercredi 6 janvier 2010 à 18:55:41 |
Dans une anim, comment faire des transitions entre 2 images ?

tooeasysarl
|
Bonjour à tous,
Je suis en train de faire une animation. Dans cette animation j'ai du texte qui s'affiche. J'aimerais qu'il y ait un fondu enchainé entre chaque texte.
Je viens du milieu audiovisuel et quand je montais des vidéos sous Première ou sous Final Cut, je pouvais faire ce genre d'effets de transition très facilement; j'avais même une liste d'effets assez fournie.
Sous Flash... rien  Il y a des "présélections de mouvements" mais c'est très pauvre. Avec ça, y'a pas le fondu enchainé que je cherche.
J'ai donc (ça devient une habitude) dû bidouiller en convertissant mes textes en symboles Clip. Ensuite j'ai fait une interpolation de mouvement. Enfin, je suis donc allé dans l'éditeur de mouvements et j'ai joué avec l'effet de couleur Alpha.
Le problème, c'est que c'est de la bidouille.
Je voulais donc savoir, pour faire ces fondus, est-ce qu'il existe des "préselections de mouvements" ? Si oui, où est-ce que je peux les télécharger ?
Si par contre, pour avoir ce genre d'effets de transition, il faut passer par un code actionscript 3, qu'est-ce que je dois taper comme code ?
Je vous remercie d'avance pour vos réponses.
|
|
mercredi 6 janvier 2010 à 20:35:19 |
Re : Dans une anim, comment faire des transitions entre 2 images ?

piere2
|
Bonsoir,
le texte est-il du type statique ou dynamique?
Pi'ère2
|
|
mercredi 6 janvier 2010 à 22:33:49 |
Re : Dans une anim, comment faire des transitions entre 2 images ?

piere2
|
Pas de réponse à ma réponse alors admettons que le texte soit statique;
Voir Tween et/ou
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start(mc, {type:PixelDissolve, direction:Transition.OUT, duration:2, easing:None.easeNone, xSections:10, ySections:10});
TransitionManager.start (mc, {type:Photo, direction:Transition.OUT, duration:1, easing:None.easeNone});
TransitionManager.start(mc, {type:Rotate, direction:Transition.IN, duration:3, easing:Strong.easeInOut, ccw:false, degrees:720});
TransitionManager.start(mc, {type:Zoom, direction:Transition.IN, duration:2, easing:Elastic.easeOut});
TransitionManager.start(mc, {type:Wipe, direction:Transition.OUT, duration:2, easing:None.easeNone, startPoint:1});
TransitionManager.start(mc, {type:Iris, direction:Transition.IN, duration:2, easing:Strong.easeOut, startPoint:5, shape:Iris.CIRCLE});
TransitionManager.start(mc, {type:Fly, direction:Transition.IN, duration:3, easing:Elastic.easeOut, startPoint:9});
TransitionManager.start(mc, {type:Fade, direction:Transition.IN, duration:3, easing:None.easeNone});
TransitionManager.start(mc, {type:Blinds, direction:Transition.IN, duration:2, easing:None.easeNone, numStrips:10, dimension:0});
A essayer 1 par 1; beaucoup de réglages possibles
Pi'ère2
|
|
jeudi 7 janvier 2010 à 09:12:01 |
Re : Dans une anim, comment faire des transitions entre 2 images ?

tooeasysarl
|
Désolé Pi'ere2 de ne pas t'avoir répondu. Je t'écris du boulot et hier à 20h35, quand tu m'as répondu, j'étais parti.
Donc pour répondre à ta question, oui c'est un texte statique.
Je voulais aussi te remercier de ta deuxième réponse. Hier après avoir posté mon message, je suis allé faire un tour sur la doc en ligne et (après de longue recherches parce que c'est assez touffu et que tu ne sais pas quoi et où chercher) je suis effectifement tombé sur ce genre de code. J'ai testé le Fade (puisque c'est celui qui m'intéresse) mais les résultats que j'ai obtenus n'étaient pas probants et/ou concluants. Cependant, je ne suis pas rentré dans les réglages. Du coup je ne sais pas encore si je passe par du code AS3 pour faire mes effets ou si je passe par l'éditeur de mouvement. L'AS3 est peut-être très bien, mais assez austère et un peu rigide pour un débutant comme moi. Je vais voir ce que je fais.
Sinon, j'ai une question :
La réponse que tu m'as donnée est-elle aussi applicable sur des objets comme des images bitmap ?
Encore merci pour ta réponse.
|
|
jeudi 7 janvier 2010 à 10:01:25 |
Re : Dans une anim, comment faire des transitions entre 2 images ?

piere2
|
Oui cela marche sur les bitmap.
Les réglages sont assez nombreux et variés pour je pense arriver à un résultat satisfaisant.
Il faut faire beaucoup d'essais pour trouver les bons réglages mais une fois qu'ils sont trouvés il suffit de créer des tableaux pour y mettre toutes les valeurs effet par effet.
Personnellement je ne me suis pas penché sur la question d'une manière approfondie mais cela pourrais venir.
Il y a d'autre effets beaucoup plus impressionnants mais qui sont obtenus par de la grosse programmation.
En fouillant dans mes "archives" je devrais bien trouver un ou deux scripts particulièrement intéressants.
Le problème avec les effets c'est qu'ils demandent pas mal de ressources CPU surtout les alpha et particulièrement sur les textes; quand à transformer les textes en image c'est fortement déconseillé car cela augmente le poids de l'animation de manière assez importante.
C'est même parfois très impressionnant.
Sur mon site www.com-u-nic.fr des pigeons passent régulièrement en volant et si j'ai mis un bouton pour les arrêter c'est parce que je sais, pour en avoir mesuré l'effet sur diverses machines, que les ressources demandées pour cette animation ne sont pas anodines. Et pourtant l'animation est vraiment optimisée.
Pi'ère2
|
|
Cette discussion est classée dans : images, anim, effets, transitions, mouvements
Répondre à ce message
Sujets en rapport avec ce message
Action pour faire avancer l'anim de 3 images [ par converse ]
Bonjour à tous,Je cherche depuis ce matin mais sans succès.Exite t'il un code à appliquer sur un bouton pour faire avancer l'animation de 3 images à c
augmenter le cache [ par juliendestouches ]
bonjour,j'ai une anim diffusée sur le web. tout est basé sur des fichiers externes (images, textes, liens) et j'ai l'impression que le cache du plugin
Urgent et important : pb de lecture saccadée [ par lotte3 ]
Bonjour à tousJ'ai fait une anim toute simple, mais assez longue (environ 4mn), et de grande taille (800*450)Je ne sais pas pourquoi, la lecture du fl
loadmovie, XML et images qui ne s'affichent pas :[ [ par pinkWisky ]
Bonjour a toutes et a tous Je suis a deux doigts d'exploser mon ecran a force de lui mettre des coup de tete... J'explique mon Pb: J'ai une anim Fla
loadmovie, XML et images qui ne s'affichent pas :[ [ par pinkWisky ]
Bonjour a toutes et a tous Je suis a deux doigts d'exploser mon ecran a force de lui mettre des coup de tete... J'explique mon Pb: J'ai une anim Fla
mon anim fonctionne, mais ça rame!!!! [ par vong ]
salut à tousj'ai un énorme problème: j'ai une série de500 images à faire défiler à 25 images secondes à l'intérieur d'une anim flash.... j'ai importé
effets sur des images [ par kartoon ]
Bonjour, Je cherche les codes pour faire des effets comme les exemples de site : http://www.federicafontana.it/ (effet de déploiement des i
Avec plusieurs boutons... [ par Homer3150 ]
Bonjour les gens ! Voilà, après avoir rechercher sur le site et sur google, je n'arrive pas à trouver de solution à mon problème : <font face
permettre le téléchargement d'images dans une anim flash [ par christ_l ]
Bonjour,Je voudrais savoir s'il est possible de créer un bouton qui permet de télécharger une image affichée via un diaporama (en appel xml le diapo)
Défilement d'images en fontion des mouvements de la souris [ par zentatsu ]
Voilà mon problème : je suis débutant en flash. Sur le site que je suis en train de concevoir :1. je souhaite afficher une série d'images qui défilent
Livres en rapport
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|