In this tutorial you will learn how to create a transition where parts of the image are flying in different directions in a 3D space and then are being put together again to create a different image. Besides other parameters you can control the size of the ’tiles’ and the duration of the transition.
Here the final result:
Flash CS3 or Flash CS4.
Two images (in this case 550×400, image available in the tutorial zip file)
Note: The screenshots in this tutorial are made in Flash CS3. It works exactly the same in Flash CS4. This tutorial is an ActionScript 3 Project (This component is exclusively available for AS3, so there will be no AS2 version in the future).
Step 1 – Install the effect component
Step 2 – Import Slideshow images
Import two images [press Ctrl-R] or “File” -> “Import” -> “Import to Stage…”.
Select the frist image and convert it into a Movieclip [press F8] or right click on the MovieClip -> “Convert to Symbol…”. Give the Movieclip the name “image1”.
Select the second image and convert it into a Movieclip [press F8] or right click on the MovieClip -> “Convert to Symbol…”. Give the Movieclip the name “image2”.
Step 3 – Set instance name of image Movieclip
Give the Movieclip of the first image the instance name “my_image_01” (You can choose a different name if you want. Make sure that the instance name is unique). Without an instance name the component is unable to detect the Movieclip. Set the instance name for the second image Movieclip to “my_image_02″.
Step 4 – Apply effect
Drag the component from the library onto the upper Movieclip. The effect component will snap automatically.
Step 5 – Adjust settings of the effect
Click on the component and open the component inspector panel [press SHIFT-F7] or “Window” -> “Component Inspector”. In the “Start Movieclip” select list, “my_image_01” should be selected.
All Movieclips with instance names in this frame are listed in the “Target Movieclip” select list. Since you draged the effect on the Movieclip “my_image_01″, this is the frist Movieclip. As “End Movieclip” select “my_image_01″. Leave the other setting blank for now. Export the flash movie [press Ctrl-ENTER] or “Command” -> “Test Movie” and you’ll see that the image transition.
Step 6 – Play!
Here you can find a video tutorial of how to implement a different effect.