Toxiclab.org

Photo shoot effect

29.10.2008, 14:19
Submited in: Flash | Total Views: 20804

See this step by step lesson and learn how to create very modern photo shoot effect in flash using some special flash tips and tricks. You don't have to use action script code to make this lesson. UYou can use this effect for any flash header, some presentation, animation, flash banner.



Step 1

First of all, save a picture below!





Step 2


Open Flash and start a new project with dimension of 300 X 200 px. Select white as background color.Set your Flash movie’s frame rate to 36 and click ok.



Step 3

Then, select File > Import > Import to Stage (shortcut key: Ctrl+R) and import a picture that you just saved into a flash stage.

Step 4

While the picture is still selected, press F8 key (Convert to Symbol) to convert this picture into a Movie Clip Symbol.



Step 5

While the picture is still selected, go to the Align Panel (Ctrl+K) and then, do the following:

1. Make sure that the Align/Distribute to Stage button is turned on,
2. Click on the Align horizontal center button and
3. Click the Align vertical center button.



Now, you have aligned a picture with the background.

Step 6

While the picture is still selected, take the Free Transform Tool (Q), press and hold down Shift key and do like it is shown on the picture below!



Step 7

Click on frame 5 and press F6 key.

Step 8

Go back on frame 1, take the Selection Tool (V) and click once on the picture to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Advanced in it, click on Settings button and make the adjustments as follows:



Now you have this:



Step 9

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.



Step 10

Clcik on frame 5 and press Ctrl+C key (Copy). Then, create a new layer above the layer 1 (layer2), click on frame 5 and press F6 key. After that, press Ctrl+Shift+V key (Paste in Place).

Step 11

While the picture is still selected, take again the Free Transform Tool (Q) and enlarge the picture a little.

Step 12

After that, move it a little left, usign the arrows key or by mouse.

Step 13

Click on frame 10 and press F6 key.

Step 14

Go back on frame 10, take the Selection Tool (V) again and click once on the picture, to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage.On the right, you will see the Color menu. Select again Advanced in it, click on Settings button and make the adjustments as follows:



Step 15

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.



Step 16

Click on frame 10 and press Ctrl+C key (Copy). Then, create a new layer above the layer 2 (layer 3), click on frame 10, press F6 key, and after that Ctrl+Shift+V key (Paste in Place).

Step 17

After that, move the picture a little right, using the arrows key, or by mouse.

Step 18

Click on frame 15 and press F6 key.

Step 19

Go back on frame 10, take the Selection Tool (V) and click once again on the picture to select it. Then, go to the Properties Panel below the stage. On the right, you will see the Color menu. Select again Advanced in it, click on Settings button and make the adjustments as follows:



Step 20

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Motion Tween from the menu that appears.



We’re done!

Test Your movie (Ctrl+Enter)!

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