Advertisement


How can I create TRON-like glowing effects in Illustrator?


Question

I am trying to use Illustrator (CS3) to recreate the Tron neon-glow visual style in graphics I plan to use on a website. This page is an excellent example of what I'm trying to do: http://www.disney.co.uk/tron/html/legacy/synopsis.html

enter image description here

I'm having major problems. I have lines/paths that I'm trying to recreate the glow with, but nothing I do seems to work exactly as I want it. I tried "Outer Glow" and "Gausian Blur," but I cannot recreate the same rich, brilliant blue glow you see in Tron and their website above...everything winds up looking very dull, no matter how I try to adjust/lighten the color. What am I missing? Any help would be appreciated...thanks!

2014/03/21
1
6
3/21/2014 3:56:00 PM

A visual effect, whether in Ai or Ps, isn't always attainable by applying effects to a single layer, far less a single object. The richness of the feature sets we have available in these programs can lead you down a blind alley, trying to achieve everything you want by piling on effects to a single object when, just as in painting, what you need to do is use multiple layers that build to the final effect. This neon appearance is a good example.

It's also worth noting that most transparency effects work better (or work at all, in many cases) in RGB mode. Some, like the glare of a bright background light, even require 32-bit. So the color mode you're working in is important.

The TRON effect uses a bright copy sitting on top of one with a blurred glow effect, but rather than try to explain this, let me refer you to the master, Bert Monroy. He has a tutorial on creating realistic neon lighting that contains all the techniques you need.

2014/03/21
4
3/21/2014 9:46:00 PM