# How to make translucent lines running onto a image like this?

**URL:** https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080
**Category:** Uncategorized
**Created:** [September 28, 2002, 11:00pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080 "2002-09-28T23:00:00Z")
**Posts on this page:** 19
**Page:** 1

<div class="post-metadata">

### Author: ![mirinl](https://avatars.discourse-cdn.com/v4/letter/m/ecc23a/32.png) [@mirinl](https://forum.kirupa.com/u/mirinl)
#### Post date: [September 28, 2002, 11:00pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/1 "2002-09-28T23:00:00Z")

</div>

how to make translucent lines running onto a image like this website does? [http://www.sitiosdigitais.com/](http://www.sitiosdigitais.com/)

---

<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: [September 28, 2002, 11:19pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/2 "2002-09-28T23:19:35Z")

</div>

Very good use of multiple masks.

pom 🙂

---

<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: [September 29, 2002, 4:01am UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/3 "2002-09-29T04:01:05Z")

</div>

like 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: [September 29, 2002, 7:17am UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/4 "2002-09-29T07:17:32Z")

</div>

Well, it a bit hard to explain:[list][_]you have your background image[_]on top of it, you have 2 or 3 movie clips of the same image, a bit larger or smaller or with different colors or what you want[\*]In these movie clips, you have an animated mask (tweening) going left and right, so that you can only see parts of that clip[/list]And that’s about it.

pom :asian:

---

<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: [September 30, 2002, 9:40pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/5 "2002-09-30T21:40:24Z")

</div>

does the mask have to be a particular color? what if you wanted it too look just like that website previously?

---

<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: [September 30, 2002, 9:54pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/6 "2002-09-30T21:54:07Z")

</div>

The color of the mask doesn’t matter, because it doesn’t show. You have to mess with the image you are masking. See here, there are 3 or 4 images, slightly different in color, alpha, size and I don’t what else, and each is masked by a mask that is motion tweened. Then they are all put on top of another, and you get this very nice effect.

Is it clear enough or do you need a fla?

pom :q:

---

<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: [September 30, 2002, 10:58pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/7 "2002-09-30T22:58:08Z")

</div>

yes i do need a simple fla to be demonstrated for this effect, thank you!! 🙂

---

<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: [September 30, 2002, 11:27pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/8 "2002-09-30T23:27:28Z")

</div>

I too would like to see how this is done, if someone could post a fla.

LOTW

---

<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: [October 1, 2002, 3:24am UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/9 "2002-10-01T03:24:27Z")

</div>

yes an fla with an explanation would be quite lovely! Please

THANK YOU

---

<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: [October 1, 2002, 9:49am UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/10 "2002-10-01T09:49:15Z")

</div>

Like this:

---

<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: [October 1, 2002, 12:55pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/11 "2002-10-01T12:55:23Z")

</div>

Nice one, jerry. [SIZE=1]and yet another Danish crazy man…[/SIZE] :crazy:

---

<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: [October 1, 2002, 1:14pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/12 "2002-10-01T13:14:11Z")

</div>

Yes that is nice, easier than I thought too.

Thanks, Jerry

LOTW ![](http://www.kirupa.com/forums/smileys_files/azzangel.gif)

---

<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: [October 1, 2002, 2:43pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/13 "2002-10-01T14:43:30Z")

</div>

Thats a cool effect someone should make a tutorial on it. :elderly:

---

<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: [October 1, 2002, 3:31pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/14 "2002-10-01T15:31:52Z")

</div>

yes, tutorial PLEASE!! :-\ though it was nice i am not able to get it work, i almost got it but evidently i am doing something wrong, i know the fla should be enough but i am just not making it work…not yet anyway

---

<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: [October 1, 2002, 3:53pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/15 "2002-10-01T15:53:24Z")

</div>

i got it to work thanks for the .fla 😛

---

<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: [October 1, 2002, 4:38pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/16 "2002-10-01T16:38:08Z")

</div>

Acturally with an fla that self explanitory who needs a tutorial. Now I’m off to use this effect to make me self a snazzy banner. 😛

---

<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: [October 1, 2002, 10:37pm UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/17 "2002-10-01T22:37:36Z")

</div>

thanks jerry, a very nice sample!! 🙂

but for the url i provided, some are transparent, but some are in translucent effect. How could make those color and alpha differently when doing the masking (no matter what color the lines are, the masking always ignore them 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: [October 2, 2002, 10:54am UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/18 "2002-10-02T10:54:08Z")

</div>

You could adjust the color balance in photoshop, and make a new image!..

Like this:

[mask2.zip](http://www.lysten.nu/mask2.zip)

---

<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: [October 2, 2002, 11:24am UTC](https://forum.kirupa.com/t/how-to-make-translucent-lines-running-onto-a-image-like-this/6080/19 "2002-10-02T11:24:55Z")

</div>

or you could use the tint effect in flash like this…

[Go here for the fla](http://www.williamwright-online.com/mask2.fla) and

[Go here to view the swf](http://www.williamwright-online.com/mask2.swf)

LOTW
