| You are here : : Home > Free Resources > Flash Tutorials & Resources > Fade In/Out Effect |
Basics
Animation & Effects
- 3D Animation in Flash CS5
- Animated Car Banner
- Bouncing Effect
- Blur Effect
- Burning Image Effect
- Checkboard Effect
- Circular Ripple Effect
- Fade In Effect
- Lighting Effects
- Outline Animation Effect
- Page Roll Effect
- Peeling Sticker Effect
- Photo Slideshow
- Rotating 3D Planet
- Sparkling Effect
- Simple Animation in Flash CS5
- Straight Ripple Effect
- Rippling Water Animation
- Striped Transition Effect
- Static Image Animation
- Zoom In Effect
Actionscript
- Analog Clock
- Custom Cursor
- Digital Clock
- Drag & Drop
- External Links
- Flash & XML Photo Gallery
- Loading External Images
- Particles in Flash
- Preloader Using Actionscript
- Random Movement
- Scrolling Content
- Simple Preloader
- Sound On/Off Button
- Timeline Preloader
- Creating a web template using Photoshop
- Importing a Photoshop file in Flash CS5
- Adding sounds and animation to buttons
- Adding Animation and Button interactivity
- Adding a Preloader
- Publishing the Flash content
Miscellaneous
- Bitmap to Vector
- Change Image Color
- Drop Shadow
- Glow Effect
- Gradients
- Gradients to Text
- Transparent Background
- Video in Flash
Flash Articles
Free Flash Resources
- Video Tutorials
- Flash Templates
- Dynamic Photo Galleries
- FLV Video Player
- Dynamic Text Scroller
- Flash Games for Kids
Other Flash Resources
Flash Fade In and Fade Out Effect
|
Learn how to fade an image in Flash MX. You can use this fading effect on images and text and it is a very common Flash effect.
Please note:
1. You need to have Flash
Player 7.0 installed to view the Flash animation.
2. Flash MX must be installed in your system.
STEPS TO FOLLOW
- Open a new file. Go to File >New. A Screen called New Document will appear. Select Flash Document and click on OK. Go to Modify>Document and give a file size of 300px by 200px. This is the same size as the Bitmap pictures we have.
-
Select the Bitmap pictures that you want to Fade in and Fade out from your picture file and bring it to the Flash Library. Select File>Import to Library from the Menu Bar. A Screen named Import To Library will open. Choose the file name and click on Open. Repeat these steps for all the Bitmap pictures. To open Library, go to Window>Library. You can see the pictures in the Library panel.
-
Drag the picture from the Library panel to the Stage. Select the picture by clicking on it.
Go to Modify>Convert To Symbol from the Menu Bar. A dialog Box named Create New Symbol will appear. Give the name as pic1_mc. Select Movie Clip. Click on OK. - Click on your Movie Clip. Go to Frame 15. Insert a Keyframe. Right click on layer 1 in the middle of the frames 1 to frames 15. The frames will become black. Select Create Motion Tween. An arrow from frame 1 to frame 15 will appear. Again click on Frame 30. Insert a Keyframe. A second arrow will appear automatically.
- Click on Frame 1. Here we will give the fade in effect. Select the picture by clicking on it. Go to Properties in the panel below the Stage. Go to Color>Alpha give 0% to it.
Your picture has faded in. Click on Frame 30. Here we will give the fade in effect. Select the picture by clicking on it. Go to Properties in the panel below the Stage. Go to Color>Alpha give 0% to it. - Repeat the steps 3 to 5 in layer 2 from the frame 31 to 45 to 60. To make a new layer, click on the following button
which is on the right side below the layers. Repeat the above steps for all the images in new layers and you will create a simple fade in and fade out Flash animation.
Press on Ctrl+Enter to see the Fade in & Fade out Effect of the 4 pictures.
Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!
No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.
