# HOw do you do this sweet transition?

**URL:** <https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232>\
**Category:** flash\
**Created:** [February 6, 2004, 6:54pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232 "2004-02-06T18:54:15Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![visualmonk](https://avatars.discourse-cdn.com/v4/letter/v/e495f1/32.png) [@visualmonk](https://forum.kirupa.com/u/visualmonk)\
**Post date:** [February 6, 2004, 6:54pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/1 "2004-02-06T18:54:15Z")

</div>

Hello Everyone,

I’m new here but always have questions regarding Flash MX.

Does anyone know how the transitions on this site were created.  
[http://www.gavindegraw.com/](http://www.gavindegraw.com/). The designer who created it is very inspiring, has used this effect before. Anyone have a clue on how that transition between sections is done?

Any help is greatly appreciated.

Thanks  
C

---

<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:** [February 6, 2004, 7:00pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/2 "2004-02-06T19:00:59Z")

</div>

[http://www.gavindegraw.com/](http://www.gavindegraw.com/)

That is the working link

---

<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:** [February 6, 2004, 7:01pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/3 "2004-02-06T19:01:34Z")

</div>

Whoops sorry,

The link is [http://www.gavindegraw.com/](http://www.gavindegraw.com/)

Theres a period at the end of the previous link

C

---

<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:** [February 6, 2004, 7:03pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/4 "2004-02-06T19:03:00Z")

</div>

Thanks Drycow

---

<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:** [February 6, 2004, 7:47pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/5 "2004-02-06T19:47:57Z")

</div>

[http://www.kirupaforum.com/forums/showthread.php?s=&threadid=39101](http://www.kirupaforum.com/forums/showthread.php?s=&threadid=39101) 🙂

---

<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:** [February 6, 2004, 8:27pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/6 "2004-02-06T20:27:05Z")

</div>

Hi Voetsjoeba,

Thanks for the link, this has helped, my original question about the transitions was the fade in and out effect used when going through the sections of the site, not necesarily the transition animations.

Sorry bout that I guess i shouldve been more specific. Does anyone know what im talking about? Its the fading blurry type effect. How is that done in flash?

Thanks  
C.

---

<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:** [February 6, 2004, 9:04pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/7 "2004-02-06T21:04:44Z")

</div>

at a guess you could fade the movie clip to white and then fade from white to the next movie.

some nifty fading by the lloks of things?

---

<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:** [February 6, 2004, 9:31pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/8 "2004-02-06T21:31:32Z")

</div>

Yes i agree thats some nifty fading, what i’ve noticed is that it blurs then fades to white, is that done using movie clips or actionscript?

Ive tried using fading to white but it does just that…fade to white, this transition is much more elegant and its so smooth. Im thinking its imported images that fade into each other, just wondering if thats the correct way.

Thanks for the tip  
C

---

<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:** [February 6, 2004, 9:53pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/9 "2004-02-06T21:53:09Z")

</div>

i wonder if perhaps they used 2 images, one very clear photo, and then photoshopped another identical image that has the levels blown out a little, and THEN used a fade transition in flash but swapping the jpgs at the appropriate time…that might create a more elegant effect

---

<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:** [February 6, 2004, 9:59pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/10 "2004-02-06T21:59:38Z")

</div>

daniel is on the right track, however the second photo needs to be blurred, also during that photos fade out set it at the start using the color: advanced properties… under settings …set the right hand column there to

227  
227  
227  
255

then on the end frame as it is fading out…set it to fade to alpha zero…

---

<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:** [February 6, 2004, 10:02pm UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/11 "2004-02-06T22:02:57Z")

</div>

thats exactly what i was thinking, although i was wondering if it was done using actionscript. But it seems as though that would be the way to do it

Thanks tons  
C

---

<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:** [February 7, 2004, 12:17am UTC](https://forum.kirupa.com/t/how-do-you-do-this-sweet-transition/42232/12 "2004-02-07T00:17:41Z")

</div>

what does the advanced color options do?
