bannière
<< Juillet 2010 >>
LuMaMeJeVeSaDi
1234
567891011
12131415161718
19202122232425
262728293031
Tutoriel
Revenir a la liste des tutoriels Flash de difficulté Intermediaire

0 question
1 commentaire sur ce tutorial
Définition des mots

Effet lampe torche (pour une image)


tuto by Tchii001

Avec flou

Sans flou




Lampe torche avec flou


Créez un document avec un fond noir de la taille que vous souhaitez.

Importez votre image de fond dans la bibliothèque : Fichier -> Importer -> Importer dans la bibliothèque

Glissez votre image sur la scène et centrez la.

Avec l'outil de sélection, sélectionnez l'image puis appuyer sur F8 pour la convertir en symbole.
Nommez le comme vous le souhaitez et cochez "Clip".
Dans ses propriétés nommez son occurrence 'image"
Image

Ensuite créez un nouveau clip en appuyant sur Ctrl + F8.
Nommez le comme vous le souhaitez et cochez "Clip".

Vous vous trouvez à l'intérieur du clip, dessinez un cercle plein sans contour et centrez le
Image

Image

Retournez sur la scène en cliquant sur "séquence 1" dans la timeline.
Dans la bibliothèque, faites glisser votre nouveau clip sur la scène.
Dans ses propriétés nommez le "clip".
Image

Avec l'outil de sélection, cliquez en dehors des images de façon a ce qu'elles ne soient plus sélectionnées.

Appuyez sur F9 pour ouvrir la fenêtre d'action et collez ce code

Code flash


image.cacheAsBitmap = true;
//on mets en cache une version du bitmap
blur0 = 40;
//Intensité du filtre
quality = 100;
blur =new flash.filters.BlurFilter(blur0, blur0, quality);
//on utilise la classe BlurFilter pour créer notre flou(x, y, qualité)
picture.setMask(clip);
//on crée un masque sur l'image par le clip
clip.filters = [blur];
//on applique la classe BlurFilter au clip
Mouse.hide();
//on cache le curseur
clip.onEnterFrame=function() {
clip._x = _xmouse;
clip._y = _ymouse;
//on crée une boucle dans laquelle le clip prends les
//valeurs _x et _y de la souris
}


Enfin, appuyez sur Ctrl + Entrée pour voir si tout fonctionne bien


Lampe torche sans flou


Créez un document avec un fond noir de la taille que vous souhaitez.

Importez votre image de fond dans la bibliothèque : Fichier -> Importer -> Importer dans la bibliothèque

Créez un nouveau calque dans la timeline.
A l'intérieur, dessinez un cercle plein sans contour.
Image

Sélectionnez le cercle avec l'outil de sélection et appuyez sur F8 pour convertir en symbole.
Nommez le comme vous le souhaitez et cochez "Clip".
Dans ses propriétés nommez son occurrence "clip1"
Image

Ensuite faites un clic droit sur le calque du cercle et cliquez sur "masque"
Image

Ouvrez la fenêtre d'action en appuyant sur F9
Appuyez sur F9 pour ouvrir la fenêtre d'action et collez ce code

Code flash


Mouse.hide();
clip1.onEnterFrame=function() {
clip1._x = _xmouse;
clip1._y = _ymouse;
}


Enfin, appuyez sur Ctrl + Entrée pour voir si tout fonction bien.


Exemple avec flou et sans flou

Installez le plugin Flash pour voir l'animation : Cliquez ici pour le télécharger



Bon si ca fait un fond transparent, il suffit de mettre un nouveau calque en dessous de tout et d'y insérer une grande forme noir. Ca devrait marcher comme ca : )
Revenir à la liste des tutoriels Flash de difficulté Intermediaire

Haut