# Image Movement

**URL:** <https://forum.kirupa.com/t/image-movement/218>\
**Category:** flash\
**Created:** [July 10, 2002, 11:59am UTC](https://forum.kirupa.com/t/image-movement/218 "2002-07-10T11:59:27Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![xerox999](https://avatars.discourse-cdn.com/v4/letter/x/8baadc/32.png) [@xerox999](https://forum.kirupa.com/u/xerox999)\
**Post date:** [July 10, 2002, 11:59am UTC](https://forum.kirupa.com/t/image-movement/218/1 "2002-07-10T11:59:27Z")

</div>

Hi all,

I am fiarly new to flash and am trying to achieve a very common effect I have seen on quite a few sites, an example is at

[http://www.oversee.net/oversee.htm](http://www.oversee.net/oversee.htm)

The movement of the blurred image in the background on button press or on page load.

I am not sure about :

How to get the “crumpled effect” or how to go it.

I suppose the idea would be to have an image moving over the same image but not sure

Any ideas?

Many thanks for all 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:** [July 10, 2002, 12:31pm UTC](https://forum.kirupa.com/t/image-movement/218/2 "2002-07-10T12:31:45Z")

</div>

the blurred is simply gaussian blur, probably done in photoshop or similar program and a motion tween or actionscript movement kicked off by the on(release){} .

The “crumpled” is interesting, and I have no idea how they did it. Maybe someone else will… hmm… I’ll have to play with it. It seems like a slightly magnified view through a mask… but I’m not sure at all…

---

<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:** [July 10, 2002, 2:44pm UTC](https://forum.kirupa.com/t/image-movement/218/3 "2002-07-10T14:44:03Z")

</div>

thanks for you 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:** [July 10, 2002, 5:48pm UTC](https://forum.kirupa.com/t/image-movement/218/4 "2002-07-10T17:48:29Z")

</div>

The effect can be accomplished using masks and tweens. You’d have to put two copies of the same image into its own layer. Nudge the upper image over to the left or right, just slightly so it’s not stacked precisely over the image below. Mask out portions of the image. Add a motion tween to the mask to create the motion. You can add additional masked copies to enhance the crumple.

---

<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:** [July 10, 2002, 7:00pm UTC](https://forum.kirupa.com/t/image-movement/218/5 "2002-07-10T19:00:59Z")

</div>

Thank you, Ren. I’m glad I wasn’t that far off…

Ren… you know all I’ve said is joking. Right?