# How is this done!?!?!?

**URL:** <https://forum.kirupa.com/t/how-is-this-done/19139>\
**Category:** Uncategorized\
**Created:** [April 24, 2003, 4:33pm UTC](https://forum.kirupa.com/t/how-is-this-done/19139 "2003-04-24T16:33:44Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![geck7](https://avatars.discourse-cdn.com/v4/letter/g/77aa72/32.png) [@geck7](https://forum.kirupa.com/u/geck7)\
**Post date:** [April 24, 2003, 4:33pm UTC](https://forum.kirupa.com/t/how-is-this-done/19139/1 "2003-04-24T16:33:44Z")

</div>

Check this link out [http://www.xs-engineering.com/](http://www.xs-engineering.com/) and look in the header at the cars that rotate through…before they rotate out some of them have a “outline” type of effect. I’ve seen it on other sites and its nothing new…but does anyone know of a technique to create that effect??

I am thinking that it is just another image on another layer with just the “lines” on the car stroked. Then a tween is applied and that image is gleened through the other layer???

LOL Makke sense?

Thnx :flower:

---

<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:** [April 24, 2003, 4:54pm UTC](https://forum.kirupa.com/t/how-is-this-done/19139/2 "2003-04-24T16:54:36Z")

</div>

Its a mask.

Create a layer that contains the outline of your object. If you are using the line tool to create it then be sure to select all your lines and go to Modify/Shape/Convert Lines To Fills otherwise it won’t work because you can’t mask lines, only fills.

After that, create a layer UNDER the layer of the outline, and create a verticle white rectangle, you can create whatever shape you want, but im not getting in depth with that.

Create a movie clip out of this shape, then double click the clip to edit it. Create your tween in here of the rectangle movie across the outline area.

Go back to the stage where your outline layer is… right click on the title of the layer (not on a frame, but on the area that contains tha layer name) and choose “Mask”, it will then set the mask to the layer underneith.

Not hard at all.

---

<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:** [April 24, 2003, 4:59pm UTC](https://forum.kirupa.com/t/how-is-this-done/19139/3 "2003-04-24T16:59:32Z")

</div>

You can also do frame by frame animation on it as well, just use the pen tool and trace the outline of the image.

Next use frame by frame animation and delete pieces of the outline in each keyframe.

---

<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:** [April 24, 2003, 7:47pm UTC](https://forum.kirupa.com/t/how-is-this-done/19139/4 "2003-04-24T19:47:09Z")

</div>

Thanks guys…I’ll try each…but I am wondering how do you create the outline,…with the pen/pencil? and would it be easier to create an outline in photosop or ill. and import it???

You guys rock…thnx!

---

<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:** [April 24, 2003, 8:34pm UTC](https://forum.kirupa.com/t/how-is-this-done/19139/5 "2003-04-24T20:34:53Z")

</div>

Same concept:  
[http://www.kirupa.com/developer/mx/lineart.htm](http://www.kirupa.com/developer/mx/lineart.htm)

And you can’t draw the outline in Photoshop, because then when you import it, your mask will be nothing but a big square. Masks go by shape, so any transparent areas don’t matter, since any image you export out of Photoshop will be square or rectangle, your stuck there.

---

<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:** [April 24, 2003, 10:54pm UTC](https://forum.kirupa.com/t/how-is-this-done/19139/6 "2003-04-24T22:54:22Z")

</div>

that is amazing but it takes along time i guess

---

<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:** [April 25, 2003, 7:44pm UTC](https://forum.kirupa.com/t/how-is-this-done/19139/7 "2003-04-25T19:44:00Z")

</div>

I had to make an effect like that recently…I doubt it’s the right way, but it worked anyway …  
Since I cant trace in Photoshop and bring it over, I traced it in Fireworks and with Fireworks and Flash both open, I just drag the outline from Fireworks to Flash. (-:

---

<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:** [April 25, 2003, 8:16pm UTC](https://forum.kirupa.com/t/how-is-this-done/19139/8 "2003-04-25T20:16:57Z")

</div>

> be sure to select all your lines and go to Modify/Shape/Convert Lines To Fills otherwise it won’t work because you can’t mask lines, only fills.

hahaha sweet sonofa\*\*\*\*\*… never even knew that… i was like wtf why wont this mask… 😉
