Cool Tutos effet de flash!

Sommaire

Dans ce tutoriel, vous apprendrez comment créer un effet là où les parties de la Movieclip s'estompent po Différentes parties de l'Movieclip seront masquées et apparaissent différemment. Aussi, vous pouvez 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 et Flash CS4.
2 images (dans ce cas de 550 × 400, images disponibles dans le fichier zip tutoriel)

Note: La capture d'écran dans ce tutoriel est fait dans Flash CS3. Il fonctionne exactement le même dans Flash 8 et Flash CS4. Ce tutoriel est ActionScript 2 (bien qu'aucune ActionScript est requise).

Étape 1 - Installer le composant effet

Télécharger le masque ici 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 - importation d'image

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

Sélectionnez cette image et la convertir en une [Movieclip appuyez sur F8] ou clic droit sur le MovieClip -> "Convertir en symbole ...». Donner le MovieClip le nom de «l'image».

Étape 3 - Movieclip Image Place et composante effet sur scène

Renommez le calque sur lequel l'image MovieClip est mis à «l'image». Créez un nouveau calque, nommez-la «effet» et sélectionnez la première image (la désignation des couches est seulement de garder les choses en ordre, vous pouvez laisser les noms de calque par défaut ou de choisir d'autres noms).

Donner le MovieClip le nom d'instance "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, le composant n'est pas en mesure de détecter le MovieClip.

Sélectionnez la première image du calque "effet". Faites glisser l'effet de transition Masque de votre bibliothèque sur le MovieClip image sur scène. Le composant sera s'alignent automatiquement sur le coin supérieur gauche de l'Movieclip image.

Étape 4 - Ajustement de la mise

Cliquez sur le composant et ouvrez le panneau Inspecteur de composants électriques [appuyez sur MAJ + F7] ou "Fenêtre" -> "Component Inspector". Dans le champ "Cible Movieclip" liste, sélectionnez "my_image" devrait être sélectionné. Tous MovieClips avec les noms d'instance dans ce cadre sont répertoriés dans le "Target Movieclip" liste de sélection. Puisque vous avez un seul MovieClip, la composante suppose que vous voulez appliquer l'effet sur le "my_image Movieclip". Pour quitter maintenant la création de ce genre. Exporter le flash movie appuyez sur [Ctrl-ENTRER] ou "Command" -> "Tester l'animation" et vous verrez que l'image apparaît.

Étape 5 - Ajouter l'image de fond

Si vous voulez avoir une transition d'une image à l'autre, vous devez mettre une image en arrière-plan. Répétez l'étape 2 pour créer une autre image MovieClip, créez un nouveau calque, nommez-le "background" et mettre le juste créé Movieclip là. Exporter le flash movie appuyez sur [Ctrl-ENTRER] ou "Command" -> "Test Movie" et vous verrez d'abord l'image de fond et puis l'image s'estompe Movieclip po

Étape 6 - Configuration des variantes

Le paramètre sont pour la plupart indépendants de décrire, mais qui ont un coup d'œil aux "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: La FLA. Inclut la version d'évaluation de la composante de l'effet, qui ne fonctionne que dans l'IDE Flash (Flash 8, Flash CS3 et Flash CS4) mais pas dans le navigateur.

Vous pouvez également télécharger les effet de transition masque ici.

Ici vous pouvez trouver un didacticiel vidéo de la façon d'appliquer un effet différent.