# Faiding images into one another!?

**URL:** <https://forum.kirupa.com/t/faiding-images-into-one-another/18242>\
**Category:** Uncategorized\
**Created:** [April 14, 2003, 9:27pm UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242 "2003-04-14T21:27:44Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![DaSlayaBoi](https://avatars.discourse-cdn.com/v4/letter/d/cdc98d/32.png) [@DaSlayaBoi](https://forum.kirupa.com/u/DaSlayaBoi)\
**Post date:** [April 14, 2003, 9:27pm UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/1 "2003-04-14T21:27:44Z")

</div>

can you help me? i have flash MX and i have 4 images that i need to faid into one another. How? i really need help… any feed back is greatly apreciated! is there any more info you would need to knoe to help me?.. just ask.

---

<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:** [April 14, 2003, 9:55pm UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/2 "2003-04-14T21:55:58Z")

</div>

i want to know how to do this too.

Only way i know is to individually fade one out and fade in another.

Dont know how to merge the two…

---

<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:** [April 14, 2003, 10:01pm UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/3 "2003-04-14T22:01:24Z")

</div>

Easiest way is to place the 4 images in separate layers and convert them to movie clips. Once converted you can adjust the alpha property of the movie clips over time (tweening) and have them fade to reveal the image underneath. You can also do this with actionscripting, but I’m not sure if you’d need to do that in this case.  
Tweening works well if it is just a linear animation (I.e. one fades in, other fades out in a preset sequence). Actionscripting the fading would be best if you needed them to dynamically fade in response to an action from the user.

---

<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:** [April 14, 2003, 10:02pm UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/4 "2003-04-14T22:02:46Z")

</div>

cool! i will try it :beam:

---

<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:** [April 14, 2003, 10:06pm UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/5 "2003-04-14T22:06:22Z")

</div>

same!

---

<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:** [April 14, 2003, 10:14pm UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/6 "2003-04-14T22:14:25Z")

</div>

already haveing trouble! help. i open flashMX and go to ‘File’ \> ‘New’ so now i have my initial layer down. i then go to ‘File’ \> ‘Import’ and then select one of the pictures i wish to start of with in my faiding sequence. then in the ‘Timeline’ i go to ‘Insert Layer’ now on ‘layer 2’ (my first image still visible from ‘Layer 1’ but de-selected) i go to ‘File’ \> ‘Import’ and select the second image i wish to use, as my second image in the sequence. with that on ‘layer 2’ i click back on ‘layer 1’ and the image is the same as on ‘layer 2’☹ help…

---

<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:** [April 15, 2003, 1:09am UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/7 "2003-04-15T01:09:37Z")

</div>

why don’t you just alpha tween them to appear and dissapear at the same time?

---

<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:** [April 15, 2003, 6:41am UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/8 "2003-04-15T06:41:28Z")

</div>

the problem is that you are looking at the top layer, while working in the bottom one. Try clicking on the eyes, next to the layer 2 name, and see if you can turn the layer visibility on and off…

As far as fading images in and out of eachother, you have to be working with layers…

Have the second picture on the bottom layer. create a new layer above it, and insert your first picture. without deselecting, add keyframes by pressing F5. Add keyframes in the bottom layer, if you havn’t already done so. then, fade out your top layer using a motion tween, and 0% alpha settings and Viola!

:cool:

---

<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:** [April 15, 2003, 9:01am UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/9 "2003-04-15T09:01:30Z")

</div>

cheers! i’ll give it a try now. no doubt i’ll be back.

---

<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:** [April 15, 2003, 9:22am UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/10 "2003-04-15T09:22:37Z")

</div>

ok i win an award for the thickest person to ever own FlashMX. no matter how simple you make it sound i just cant get it.:q: i’ll post the images up that i created and need to metamorphizise into one another. so you can see what im trying out.

---

<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:** [April 15, 2003, 9:24am UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/11 "2003-04-15T09:24:22Z")

</div>

ok so the first attach is what the Av will look like first off…

this one is what i want the first image to change into…

---

<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:** [April 15, 2003, 9:26am UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/12 "2003-04-15T09:26:00Z")

</div>

i then want the second image to change into this image (attatch)…

---

<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:** [April 15, 2003, 9:27am UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/13 "2003-04-15T09:27:28Z")

</div>

and lastly i want this to be the final image that is presented…

its not much, but its something that i need to do.

---

<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:** [April 15, 2003, 3:35pm UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/14 "2003-04-15T15:35:00Z")

</div>

Here is a .fla file that demonstrates how you would acomplish something like this:  
\<table width=“152” border=“1” cellspacing=“0” cellpadding=“0”\>  
\<tr\>  
\<td\>\<object classid=“clsid:D27CDB6E-AE6D-11cf-96B8-444553540000” codebase=“[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0)” width=“167” height=“52”\>  
\<param name=“movie” value=“[http://www.igovw.com/tekkenuker.swf](http://www.igovw.com/tekkenuker.swf)”\>  
\<param name=“quality” value=“high”\>  
\<embed src=“[http://www.igovw.com/tekkenuker.swf](http://www.igovw.com/tekkenuker.swf)” quality=“high” pluginspage=“[http://www.macromedia.com/go/getflashplayer](http://www.macromedia.com/go/getflashplayer)” type=“application/x-shockwave-flash” width=“167” height=“52”\>\</embed\>\</object\>  
\</td\>  
\</tr\>  
\</table\>

---

<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:** [April 15, 2003, 3:51pm UTC](https://forum.kirupa.com/t/faiding-images-into-one-another/18242/15 "2003-04-15T15:51:46Z")

</div>

OMG Majeye!..:love: spot on. i only wish i had your skills… i’m gunu go and cry now.
