Creating a Fade-in Fade-out Effect in ImageReady

This tutorial will teach you a pretty simple fade-in fade-out effect similar to the one illustrated in the image below. We will create this effect by duplicating an element in multiple frames while gradually lowering the opacity of it at each step to simulate the fading effect. Make sure that you have a graphic ready before attempting this tutorial.

Related Tutorials

Creating an animated picture slideshow using Imageready and export to Flash SWF
This is a video tutorial that shows you how to create a flash-based animated image slideshow using Adobe Photoshop/Imageready.

Imageready Interfacing
Photoshop is an amazingly powerful tool, but it can only take you so far.When all your work is finished, its often the job of Photoshop's sister application, Imageready, to transform your creation into a living, breathing, web-interface.

ImageReady Simple Banner Animation
Create a simple banner animation with Abobe ImageReady.

Neon Blinking Text Effect
Create a neon blinking text Photoshop CS 2 and ImageReady.

Create a Basic Rollover in ImageReady
In this tutorial I will teach you how to make the following button.

Simple Tween
Learn the basics of using the tween function in Imageready. This will be the basis for all your movement oriented animation.

Rollover Buttons
Learn how to use Imageready to make rollover buttons, complete with html coding.

Animation Basics in ImageReady
Learn animation Basics in image ready.

Slicing up and optimizing images using Image ready
A step by step tutorial guide on slicing, linking and optimizing images for the web photoshop 6 and Imageready.

Transition effect
Create a morphing animated transition effect.

Snow Storm
Create this fun snow storm effect animation with a simple blend of filters.

Create and Send an Animated Valentine's Day E-card in Photoshop
We're going to send our loved one (or loved ones, for that matter). Here's a pretty easy method of creating an animated E-card that'll have her (or him) eating out of your hand (or whatever else it is you want them to do).

Creating A Site Template in CSS Using Photoshop Image Ready
Use an external style sheet to control your background attributes including background-image,background-color,background-position, background-reepeat and more. This is the first in a series of expternal css tutorials.

Image Map Interface
A step by step tutorial guide to Creating An Image Map Interface using photoshop 6 or7.

Creating a Fade-in Fade-out Effect in ImageReady

View Tutorial