Advanced image gallery with sound

Date: 19.1.2009, 18:45    Total views: 24427
Page:  1  2

Step 19

Create now a new layer above the layer image 2 and name it again image 2 again.

Step 20

Click now on frame 20 and press F6 key. After that, go back on frame 20 of layer image 2 and press Ctrl+C key (Copy). Then, select frame 20 of layer image 2 again and press Ctrl+Shift+V key (Paste in Place).

Step 21

Now, set the copied image in the upper left angle of the main picture as shown below!



Step 22

Click now on frame 40 and press F6 key. After that, repeat step 5!

Step 23

While you're still on frame 40, select the Selection Tool (V) and click once on the image to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select None in it!



Step 24

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



Step 25

Create now a new layer above the layer image 2 again and name it mask. Afte that, select mask layer, click on frame 20 and press F6 key.

Step 26

While you're still on frame 20, Select the Rectangle Tool (R). In the Colors portion of the Tool panel, block the Stroke color by clicking on the little pencil icon and then on the small square with the red diagonal line. For Fill color choose any color and draw a rectangle shape dimensions 180x120px.

Step 27

While the rectangle shape is still selected, repeat step 5. Now, you have this:



Step 28

Select now mask layer and convert it to a mask by right-clicking on the mask layer and selecting Mask. See the picture below.

Step 29

Select now the Selection Tool (V) and  using the drag and drop technique, move layer image 2 above the layer image 2 again. See the picture below!



Step 30

Click now on frame 55 of layer image 2 and press F6 key.

Step 31

While you're still on frame 55, select the Free Transform Tool (Q) and enlarge the image on the dimensions of 300x200, such as the dimensions of the background!

Step 32

After that, aligned it with the background as we have created in step 5!

Step 33

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

Step 34

Click now on framme 70 and 90 and press F6 key.

Step 35

While you're still on frame 90, repeat step 9!

Step 36

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



Step 37

It's time for sound, so create a new layer above the layer mask and name it sound. After that, download my source file (.fla) at the end of tutorial and open it into a flash. After that, open my flash library (Ctrl+L), find my sound file, select it and press Ctrl+C key (Copy). After that, go back on the flash stage of lesson, select sound layer and press Ctrl+V key (Paste).



Step 38

Click now on frame 70 of layer image 1 and press F5 key.

That's it!

Test your Movie and enjoy!

Download source file (.fla)

Previous:  Advanced image gallery with sound
  Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!
Share
ShareSidebar