Toxiclab.org

Active picture effect

26.11.2006, 20:10
Submited in: Flash | Total Views: 66596

This tutorial will show you how to create active picture effect in flash 8 using the mask. You will also learn how to create simple text effect, how to use Free Transform Tool (Q), how to create mask area and more.



Step 1

Create a new flash document and set Width to 350 and Height to 300px. Frame rate set to 20fps (Frames per Second).



Step 2


Take the Rectangle Tool (R), under Stroke color set #000000, under Fill color set #F8F8F2. After that, draw a "square" size 350x300px, that will represent our background. Then, double click on layer1 to rename its name in Background.

Step 3

Insert a new layer and name it picture.

Step 4

Take again the Rectangle Tool (R), under Fill color set #FFFFFF, and draw a "rectangle" size 100x70px. See the picture below.



Step 5

While your "rectangle" is still selected, press F8 key (Convert to Symbol) to convert it into a Movie Clip.



Step 6

Double click on a new made Movie Clip, or choose right click and Edit in Place.

Step 7

Insert a new layer and name it picture1. After that, using a drag and drop technique, move that layer beneath the first layer (layer1). See the picture below.



Step 8

Choose File > Import > Import to Stage (Ctrl+R), and Import any picture.

Step 9

While your picture is still selected, press F8 key and convert it into a Graphic Symbol.



Step 10

Double click on a new made Graphic symbol or choose right click and Edit in Place.

Step 11

After that, while the picture is still selected, press F8 key and convert it again into a Graphic symbol. Then, insert a new layer and name it text.



Step 12

Select the text layer, take the Text Tool (T), and type any text.



Step 13

While your text is still selected, press F8 key to convert it into a Graphic symbol.



Step 14

Click on frame 15 of layer text and press F6. After that, using the Free Transform Tool (Q), enlarge your text a little. After that, open the Properties Panel (Ctrl+F3), and under Color choose Alpha and set it to 25%. Look at the picture below.



Step 15

While you're still on frame 15, open the Action Script Panel (F9), and paste this script:

gotoAndPlay (1);

Step 16

Go back on frame 1, and in Properties Panel under Tween chooose Motion.



Step 17

Go back on picture scene.



Step 18

Click on frame 160 of layer picture1 and press F5. After that, click on frame 80 of layer1 and press F6 (Keyframe).Then, move the "rectangle" on some other place on stage using the mouse. See the picture below.



Then, click on frame 160 of layer1 and press again F6. Then, move the "rectangle" on some other place.



Step 19

Repeat this process few times.

Step 20

Select the layer1, open the Properties Panel, and under Tween choose Shape.

Step 21

Select layer1 and convert it to a mask by right-clicking on the layer1 and selecting Mask.



We're done!

Have a nice day!

Download example

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category


Most popular tutorials