Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Special Picture Effect

8.8.2006, 23:21    Total views: 190868
In this thoroughly explained, detailed lesson, I will show you how to create a really special picture effect using a mask technique. You don't have to use action script code to make this lesson. Using this lesson, you will also learn how to use Selection Tool for cutting some picture elements, how to create Motion Tween, how to create mask layer and much more. You can use this effect for some flash header, banner, for some presentation...

Example:



Step 1

Create a new Flash Documet, choose File > Import > Import to Stage (Ctrl+R) and import any picture. Frame rate set to 32 Fps (Frames per second).





Step 2


Double click on layer 1 to rename its name into pictures.

Step 3

Insert a new layer and name it mask. 



Step 4

Lock the "pictures" layer, select the mask layer, take the Rectangle Tool (R), Stroke color must be switched off, under fill color choose any color and draw a "rectangle" like it is shown on the picture below!





Step 5

Take the Selection Tool (V), and do like it is shown on the picture below!



Step 6

Finally, your "rectangle" must look this:



Step 7

Select the "rectangle" and press F8 (Convert to Symbol). In Convert to Symbol window under Type choose a Graphic, name it whatever you like and press ok. Look at the picture below!



Step 8

Click on the twentieth frame of layer pictures and press F5. After that click on the twentieth frame of layer mask and press F6 (keyframe). While you're still on the twentieth frame of layer mask, using arrows key, or by mouse, move your "rectangle" on the position like it is shown on the picture below!







Step 9

Click on the first frame of layer mask, open the Properties Panel (Ctrl+F3) and under Tween choose Motion.





Step 10

Select the mask layer and choose right-click and select mask to turn the layer into a mask.





Step 11

Click on the twentieth frame of layer mask, open the Action Script Panel (F9) and paste this script:

stop ();

Now, we're done for the first picture. You can apply this effect on many pictures if you like.

Enjoy!

Download source file (.fla)
Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 310910

2. High-tech city animation
Total views: 274119

3. Water effect
Total views: 237426

4. Photo slide show
Total views: 221072

5. Special Picture Effect
Total views: 190869



Related links

dans le cadre de leur collection automne / hiver 2008 de la ngc, marque japonaise a ainsi une fois de plus a porter.ADIDAS TUBULAR WOMENils ont travaillé sur l'ensemble des trois pieces et # 8211; un sac fourre - tout, une valise et un porte - clés / carte de voyage.ils présentent une gamme de produits classiques.le fait qu'elles offrent a la plupart d'entre eux en orange est un bon contraste.  via honeyee.ADIDAS ORIGINALS NMDon peut s'attendre a une libération de ce produit dans les semaines a venir.ADIDAS TUBULAR SCHUHEla broderie artiste kimberly scola est parmi ceux qui participent a ce los angeles & # 8216; & # 8220; cette fete et # 8221; exposition,ADIDAS YEEZY BOOST 550 inaugurée vendredi dernier.ADIDAS EQUIPMENT 10a l'occasion de l'ouverture, en cas de scola a collaboré avec une tapisserie de 100 faux sacs fourre - tout.Adidas Adizero F50 FGces agréables rappels d'un événement,ADIDAS X PLR malheureusement, seulement deux jours de liaison.ADIDAS MESSI 16.3 ICles points saillants de & # 8220;StartAdidas Ultra Boost Uncaged cette fete et # 8221; et une liste de cas suivent l'artiste.ADIDAS ACE 16.3 TF