# Picture fade in/fade out effect... how?

**URL:** <https://forum.kirupa.com/t/picture-fade-in-fade-out-effect-how/65716>\
**Category:** flash\
**Created:** [September 29, 2004, 12:17am UTC](https://forum.kirupa.com/t/picture-fade-in-fade-out-effect-how/65716 "2004-09-29T00:17:34Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sirenetta1](https://avatars.discourse-cdn.com/v4/letter/s/45deac/32.png) [@Sirenetta1](https://forum.kirupa.com/u/Sirenetta1)\
**Post date:** [September 29, 2004, 12:17am UTC](https://forum.kirupa.com/t/picture-fade-in-fade-out-effect-how/65716/1 "2004-09-29T00:17:34Z")

</div>

Hello,

I know how to fade in and out a picture using alpha, but I found a website that does it in a different way: [www.gavindegraw.com](http://www.gavindegraw.com). If you look at the picture in the box on the right, it has an interesting transition when you view different pages. Could anyone give me an idea about how this is done? Thanks!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 29, 2004, 12:48am UTC](https://forum.kirupa.com/t/picture-fade-in-fade-out-effect-how/65716/2 "2004-09-29T00:48:56Z")

</div>

Hey,

```
 To my novice eye, it looks like that pic is in 2 layers, like a background and the regular image..... try fading the background image a certain degree, and then the regular image a little slower and have it fade second. Give it a try, its just a guess.

```

> [@Sirenetta1](#):
>
> Hello,
> 
> I know how to fade in and out a picture using alpha, but I found a website that does it in a different way: [www.gavindegraw.com](http://www.gavindegraw.com). If you look at the picture in the box on the right, it has an interesting transition when you view different pages. Could anyone give me an idea about how this is done? Thanks!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 29, 2004, 1:29am UTC](https://forum.kirupa.com/t/picture-fade-in-fade-out-effect-how/65716/3 "2004-09-29T01:29:26Z")

</div>

I think that’s an After Effects transition.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 29, 2004, 1:42am UTC](https://forum.kirupa.com/t/picture-fade-in-fade-out-effect-how/65716/4 "2004-09-29T01:42:51Z")

</div>

That’s interesting… I didn’t think of that, but then again, perhaps the same effect can’t be accomplished with Flash? I’ve tried a few things in Flash tonight, but nothing was even close to this. It seems like it has some sort of image over it, maybe a distorted circle or sorts, that seems to fade in with the image?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 29, 2004, 1:08pm UTC](https://forum.kirupa.com/t/picture-fade-in-fade-out-effect-how/65716/5 "2004-09-29T13:08:55Z")

</div>

This might be a three-way transition… pic1 to white to pic2 using alpha fading. Or… it could be AE.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 29, 2004, 1:09pm UTC](https://forum.kirupa.com/t/picture-fade-in-fade-out-effect-how/65716/6 "2004-09-29T13:09:59Z")

</div>

AE… or staggered Photoshop images.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 29, 2004, 2:33pm UTC](https://forum.kirupa.com/t/picture-fade-in-fade-out-effect-how/65716/7 "2004-09-29T14:33:23Z")

</div>

My company used a similar effect in a one off ad we did and we made it in photoshop using several images changing them one at a time and uping the frame rate to 50 which makes the movie a little smother.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 29, 2004, 5:13pm UTC](https://forum.kirupa.com/t/picture-fade-in-fade-out-effect-how/65716/8 "2004-09-29T17:13:26Z")

</div>

^ Yeah, that would work. Each image would be a little bit brighter than the previous one. Then you would just place each one in a frame… however I think there might be an easier way. :h:
