Show The Glow
Posted by Matt Davies on July 5th, 2006.
I’m sure most designers are familiar with the “outer glow” technique. It was used alot back in the days when people loved to use Adobe Photoshop filters. I’m sure we all have bad memories of picking up Photoshop for the first time and thinking “Wow – Outer Glow! Let me use it everywhere”. Then after a while we realised that just because we could use filters didn’t make us designers. We realised that with design we need to be smart, slick, and subtle. At that stage the outer glow went on the decrease. Currently we see that this trend is only used by a minority of designers – probably due to the bad taste left in our mouths because of the over-use of it in the early days.
However we would like to introduce it again. Not in the ugly “over the top, lets go mental” way - but in the subtle, clean and simple way. Check out these boys and take your hats off to them for doing such a great job of turning this old technique into something quite special:
Flash
2 Advanced
Verodue
Nike
HTML
Frazier Media
Phil Renaud
Oceanen
Samsung
You will undoubtedly note that they have used this technique very subtly. This brings a sophistication and a classy feel to their designs.
So what we want to say is; don’t be afraid to “Show The Glow”. Don’t over cook it, just play it subtle and the rewards will be yours. Its a simple technique so you probably know it already. However for those who don’t here’s a tutorial.
What’s that? Of course you know about this technique - so why aren’t we using it then? All this is is a gentle reminder that it’s there. Comments most welcome…
This article can also be found at Attitude Design.
Make A Comment
( 11 so far )
11 Responses to Show The Glow
I think it’s worth adding that the reason it may have vanished for a while is that it is actually fairly hard (in my opinion) to produce websites with various glowing containers. Hat’s off to Phil there. Liquid designs with glowing containers are really difficult to pull off.
Now there are a lot more resources for making ‘funky’ containers, it naturally leads to designers using the technique more.
As for the technique, I think it’s important to be subtle or you’re back in the year 2000. Good stuff, Matt.
To add to Andrew F.’s comment: in the first round of outer-glow fun, it wasn’t the norm for the average user to have a monitor with the resolution to handle the tiny differences in color in outer glow (and gradients, for that matter). I remember finding Phil’s site last year and thinking, “Wow, that looks great.” And then I checked it the next morning at my old office, on a five-year-old monitor, and thought, “Wow, this site has troubles.”
I think Phil overuses it, it’s just too much.
Yeah, maybe I use it too much. The redesign, in fact, has a good bit less glow to it, comparatively.
Still: it’s not been a deterrence (according to my stats); if anything, it’s helped bring new visitors to my site via galleries and whatnot.
It’s just a nice way to stand out, is all. I find it pleasant to the eye, whether on a CRT or LCD monitor. Some people can’t stand to see it on an LCD monitor. A chaqu’un son gout, and all that.
I wouldn’t say it’s overdone personally, Tor. I think Phil’s got the balance right at the limit - any more and it would be too much.
haha…one of my classmates and I have a somewhat inside joke about “when in doubt, just add the outter glow” and its funny to see it come up here. I actually use it very often to soften the pixel edgest of a rough font or something that doesnt look so good in a design. Gives a nice touch of style to anything, but it has to be soft enough to make a user wonder how you made it look like that in order to work.
“when in doubt, just add the outter glow” - How odd is that! I had a boss who also had the same idea. Everytime I created a print-ad he’d look at it with a tilted head and say… “Lacks outter glow.” and if outter glow isn’t enough he’d want drop shadow stacked on it, too. Man the only thing missing? Bevel/Emboss. That’s what I told myself….
I’m still under the opinion that when in doubt, do nothing. Unless you feel the addition will aid in the strength of the project’s end result, better to hold off and rethink. Plus, if adding an outer-glow to something is going to make or break it, then perhaps there is a fatal flaw with the object of contention.
Just a thought.
Some of those sites are over-reliant on their background images - without the images, text becomes unreadable due to lack of contrast. The images themselves do look elegant with their glowing outlines, though.
“Some of those sites are over-reliant on their background images”
I think this is probably the case for a lot of websites currently. I guess this is the disadvantage of using light text on dark backgrounds - if images are off, the text can’t be read.
Related In Some Way, Shape Or Form
The above post has obviously kept you amused. Why not discover similar material:
The posts Style on the web, style in the real world., Accessible can be Beautiful, TrendWatch now accepting submissions!, Call For TrendWatch Feedback/Beta Testers, Toggling Web Trends.., are related to this post.
Or why not take time out to find out about the author of the post.



