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.

Faites glisser dans la bibliothèque de composants

Étape 2 - Import d'images

Importer une image appuyez sur [Ctrl-R] ou "Fichier" -> "Importer" -> "Importer sur la scène ...».

Importer image

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".

Convertir l'image en MovieClip

Nom du MovieClip

É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).

Renommez le calque existant

couche Créer et nouveau nom

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.

nom de l'instance Ensemble de l'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.

Faites glisser composant sur 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.

Paramètres dans le panneau inspecteur de composants

É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

Ajouter une image de fond

É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.

Résultat

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.

  • Share / Bookmark