Header Ads Widget

Image Transition with Adobe Flash CS4

Animation Flash CS4

This explanation includes a brief description that will help you import images into the Library.
In this tutorial learn how to make a transition animation images with color gradient effect. This particular work consists of six images, these images have the dimensions 473 * 267 pixels wide and high. The images you can crop with Adobe Photoshopor any photo editing program to master.
This explanation includes a brief description that will help you import images into the Library. With the tutorial will also learn how to make a motion animation, learn to use the panel in an advanced color effects, you will also learn how to transform a layer mask, this transformation will get an effect where there was only a part of an image.
To make this work do not have to use a single line of ActionScript code. The tutorial is made in Adobe Flash CS4, good luck.
Step 1
Create a new document Ctrl+ N.
Select the option type Flash File (ActionScript 2.0).

transition-image-01.gif

Step 2
Place the document properties Ctrl+ J.
The dimensions are 520 width * 360 height pixels.
Use as background color # FFFFFF.
Frame rate 24 fps.

transition-image-02.gif

Step 3
In this step, proceed to import the images that were previously selected.
Select File >> Import >> Import to Library ...

transition-image-03.gif

Step 4
Dare navigate the folders to find where the images are located.
Select the images and this step will be moved grabbing images of the document Library.

transition-image-04.gif

Step 5
Here is how the images were transferred to the Library.

transition-image-05.gif

Step 6
Create symbol Ctrl+ F8. Name this symbol picture 1.
Select the option Type Graphic.

transition-image-06.gif

Step 7
Make 5 symbols most, following the previous step.
Once created the symbols, in the Library Ctrl+ L, have six  graphic symbols, each symbol will be named picture 1picture 2picture 3picture 4picture 5 and picture 6.

transition-image-07.gif

Step 8
Double clicking the symbol picture 1, once you're located in the drag from the Library symbol image 1 (imag-1).

transition-image-08.gif

Step 9
Open the PROPERTIES panel, set the image coordinate X0.0 Y0.0.
As mentioned earlier the image has the following dimensions 473.0 * 267.0 pixels.

transition-image-09.gif

Step 10
Repeat step 8, double-click the icon picture 2, once you're located in the drag from the Library symbol image 2 (image-2).
Do the same procedure with each of the symbols in each symbol to insert the image has been applied.
Symbol picture 1 >> imag-1, Symbol picture 2 >> imag-2, Symbol picture 3 >> imag-3, Symbol picture 4 >> imag-4, Symbol picture 5 >> imag-5 and Symbol picture 6>> imag-6.