2 Part Question on effects I am trying to achieve.

[mikes02]

The first part is going to be a colored in silhouette (picture the ipod ads for an example), I want the silhouette to have the appearance that it is being unrolled onto the screen or perhaps even painted on the screen.

The second part is I want to have the actual person pop in over the silhouette, but I would like it to have a bit of a bouncing effect when it pops up into place, it would probably be coming from underneath the canvas up over the top of the silhouette.

Any help/advice would be greatly appreciated. Thank you.

[Noct]

For the first part you would probably want to use masking. Create a layer/clip above the silhouette and set it as a mask. Gradually change the shape of the mask as you like to make the image appear over time. If you want it to rollOut, just animate the mask's height so it expands over the image from the top. If you want it to draw just slowly add to the mask over time so it only shows the parts of the image below it.
You could do either of those strictly with script or on the timeline.

I'm not sure what you are saying in the second example; it sounds like a specific anmation you want, so I'm not sure how to give advice on it...

As with any Flash project, script any animation you can to keep the filesizes down and timeline anything you are not capable of scripting.

[mikes02]

thank you.

basically for the second part, picture a silhouette, and then picture the actual image of that person coming in over the top of their silhouette to fill it in. however, rather than just having it slide into place, i wanted to give it kind of a bounce effect, like its popping into place.

[atomic]

Use the tween class...

[mikes02]

thank you, use the tween class can be applied to both parts or just the silhouette part?

[Noct]

The tween class can be applied virtually anywhere that you could use a motion tween on the timeline. The benefit of the class is that your filesize will be smaller versus a timeline animation and the easeIn/out effects can be easier to use for a beginner then the timeline ones.

I do not think however that you would be able to use the tween class to create the effect of something being "painted on", if I am invisioning the effect you are after anyway... Showing something being drawn or painted would be more realistic if the shape of a brush tip was gradually revealing the image, which would be easier accomplished using setMask and attachMovie or the drawing api to add to the mask gradually.

[atomic]

I was thinking of the Tween class for the bouncing fx, at the end of it.

[mikes02]

for a good example of the paint effect i am after, visit:

http://www.saberone.com

his flash has the handwriting effect (which is something i'd also like to know) and then the background has an effect where it looks like its being painted on like what a paint roller would do.

[Noct]

Yeah that is basically just some masking effects. I didn't really investigate it long enough to tell you if it was code or timeline, but either way it is simply adding more to the mask in every frame so the image is gradually revealed.

I'm not going to take the time to code up that exact thing (and there probably already tutorials all over for the place that type of thing...), but these should give you an idea.

Codebased, you would just keep adding to the mask:

var mC:MovieClip = this.attachMovie("myMc", "myMc", this.getNextHighestDepth());
var maskMc:MovieClip = this.createEmptyMovieClip("maskHold", this.getNextHighestDepth());
var nestMc:MovieClip = maskMc.createEmptyMovieClip("innerMask", maskMc.getNextHighestDepth());
nestMc.lineStyle(1,0xff0000,100);
nestMc.beginFill(0xff0000);
nestMc.moveTo(0,0);
nestMc.lineTo(20,0);
nestMc.lineTo(20,20);
nestMc.lineTo(0,20);
nestMc.lineTo(0,0);
nestMc.endFill();
var nC:Number = 1;
var xN:Number = 1;
var yN:Number = 0;
maskMc.onEnterFrame = function() {
var nM:MovieClip = nestMc.duplicateMovieClip("nest"+nC, this.getNextHighestDepth());
nM._x = (xN*20);
nM._y = (yN);
if (nM._x>Stage.width) {
xN = 0;
yN += 20;
} else {
nC++;
xN++;
}
};
mC.setMask(maskMc);


You can look at the timeline based file in the zip if you want to see the "manual way" of doing it.

[mikes02]

thank you.