# Glow effect

**URL:** <https://forum.kirupa.com/t/glow-effect/6458>\
**Category:** Uncategorized\
**Created:** [October 8, 2002, 12:22am UTC](https://forum.kirupa.com/t/glow-effect/6458 "2002-10-08T00:22:09Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![jerry](https://avatars.discourse-cdn.com/v4/letter/j/5daacb/32.png) [@jerry](https://forum.kirupa.com/u/jerry)\
**Post date:** [October 8, 2002, 12:22am UTC](https://forum.kirupa.com/t/glow-effect/6458/1 "2002-10-08T00:22:09Z")

</div>

hey!

I was wondering if any of you know how do make this glow effect:

[LINK](http://www.interactmedia.com.au/newmedia/nav_flash.htm)

try browsing the navigation, and you’ll see a cool glowing/fade effect! …I’m not quite sure how to make this, any ideas…? or tuts!? 🙂

---

<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 8, 2002, 12:32am UTC](https://forum.kirupa.com/t/glow-effect/6458/2 "2002-10-08T00:32:29Z")

</div>

when i do that i make my button have a on roll over effect where the word that glows is a motion tween from white to green, and i put a stop on the last frame. There may be easier ways or someone could correct me.

There’s a tutorial on this site.

[http://www.kirupa.com/developer/mx/fadingtext.asp](http://www.kirupa.com/developer/mx/fadingtext.asp)

just use tint and not alpha on that tutorial.

---

<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 8, 2002, 12:43am UTC](https://forum.kirupa.com/t/glow-effect/6458/3 "2002-10-08T00:43:20Z")

</div>

hehe… it’s not the button effect I’m after, it’s the glowing on the images when browsing the navigation!

---

<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 8, 2002, 5:32am UTC](https://forum.kirupa.com/t/glow-effect/6458/4 "2002-10-08T05:32:27Z")

</div>

[SIZE=1]i’m a bit lost on what it is you are looking for from this…

are you talking about the color change of the button’s  
mouseover? I don’t see anything else there that moves or glows,  
unless you are referring to something inside the main movie. :q:

/unflux  
:goatee:

[/SIZE]

---

<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 8, 2002, 5:36am UTC](https://forum.kirupa.com/t/glow-effect/6458/5 "2002-10-08T05:36:34Z")

</div>

Put your image in frame one. THen right click on frame 20 and select “Insert Keyframe” (or whatever). Create a motion tween between the 2 keyframes.

On either of the keyframe select the object. Open the properties window (CTRL+F3), then in the drop down menu select “Advanced”. Edit as needed, test the effect 🙂

That is… if I got the right effect you were talking about.

---

<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 8, 2002, 6:47am UTC](https://forum.kirupa.com/t/glow-effect/6458/6 "2002-10-08T06:47:01Z")

</div>

cool - thats the one, THX guys & beta boy! =)

---

<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 8, 2002, 6:49am UTC](https://forum.kirupa.com/t/glow-effect/6458/7 "2002-10-08T06:49:30Z")

</div>

No problem 🙂

---

<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 9, 2002, 12:10am UTC](https://forum.kirupa.com/t/glow-effect/6458/8 "2002-10-09T00:10:50Z")

</div>

Correct, it is just a simple effect of overexposing all the colour values to white. Makes for more interesting transitions as opposed to the usual white fade.

![](http://www.interactmedia.com.au/effect.gif)

Especially with any image which has some light areas, as these over-expose first.

---

<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 9, 2002, 3:14am UTC](https://forum.kirupa.com/t/glow-effect/6458/9 "2002-10-09T03:14:26Z")

</div>

Woo hoo I got it right =)

Very nice job on the site InteractMedia! I am glad you made SOTW when you went up for it.

---

<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 9, 2002, 1:32pm UTC](https://forum.kirupa.com/t/glow-effect/6458/10 "2002-10-09T13:32:18Z")

</div>

um…what’s the diff between using the Advanced option and the Brightness option in this case: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:** [October 9, 2002, 3:19pm UTC](https://forum.kirupa.com/t/glow-effect/6458/11 "2002-10-09T15:19:04Z")

</div>

Ok i’m curious as to how the other part was done. Where the shape comes in and then changes … anyone care to inform me about it ? or a tutorial of some sort  
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:** [October 9, 2002, 5:13pm UTC](https://forum.kirupa.com/t/glow-effect/6458/12 "2002-10-09T17:13:07Z")

</div>

Shape tweens.

Draw your shape on frame one, insert keyframe on frame 20 (or whatver). Right click in the grey area and choose motion tween. Open the properties window and choose shape tween from the drop down menu other than Motion tween. Your line will turn green with an arrow. Edit the shape in the last frame to be a bit different and then test your movie.

---

<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 10, 2002, 5:31am UTC](https://forum.kirupa.com/t/glow-effect/6458/13 "2002-10-10T05:31:37Z")

</div>

:\*( no one answer me question yet…

i noticed, though, that when i edit the brightness the advanced option changes too…

can u have more than one effect?

---

<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 15, 2002, 12:07am UTC](https://forum.kirupa.com/t/glow-effect/6458/14 "2002-10-15T00:07:09Z")

</div>

The brightness is slightly different in the fact that it essentially just brightens every pixel in the screen (like a photoshop brightness effect) till it reaches white. So it just looks like a plain white fade.

You’ll notice that if you do any effect, and then change to Advanced option that the values will be altered. This is pretty much because any of the effects can be acheived via the Advanced tab. So when you go to it, it shows the values required to make the effect you selected previously.

Any yeah shape tweens can produce pretty funky effects, however they can be a nightmare to figure out… you’ll probably notice that when you tween from one shape to the other it morphs in a way that you dont want.

To fix this you need to use ‘Shape Hints’. In flash 5 you simply click on the first keyframe, and select Modify -\> Transform -\> Add Shape Hint (Ctrl+Shift+H). It will add a little circle in the middle of your shape. Move it to one of the corners of your shape. Then go to the next keyframe and it will show the shape hints first position, so move the shape hint to match the corner it corresponds to.

However, even then sometimes it still won’t work (with complex tweens) to you just need to play around with removing certain Shape Hints until it does work. Can often be alot of stuffing around but when it works, it is great 🙂

If you can’t figure it out, drop a message here and I’ll try and explain it better 😛

Excuse my poor explainations… it too early in the morning 😏

**interactMEDIA**
