Toxiclab.org

Practical photography demonstration

31.3.2007, 1:51
Submited in: Flash | Total Views: 57183

In this easy lesson, you will see how to create Practical photography demonstration using a some special tricks in Adobe Flash. For this lesson you don't have to use Action Script. You can use this photography demonstration for any web sites if you like. You will also learn:

1. How to import an photography in Flash,
2. How to enlarge a photography using the Free Transform Tool.
3. How to convert a bitmap photography into a symbol
4. How to use Info Panel and more.



Step 1

Open a new Flash document.



Step 2


Select Modify > Document (shortcut key: Ctrl+J ). Set the width of your document to 160 pixels and the height to 140 pixels. Select white as background color.Set your Flash movie's frame rate to 25 and click ok.See the picture below.



Step 3

Find a two photographs on internet , or somewhere, which you will use for this tutorial. You can also download my photographs if you like.





Step 4

Go back in Adobe Flash. Choose File > Import > Import to Stage (Ctrl+R), and Import the first photography.

Step 5

While the photography is still selected, take the Free Transform Tool (Q) and enlarge the photograph a lot. See the picture below.



Step 6

Take the Selection Tool (V), and place the photography on the position like it is shown on the picture below.



Step 7

While the photography is still selected, press F8 key on the keyboard (Convert to Symbol) to convert this photography into a movie Clip Symbol. See the picture below.




Step 8

Click on frame 25 and press F6 key. After that, take again the Selection Tool (V) and place the photography (new made Movie Clip) on the position like it is shown on the picture below.



You will see the photography like it is shown on the picture above, if you click once on a small rectangle of layer 1 and by that turn off it. See the picture below.



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.See the picture below.



Step 10

Click on frame 45 and press F6 key.

Step 11

Take the Selection Tool (V), click once on the photography  to select it, and go to the Info Panel (shortcut key: Ctrl+I).

Step 12

Then, for Width set 160 and for Height set 140 px (as the background size). See the picture below.



Step 13

While the photography is still selected, go to the Align Panel (Ctrl+K). Then,do the following in the Align panel:

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.



Step 14

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



Step 15

Click on frame 120 and after that on frame 140, and  press F6 key.

Step 16

While you're still on frame 140, take again the Free Transform Tool (Q) and enlarge tha photography again (See step 5), but for this time, enlarg it a little.

Step 17

After that, take the Selection Tool (V), click once on the photography and go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%. See the picture below.



Step 18

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

Now, we're done with the first photography.It's time for second photography.

Step 19

Double click on layer 1 to rename its name in photography 1. After that, create a new layer above the photography 1 layer and name it photography 2.

Step 20

Click on frame 135 and press F6 key. Then, choose File > Import > Import to Stage and Import the second photography.

Step 21

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



Step 22

Take the Free Transform and enlarge the photography a lot, like we have done in step 5.

Step 23

After that, place the photography on the position like it is shown on the picture below.



After that, take the Selection Tool (V), click once on the photography and go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.

Step 24

Click on frame 160 and press F6 key.Then, place the photography on this position:



Step 25

After that, repeat the same steps for the first picture ( Steps 9 -18).

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


Resources Worth visiting


Friends