Didacticiels Flash effet de refroidir!

Résumé

Dans ce tutoriel, vous apprendrez comment créer un diaporama, qui a un scintillement / fuzz / transition TV rompue entre les images.

Voici le résultat final:

Exigences

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

Note: Les captures d'écran dans ce tutoriel sont faites dans Flash CS3. Il fonctionne exactement de la même dans Flash 8 ou Flash CS4. Ce tutoriel est ActionScript 2 (même si aucune ActionScript est nécessaire).

élément Étape 1 - Installer l'effet

Téléchargez le Fuzz Effet TV 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 - Importer des images

Importer toutes les trois images "Fichier" -> "Importer" -> "Importer dans la bibliothèque ...».

Étape 3 - Convertir des images en MovieClip

Créez un nouveau MovieClip 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 ces movieClips "image02" et "image03". BTW, la désignation est à vous.

Étape 4 - Créer première transition

Maintenant, cliquez sur "Scène 1" pour revenir au scénario principal.

Renommez le calque existant déjà à "img01". Créer plus de couche et nommez-les "img02" et "transition01». Encore une fois la nomination n'est que pour une meilleure vue d'ensemble. Vous pouvez choisir d'autres noms si vous voulez.

Faites glisser les deux premiers movieClips l'image de la bibliothèque à la couche respectifs.

Cliquez dans la première image du calque "transition01». Faites glisser le composant TV Effet Fuzz partir 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 "Insert Image".

Il est important de donner le nom d'image par exemple movieClips, sinon le composant effet n'est pas en mesure de les détecter. Cliquez sur l'image MovieClip un par un et définir un nom par exemple, dans ce cas "image01" et "image02" (vous pouvez choisir un nom différent si vous voulez).

Cliquez sur l'effet Fuzz TV sur scène et ouvrez le panneau Inspecteur de composants [appuyez sur Maj + F7] ou "Window" -> "Inspecteur de composants". Tous movieClips avec un nom par exemple dans ce cadre sont énumérées dans le MovieClip "Start" et "Fin MovieClip" liste de sélection. Choisissez "image01" comme "MovieClip Start" et "image02", "fin MovieClip".

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

Étape 5 - Ajouter seconde transition

Créez trois autres calques et nommez-les "img03", "img04" et "transition02».

Sur chaque couche de cliquer sur le châssis 51 (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 "Insert Image".

Nous allons réutiliser la deuxième image MovieClip, puisque la deuxième transition devrait commencer par lui. 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 la couche "img04" et faites glisser le MovieClip "image03" de la bibliothèque sur la scène.

Maintenant, placez les noms d'occurrence de cette image pour movieClips "image03" et "image04".

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

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

Cliquez sur le composant sur la scène, ouvrez le panneau de l'inspecteur des composants et sélectionnez "image03" comme "MovieClip Start" et "image04", "fin MovieClip".

Pour la nouvelle de trois couches de créer un cadre à l'image 100 [appuyez sur F5] ou clic droit et "Insert Image".

Lorsque vous exportez votre film Flash, vous voyez que les deux transition soient présentées avant le film est ébranché.

Étape 6 - Ajouter une pause entre les deux transitions image

Pour avoir le temps un peu plus entre les transitions laisser les images-clés de la couche "img01" et "transition01" intacte. Prolonger la durée de la couche "img02" (l'image que la transition se termine par) en ajoutant un cadre dans le châssis 80 [appuyez sur F5] ou clic droit et "Insert Image".

Maintenant, sélectionnez l'ensemble du bloc de la deuxième transition (vous pouvez alors qu'en cliquant cadre 51 de "transition01» et avec la touche SHIFT enfoncée en cliquant sur l'image 100 de "img04") et déplacer le bloc de trou au cadre 81.

Vous pouvez faire de même pour la deuxième transition.

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

Ici vous pouvez trouver un didacticiel vidéo sur la façon de mettre en œuvre un effet différent.