# Anyone know how this was done?

**URL:** <https://forum.kirupa.com/t/anyone-know-how-this-was-done/185844>\
**Category:** flash\
**Created:** [April 17, 2006, 1:59am UTC](https://forum.kirupa.com/t/anyone-know-how-this-was-done/185844 "2006-04-17T01:59:24Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![bobby\_hamilton](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@bobby\_hamilton](https://forum.kirupa.com/u/bobby_hamilton)\
**Post date:** [April 17, 2006, 1:59am UTC](https://forum.kirupa.com/t/anyone-know-how-this-was-done/185844/1 "2006-04-17T01:59:24Z")

</div>

Hey all,

I was looking through this site: [http://www.letinmotion.com](http://www.letinmotion.com) and I like the way the portfolio images “bubble” out when you hover over them. Does anyone know a way I could replicate this effect with AS? Im using flash 8 as well. Thanx!

---

<div class="post-metadata">

**Author:** ![McGuffin](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/mcguffin/32/408_2.png) [@McGuffin](https://forum.kirupa.com/u/McGuffin)\
**Post date:** [April 17, 2006, 2:09am UTC](https://forum.kirupa.com/t/anyone-know-how-this-was-done/185844/2 "2006-04-17T02:09:26Z")

</div>

Could be done easily in AfterEffects, don’t know how you’d go about something like that in Actionscript.

---

<div class="post-metadata">

**Author:** ![thats\_all\_folks](https://avatars.discourse-cdn.com/v4/letter/t/e0b2c6/32.png) [@thats\_all\_folks](https://forum.kirupa.com/u/thats_all_folks)\
**Post date:** [April 17, 2006, 2:10am UTC](https://forum.kirupa.com/t/anyone-know-how-this-was-done/185844/3 "2006-04-17T02:10:31Z")

</div>

I would say photoshop or possibly after effects

---

<div class="post-metadata">

**Author:** ![bobby\_hamilton](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@bobby\_hamilton](https://forum.kirupa.com/u/bobby_hamilton)\
**Post date:** [April 17, 2006, 2:28am UTC](https://forum.kirupa.com/t/anyone-know-how-this-was-done/185844/4 "2006-04-17T02:28:05Z")

</div>

how would you use AE? Thanx for the replies!

---

<div class="post-metadata">

**Author:** ![rmo518](https://avatars.discourse-cdn.com/v4/letter/r/f19dbf/32.png) [@rmo518](https://forum.kirupa.com/u/rmo518)\
**Post date:** [April 17, 2006, 2:56am UTC](https://forum.kirupa.com/t/anyone-know-how-this-was-done/185844/5 "2006-04-17T02:56:48Z")

</div>

Here’s an AS approach. I made a movie clip with the linkage “bulge\_mc”. It has the photo on one layer and a shape tweened circle shaped mask on the first layer that goes from a small circle to a large one on frame 29. Frame 30 there is no mask - it’s the whole image. This AS on the first frame of the main stage does the rest.

[AS]Stage.scaleMode = “noScale”;  
// Set image on stage  
\_root.createEmptyMovieClip(“image\_mc”, 0);  
image\_mc.\_x = 275;  
image\_mc.\_y = 200;  
for (i=1; i\<=30; i++) {  
clip = image\_mc.attachMovie(“bulge\_mc”, “bulge”+i, 30-i);  
clip.gotoAndStop(i);  
}  
image\_mc.onRollOver = bulgeOut;  
image\_mc.onRollOut = bulgeIn;  
// bulge scripts  
function bulgeOut() {  
setScale = this.bulge1.\_xscale-100;  
this.onEnterFrame = function() {  
setScale += 5;  
if (setScale\>=50) {  
delete (this.onEnterFrame);  
} else {  
for (i=1; i\<=30; i++) {  
this[“bulge”+i].\_xscale = 100+(setScale-(setScale\*(i/30)));  
this[“bulge”+i].\_yscale = 100+(setScale-(setScale\*(i/30)));  
}  
}  
};  
}  
function bulgeIn() {  
setScale = this.bulge1.\_xscale-100;  
this.onEnterFrame = function() {  
setScale -= 5;  
if (setScale\<=0) {  
for (i=1; i\<=30; i++) {  
this[“bulge”+i].\_xscale = 100;  
this[“bulge”+i].\_yscale = 100;  
}  
delete (this.onEnterFrame);  
} else {  
for (i=1; i\<=30; i++) {  
this[“bulge”+i].\_xscale = 100+(setScale-(setScale\*(i/30)));  
this[“bulge”+i].\_yscale = 100+(setScale-(setScale\*(i/30)));  
}  
}  
};  
}[/AS]

---

<div class="post-metadata">

**Author:** ![bobby\_hamilton](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@bobby\_hamilton](https://forum.kirupa.com/u/bobby_hamilton)\
**Post date:** [April 17, 2006, 4:47pm UTC](https://forum.kirupa.com/t/anyone-know-how-this-was-done/185844/6 "2006-04-17T16:47:59Z")

</div>

this is exactly what I was wanting thanks so much for the reply! :hr: