Animation de transition Masque
11 Commentaires Décembre 29th, 2008
Résumé
Dans ce tutoriel, vous apprendrez comment créer un effet, lorsque des parties de l'MovieClip s'estompent po différentes parties du MovieClip sera masqué et se présentent différemment. Vous pouvez aussi contrôler la taille de ces pièces et la vitesse de la décoloration.
Voir l'effet ci-dessous:
Exigences
Flash 8, Flash CS3 ou Flash CS4.
2 images (dans ce cas 550 × 400, d'images disponibles dans le fichier zip tutoriel )
Note: La capture d'écran dans ce tutoriel est fait dans Flash CS3. Il fonctionne exactement de la même dans Flash 8 et Flash CS4. Ce tutoriel est ActionScript 2 (même si aucune ActionScript est nécessaire).
élément Étape 1 - Installer l'effet
Télécharger le masque ici d'effet de transition . S'il vous plaît suivez les instructions d'installation et faites glisser le composant du panneau composant dans la bibliothèque de votre fichier. fla.
Étape 2 - Import d'images
Importer une image appuyez sur [Ctrl-R] ou "Fichier" -> "Importer" -> "Importer sur la scène ...».
Sélectionnez cette image et la convertir en une] [MovieClip appuyez sur F8 ou cliquez droit sur le MovieClip -> "Convertir en symbole ...». Donner le MovieClip le nom "image".
Étape 3 - Placez l'image et l'effet composante MovieClip sur la scène
Renommez le calque où le MovieClip image est placée à "l'image". Créez un nouveau calque, nommez-le «effet» et sélectionnez la première image (la dénomination des couches est seulement de garder les choses en ordre, vous pouvez laisser la valeur par défaut couche noms ou choisir d'autres noms).
Donner le nom de l'instance de MovieClip "my_image" (Vous pouvez choisir un nom différent si vous voulez. Assurez-vous que le nom d'instance est unique). Sans un nom d'instance, l'élément n'est pas en mesure de détecter les MovieClip.
Sélectionnez la première image de la couche «effet». Faites glisser l'effet de transition Masque de votre bibliothèque sur le MovieClip image sur la scène. Le composant logiciel enfichable sera automatiquement vers le coin supérieur gauche de l'image MovieClip.
Étape 4 - Ajustez le réglage
Cliquez sur le composant et ouvrez le panneau Inspecteur de composants [appuyez sur Maj + F7] ou "Window" -> "Inspecteur de composants". Dans la "cible MovieClip" liste, sélectionnez "my_image" doit être sélectionné. Tous movieClips avec un nom par exemple dans ce cadre sont énumérées dans la "cible MovieClip" liste de sélection. Puisque vous avez un seul MovieClip, la composante suppose que vous voulez appliquer l'effet sur le MovieClip "my_image". Pour l'instant, laissez le paramètre comme celui-ci. Exporter le flash [film appuyez sur Ctrl-ENTRER] ou "Command" -> "Tester l'animation» et vous verrez que l'image apparaît.
Étape 5 - Ajouter une image de fond
Si vous voulez avoir une transition d'une image à l'autre, vous avez besoin de mettre une image en arrière-plan. Répétez l'étape 2 pour créer un autre MovieClip image, créez un nouveau calque, nommez-le «fond» et mettre le MovieClip venez de créer là-bas. Exporter le flash [film appuyez sur Ctrl-ENTRER] ou "Command" -> "Tester l'animation» et vous verrez d'abord l'image de fond, puis le MovieClip image s'estompe po
Étape 6 - Configuration des variantes
Le paramètre sont pour la plupart indépendants de décrire, mais de plus près à la "Animation Mode" liste de sélection. Voir l'ensemble des modes d'animation ici . Utilisez les paramètres de la capture d'écran ci-dessous et testez l'animation.
Jouez avec les réglages. Trouvez celui qui correspond à vos exigences.
Télécharger
Cliquez ici pour télécharger le fla. de ce tutoriel. Note: L'. Fla comprend la version d'essai de la composante effet, ce qui ne fonctionne que dans l'IDE de Flash (Flash 8, Flash CS3 ou Flash CS4), mais pas dans le navigateur.
Vous pouvez également télécharger l' effet de transition masque ici .
Ici vous pouvez trouver un didacticiel vidéo sur la façon de mettre en œuvre un effet différent.













11 Commentaires
Bon travail
BON TRAVAIL Wallah ... ... ... ... MERCI VOUS
ici ne sont que 2 images, mais cela fonctionne effet avec plusieurs images d'affilée, je ne peux le faire fonctionner ... ..
Ronny Salut,
S'il vous plaît télécharger la version d'essai de l'effet ici.
http://www.flash-filter.net/mask-transition-effect-download.phtml
A l'intérieur du zip de téléchargement vous trouvez un timline_demo.fla. Selon cette structure, vous pouvez demander que les images que vous voudrez.
Hey, Merci beaucoup
Salut
ya il est bon
thx beaucoup
J'aime l'effet, cependant, j'ai un projet qui requiert une forme de masque. Dans la forme masque que j'ai besoin d'avoir un diaporama avec transitions de dire à propos de 8 ou 10 images. Pouvez-vos composants ce faire? Ou quel serait le meilleur scénario?
Merci,
Monte
Monte Salut,
S'il vous plaît vérifier: http://www.flash-filter.net/effect-component-faq.phtml # cpid599
Cordialement
Aron
Salut. vos œuvres tutoriel. Mais quand j'ai essayé d'exécuter le fichier SWF, il y avait un message invité ans a déclaré:
"Que le fichier SWF tente de communiquer avec cette extension emplacement Internet: http://www.flash-filter.net "
Que dois-je faire pour que le fichier SWF sera diffusée?
Merci.
Quels sont les exemples de masquage d'animation? Merci!
Les exemples viennent dans le zip de téléchargement: http://www.flash-filter.net/mask-transition-effect-download.phtml
Ecrire un commentaire
3 Trackbacks et Pingbacks
[...] [...] Lire complète tutoriel
[...] Vielleicht hilft dir das weiter: Transition Mask Animation - Tutoriels Cool Flash Effect! [...]
[...] http://flash-effects.com/tutorial-mask-transition-animation/ [...]