# Picture mask?

**URL:** <https://forum.kirupa.com/t/picture-mask/116826>\
**Category:** Uncategorized\
**Created:** [July 21, 2004, 6:28pm UTC](https://forum.kirupa.com/t/picture-mask/116826 "2004-07-21T18:28:51Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![sipher](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@sipher](https://forum.kirupa.com/u/sipher)\
**Post date:** [July 21, 2004, 6:28pm UTC](https://forum.kirupa.com/t/picture-mask/116826/1 "2004-07-21T18:28:51Z")

</div>

[http://www.fabrislane.com/launch.php4](http://www.fabrislane.com/launch.php4)

does any know how this masking was done…

im talking about the masking when u click on the pictures how??

---

<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 22, 2004, 12:05pm UTC](https://forum.kirupa.com/t/picture-mask/116826/2 "2004-07-22T12:05:04Z")

</div>

if you want to mask a moviclip,u can use setMask property to do it.  
Example:  
[AS]  
maskedClip.setMask(maskerClip);  
[/AS]

this will help u for making animations like fabrislane;)

---

<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 22, 2004, 1:12pm UTC](https://forum.kirupa.com/t/picture-mask/116826/3 "2004-07-22T13:12:26Z")

</div>

thank but i already know that…what i wanna know is …do u see where it said “click images to continue” do see the animation masking that what i wanna how he did that…

thanx thou for replying …bro

---

<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 22, 2004, 1:21pm UTC](https://forum.kirupa.com/t/picture-mask/116826/4 "2004-07-22T13:21:37Z")

</div>

why don’t you just experiment?  
you know how to dynamically mask a movieclip, do the next step is to just go on and try 🙂  
import a jpg, attach it to the stage, assign a mask for it that only shows with a width of about 80 pixels, do it all over with a duplicate of the jpg but with a mask at \_x = 80 for a seamless image.

---

<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 22, 2004, 4:01pm UTC](https://forum.kirupa.com/t/picture-mask/116826/5 "2004-07-22T16:01:53Z")

</div>

i agree with Mediamonkey;) just try to use your imagination and AS experience… u should duplicate movie and follow the \_xmouse property with some easing…

---

<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 23, 2004, 1:22pm UTC](https://forum.kirupa.com/t/picture-mask/116826/6 "2004-07-23T13:22:07Z")

</div>

well see that’s the problem i could do it …i wouldnt be ask 4 help …kids…  
sorry but it the truth…im not a expert coder …im noob in this…thanks

---

<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 23, 2004, 4:36pm UTC](https://forum.kirupa.com/t/picture-mask/116826/7 "2004-07-23T16:36:02Z")

</div>

Than what’s with the confusing “thank but i already know that”?  
It suggests you know enough AS not to be called a newbie, but now you are? 😛

---

<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 24, 2004, 4:30pm UTC](https://forum.kirupa.com/t/picture-mask/116826/8 "2004-07-24T16:30:50Z")

</div>

well …i have been picking thing here in there …and yes the maskedClip.setMask(maskerClip); i got from here … and yes im a noob … sorry bro i did meant anything by it…thanks

---

<div class="post-metadata">

**Author:** ![Mediamonkey](https://avatars.discourse-cdn.com/v4/letter/m/edb3f5/32.png) [@Mediamonkey](https://forum.kirupa.com/u/Mediamonkey)\
**Post date:** [July 24, 2004, 7:52pm UTC](https://forum.kirupa.com/t/picture-mask/116826/9 "2004-07-24T19:52:18Z")

</div>

oh alright… here’s a start:

```auto
var amountOfMasks = 5;
 var offset = 80;
 var depth = 0;
 
 for (var i=0; i<amountOfMasks; i++) {
     var pic = _root.attachMovie("picture", "picture_"+i, depth++);
     var msk = _root.attachMovie("mask", "mask_"+i, depth++);
     msk._x = (offset) ? offset*i - offset : msk._width*i - msk._width;
     pic.setMask(msk);
 }

```

There you have the placement of the picture and it’s masks. You can controll the amount in the variables. Now that is done you can create a function that will tell those masks to do a nice tween-like animation like the website you mentioned.

Good luck and all… 😛

PS. that’s just a quick script, haven’t tested it or anything. But it should work just fine.