Anyone know how this was done?

programming flash
1

Hey all,

I was looking through this site: 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!

2

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

3

I would say photoshop or possibly after effects

4

how would you use AE? Thanx for the replies!

5

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]

6

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