masking tutorial...?

[boyzdynasty]

There is no masking tutorial here.... I need an explaination on it.

I totally don't get that stuff. I two layers ...one layer has shape and the other has bitmap....

I want to mask it where the bitmap will take the form of the shape.

No luck...i don't really understand this.

If anyone has a link to a tutorial, please post it.
Or
If you can help me out, I'll send you the *.fla... *smile*


Thanx!

[akschinas]

Create your shape (lets say a circle). Turn it into a movie clip. Then, right click on the layer and choose "mask". Then, create a new layer under the mask layer and put your bitmap on it and make sure that it sits driectly under the circle. Then preview your movie.

[boyzdynasty]

thanx....
Since I am at work now, i can't play w/ Flash untill I get home.

So...I'll just ask you now b/c I am so anxious to know.

Besides the shape...let's say the fill in color of the shape is a blue with alpha proptery 50%...

Will the color show? B/c I want the color over the pix as well....

[akschinas]

No, the mask will not take on a color (that I know of), but you could just tint the bitmap instead.

[Sualdam]

You can simulate a colour-tinted mask by putting a shape above the masked layer but under the mask, and adjusting the colour and alpha of that shape.

You can simulate a soft-edged mask the same way.

[boyzdynasty]

thanx for you help. :cool:

[tg]

with mx. you can do your mask in code also... any movieclip can mask another.

this is a pretty poor example, cause i dont generally do much with graphics and such.

//frame 1

//MovieClip masker;
//MovieClip masked;

this.createEmptyMovieClip("masker",1);
this.createEmptyMovieClip("masked",2);
//build my mask mc.
masker.beginFill(0x000000,100);
masker.lineStyle(0,0x000000,100);
masker.moveTo(-5,-50);
masker.lineTo(-5,50);
masker.lineTo(5,50);
masker.lineTo(5,-50);
masker.lineTo(-5,-50);
masker.endFill();

//load the image i want masked
masked.loadMovie("esp.jpg");

//move the masking mc around a bit
masker.onEnterFrame=function(){
this._rotation++;
this._x++;
this._y++;
}

//frame 5

//set the mask once the image has been loaded
//if you set it too soon it doesn't seem to work
masked.setMask("masker");
stop();


heres the fla:

[boyzdynasty]

thanx boss.

It's good to know other ways too.
This would come in handy as well.