Cool Tutos effet de flash!

Sommaire

Dans ce tutoriel, vous apprendrez comment créer un diaporama, qui a une fois / / fuzz télévision était cassée transition entre les images.

Voici le résultat final:

Exigences

Flash 8, Flash CS3 et Flash CS4.
3 images (dans ce cas de 550 × 400, images disponibles dans le fichier zip tutoriel)

Note: Les captures d'écran de ce tutoriel sont réalisés en Flash CS3. Il fonctionne exactement le même dans Flash 8 ou Flash CS4. Ce tutoriel est ActionScript 2 (bien qu'aucune ActionScript est requise).

Étape 1 - Installer le composant effet

Téléchargez le Effect TV Fuzz ici. 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

Importez tous trois images "Fichier" -> "Importer" -> "Importer dans la bibliothèque ...».

Étape 3 - images Convertir en Movieclip

Créer un MovieClip nouvelle appuyez sur [Ctrl-F8] ou "Insérer" -> "Nouveau symbole ...», nommez-le "image01" et mettre la première image dans la première image de ce MovieClip. Répétez cette étape pour les autres images, le nom de ceux MovieClips "image02" et "image03". BTW, la désignation est à vous.

Étape 4 - Créer première transition

Maintenant, cliquez sur "Scene 1" pour revenir au scénario principal.

Renommez le calque déjà existant de "img01". Créer pour plus calque et nommez-les "img02" et "transition01". Là encore, le nommage n'est que pour une meilleure vue d'ensemble. Vous pouvez choisir d'autres noms si vous le souhaitez.

Faites glisser le MovieClips deux premières images de la bibliothèque à la couche respectifs.

Cliquez dans la première image du calque "transition01". Faites glisser le composant TV Fuzz Effet de votre bibliothèque sur la scène. Le composant logiciel enfichable automatiquement vers le coin supérieur gauche de votre MovieClip.

Pour chaque clic couche sur le châssis 50 et créer un cadre [appuyez sur F5] ou clic droit et "Insérer une image".

Il est important de donner les noms d'occurrence MovieClips image, sinon l'élément effet est incapable de les détecter. Cliquez sur l'image Movieclip un par un et fixer un nom, par exemple, dans ce cas "image01" et "image02" (vous pouvez choisir un nom différent si vous voulez).

Cliquez sur l'effet télévision Fuzz sur scène et ouvrez le panneau de l'inspecteur des composants [appuyez sur MAJ + F7] ou "Fenêtre" -> "Component Inspector". Tous MovieClips avec les noms d'instance dans ce cadre sont répertoriés dans le "Start Movieclip" et "End Movieclip" liste de sélection. Choisissez "image01" comme "Start Movieclip" et "image02", "fin Movieclip".

Exporter le flash movie appuyez sur [Ctrl-ENTRER] ou "Command" -> "Tester l'animation". La transition se passe de la première image à la seconde.

Étape 5 - Ajouter la seconde transition

Créez trois couche plus et de les nommer "img03", "img04" et "transition02".

Sur chaque couche de cliquer sur le châssis 51 (d'une image après la transition précédente est terminée) et insérer une des images-clés [appuyez sur F6] ou clic droit et "Insérer une image".

Nous allons réutiliser la deuxième image MovieClip, depuis la seconde transition devrait commencer avec elle. Cliquez sur l'image-clé vient d'être créé sur le calque "img03" et faites glisser le MovieClip "image02" de la bibliothèque sur la scène. Cliquez sur l'image-clé vient d'être créé sur le calque "img04" et faites glisser le MovieClip "image03" de la bibliothèque sur la scène.

Maintenant, nous mettons les noms d'occurrence de cette image MovieClips à "image03" et "image04".

C'est un peu déroutant pour les jeu de calques et les noms d'instance numéro un, alors le nom d'origine MovieClip. Mais pour une meilleure vue d'ensemble et de maintenir le nombre d'erreurs de faible potentiel, il est préférable de traiter le MovieClips de la seconde transition MovieClips aussi complètement nouvelle.

Sélectionnez le calque "transition02" et faites glisser le composant effet à partir de votre bibliothèque vers la scène. Encore une fois, le composant logiciel enfichable automatiquement.

Cliquez sur le composant sur la scène, ouvrez le panneau Inspecteur de composants et sélectionnez "image03" comme "Start Movieclip" et "image04", "fin Movieclip".

Pour les nouveaux trois couches de créer un cadre à l'image 100 [appuyez sur F5] ou clic droit et "Insérer une image".

Lorsque vous exportez votre animation Flash, vous voyez que les deux transition apparaissent avant que le film est amputés.

Étape 6 - Ajouter la pause entre les deux transitions d'images

Pour avoir le temps un peu plus les transitions entre les images clés de quitter le calque "img01" et "transition01" intact. Prolonger la durée de la couche "img02" (l'image que la transition se termine avec) en ajoutant un cadre dans le châssis 80 [appuyez sur F5] ou clic droit et "Insérer une image".

Maintenant, sélectionnez tout le bloc de la seconde transition (de sorte que vous pouvez en cliquant sur bâti 51 de "transition01" et avec touche MAJ enfoncée en cliquant sur châssis 100 de "img04") et déplacer le bloc de trou pour encadrer 81.

Vous pouvez faire de même pour la seconde transition.

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 le Effect TV Fuzz ici.

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