Image transition effect

Learn how to create an image transition effect.

Related Tutorials

Fade transition effect
This Flash tutorial will teach you how to create a fade transition effect using the alpha property. This will give the effect of images fading into each other.

Blurring a Picture
The aim of the tutorial is to learn how to make a Movie Clip blur in various ways: You will learn how to create a transition effect between an image in focus and a blurred image either by using an animated Tween effect or by using ActionScript.

Circular transition effect
This Flash tutorial will teach you how to create a circular mask transition effect. This will gives the effect of images merging into each other.

Do you need transition type and slide show
Add as many images as you need for your sideshow, create a transition effect and publish it. Great way for Flash sideshow tutorial.

Combining the Transition and Tween Classes
You can generate some interesting effects when you combine the Transition and Tween classes. You can use the Transition class to move a movie clip along the X-axis while you adjust the same clip's _alpha property using the Tween class. Each class can use a different easing method, which means there are many animation possibilities for objects in your SWF files.

Using the Tween and Transition Classes in Flash MX 2004
This article shows you how easy it is to use the Tween and Transition classes, even if you aren't comfortable using ActionScript. You will use these classes with movie clips and V2 components to add animation easily to your SWF files.

Flash Transitions
This tutorial explains a quick and easy way to transition through different aspects of your site. Transition refers to transitioning content out before transitioning content in. The tutorial covers how to dynamically attach your navigation or how to hard code it.

Blur transition effect
A blurry picture becomes clear on mouseover and vice-versa, through actionswcript and a little help from Photoshop.

Blur image effect
Learn how to create a blurred image effect. This effect is very simple and produces interesting results.

Bitmap to image effect
This Flash tutorial will teach you how to create a bitmap to image effect. The result gives the effect of a bitmap slowly turning into an image.

Zoom Motion Blur Transition
The zoom Motion Blur Transition seen on popular award winning sites lately.

Banner selector
This is part 2 of the banner selector in Actionscript 3 tutorial where the images will transition to the next image.

Convert an Image to Black and White
In the this tutorial you will learn how to convert an image to black and white. We are going to create an image effect that when the user hovers the image, the image turns into black and white and when the mouse is out of the image, it is back to normal.

Black & white gallery
This Flash tutorial will teach you how to create a black and white gallery effect. The results of this effect will show a black and white image changing into a colour image when the mouse is over the image.

Image rollover effect in AS3
This Flash tutorial will teach you how to creat an image rollover effect in Actionscript 3.0.

Ripple Effect
In this tutorial I will be explaining about how to make a ripple effect with an image in the background (as seen below).This is an effect of ripples of water moving apart from a central location. This is quite an easy effect to make, but the outcome is still quite effective.

Blur image effect in Actionscript 3
In this tutorial you will learn how to create a blur image effect in Actionscript 3.0.

Road to sun
This tutorial will teach you how to create a very simple and practical shape effect. This effect you can appyl on any image, on some flash banner...

Flash: Alpha Mask Effect
Learn the easy way to impress your friends and family with this dreamy image effect for slide shows and more!

Simple Valentines Day image effect
I will show you how to create simple valentines day photo effect using the mask. You can use this effect for some web banner or for some simple presentation. You don't have to use action script code to make this lesson.

Image RollOver using ActionScript 3
Create an image rollover using ActionScript 3. This effect is popular in galleries to demonstrate before/after views.

Image Effect Using fillRect
How to create a distortion fill effect using the fillRect() BitmapData's method.

Image effect using fillRect
How to create a distortion fill effect using the fillRect() BitmapData's method.

Using the TransitionManager Class in AS3
This tutorial will teach you everything you need to know about using the TransitionManager in ActionScript 3.0 to create several ready made transition effects.

Dragable Mask Effect
Since a mask cannot be dragged, you need to created the illusion to achieve the desired effect. It requires two movie clip, one of which is your masked image, a button (for dragging), and some fairly simple scripting.

Getting In Focus
This Flash tutorial shows you how to Get In Focus. The author shows you how to use a blurred image in your webpage, but this image gets sharper and sharper as the mouse passes over it. Really ingenious effect.

Create Masking Object
This tutorial shows how to combine two masks with a little bit additional 'touch' which could give different effect in its movie. The effect looks like a 'wave-movement' and a shadow vertical movement of bar across the image. This is quite easy to make, but we believe the outcome is impressing enough.

Fading Banner Slideshow
This Adobe Flash CS4 tutorial will teach you how to create a fade in and fade out banner slideshow for your websites. You will need to create seven images that will make up the slideshow images and import them into the Flash CS4 Library then add to the Flash animation document stage. You will then convert the images to symbols and create Motion Tweens for your individual image layers and adjust the Color Effect Alfa type at various point in the Timeline to create an image fade in and out effect.

Zoom in Zoom Out Flash Animation with Fading Effect
This tutorial will teach you how to create a simple zoom in & zoom out animation with fade-in and fade-out effect in Flash. You can use this zooming effect on any image or text.

Blur Effect
This is a simple tutorial which will teach you how to create a blurred image animation in Flash, though originally intended for the pre-Flash Filters era, this technique is still valid and is the only method for creating a blur animation for making FlashLite movies and movies to be played on older versions of the Flash player such as the the one running on the Sony PSP. Our technique here does not require any ActionScript knowledge, but will require using an external image editor for creating a blurred version of the image that we are intending to use.

Tweening Objects (Flash Designer)
Tweening (comes from "in between") is a way to create a transition between 2 different states of an item.

Tracing Bitmaps
Using images in Flash is quite difficult. It's not possible to edit specific parts of the image, unless you convert it to a vector image. Doing this will also allow you to zoom in without the image pixelating.

Creating a Cut-Out Effect for Bitmaps
I've been trying to figure out how people do this effect in their Flash movies for a long time. When I finally got it, I bounced my head off of the floor for a few days. It's so simple that it only requires two pieces: 1. An image (preferably a bitmap because Flash compresses it better than jpegs or gif images. 2. A vector to trace the shape you want removed.

Create a Gallery
This tutorial will show you how to create a Flash gallery,with a scrolling transition.

Reveal an image with an increasing dynamic mask (AS3)
This tutorial will show you how to create a dynamic mask effect that by increasing will reveal an image.

Create a Flash Mini Site Part II with Animated Page Transition
The code behind sites with animated transitions between pages. Extensively documented code with source files for download, and LIVE demo. Yes, all for free.

Flash picture gallery with twinkling transition
In this tutorial it will be explained how to create a flash picture gallery that can be browsed using next and previous buttons.

Drop Shadow Filter with ActionScript
The Drop Shadow Filter lets you add a Shadow effect to a variety of objects in Flash including Movie Clips, Buttons & Text. A shadow creates the effect of the image lifting off the page and gives the feeling of a spatial 3D dimension.

Actionscript 3.0 Basics: Working with a class
A great tutorial for someone who decides to make a transition from AS 2.0 to AS 3.0 or just starting from scratch.The first thing we notice while using AS3 is that it would be much more preferable and cleaner to put code in separate class files rather than the timeline. So here Im providing a simple introduction to class files

Making the ultimate dynamic image gallery
I will teach you how to make a powerful image gallery. Before proceeding, please note that this lesson is made for intermediate and advanced Flash users the ActionScript code behind this image gallery is nearly 250 lines long.

Image transition effect

View Tutorial