Tutorial Photoshop Home Tutorial Photoshop Tutorials Photoshop Tutorials Blog Photoshop Tutorials Articles Tutorial Photoshop Resources Tutorial Photoshop Contact menu
 
RSS 2.0
Photoshop & Flash Tutorials, Articles and Resources Only Photoshop
Only Photoshop
Only Photoshop

Image Transition with Adobe Flash CS4 Part 2

Animation Flash CS4

Tutorial by The Mixer from adobeflashtutorial

In this tutorial learn how to create new symbols. You will also learn how to handle the advanced color panel. In the same way I will teach you how to make an animation that simulates the transition of images.

Step 11

Open the PROPERTIES panel, set the image coordinate X: 0.0 Y: 0.0.
Each of the images contained in a symbol must be placed at coordinates X: 0.0 Y: 0.0.

transition-image-11.gif

Step 12

Therefore in the Library need to have six graphic symbols for each type of images.

transition-image-12.gif

Step 13

Create symbol Ctrl. + F8. Name this symbol animation.
Select the option Type Move Clip.

transition-image-13.gif

Step 14

Located in the symbol animation, drag from the Library the symbol picture 1.
Put this symbol on coordinates X: 0.0 Y: 0.0.

Step 15

Insert keyframe (press F6) in the standings # 5, # 35 and # 40.

Step 16

Select the image of frame # 1, open the PROPERTIES panel, as mentioned earlier the image is placed in the X: 0.0 Y: 0.0.
Open the panel COLOR EFFECT, select Style: Advanced. Maximizing choices of 255 xR +, xG + and xB +.

Step 17

In this step, select the frame of the # 40, open the PROPERTIES panel.
Open COLOR EFFECT panel, select Style: Advanced. Maximizing choices of 255 xR +, xG + and xB +.
By doing this action the color image is transformed into transparent.

Step 18

Select a frame 1 to 5, Insert >> Classic Tween this is to create an animation.

Step 19

In this step, select Frame 35 to 39, Insert >> Classic Tween.
At this point also create an animation of color transformation.

Step 20

Create a new layer and drag from the Library this symbol picture 2, placing this image coordinates X: 0.0 Y: 0.0. As was done in step 14.
Follow step 15 to insert keyframes in the # 39, # 44, # 74 and # 78.
After modifying the frames of the # 39 and # 78 as was done in steps 16 and 17.
Then follow steps 18 and 19 to insert the animation frames # 39 and # 74.

 

Go to part 1

Go to part 3

Register here to comment and rank Tutorials and Articles

 
spacer
Creativa Int Network: Arte Creativo - Club de Poesía - Creativa Int - Dominio Uruguay - Ecos Regionales
Entrepreneur Help - Foro Creativo - Futbol Paraguay - Hosting Creativa Int - Más Tutoriales - Adobe Flash Tutorials
Recetas de Cocina - Ruta Interior - Sólo Photoshop - Taller Webmaster - Travel México