Neon Generator

by Hypnosis in Models

Requires installation and basic knowledge of Animation Nodes v2.1 addon
(Basics are easy, you should try it even if you're not into Neon signs)
Get it for free here: https://animation-nodes.com

Fascination and challenge.

Neon is one of those magical things everyone loves. With it's soft and colorful light it sets the right mood in all environments - smoke filled jazz or techno clubs, hotels, restaurants, futuristic cities and functions as a good attention grabber for any kind of purpose. This is why it's also so often used in graphic or motion design, movies etc. I have made many digital neon signs in past and know how much time and manual effort it takes to do it properly and I always had a feeling it should be possible to automate at least some of the process. When "Animation Nodes" addon for Blender was released, it opened up procedural modelling for Blender and I just had to try! In the process I also researched and learned a lot about real neon making process and it always fascinates me how much work and skill it takes. It really is an art form without shortcuts. But it doesn't have to be that way for the digital world. My conclusion is that it's not possible to fully automate the creative side of things - that requires common sense and logic which currently only humans can do, but all the other process can and should be automated.

Showcase

In this video I share my workflow of making 3D neon signs by incorporating Neon Generator system in the process.

Tutorial about the basics of Neon Generator.

What does it do, how does it work?

Idea is really simple. Every text and vector drawing consists of splines, that is something you get basically for free and want to rely on as much as possible when making 3D neon. Of course, vector splines don't include any information about how they could be connected to make neon, where a segment should start or end. That is information we must provide manually. Fortunately curves in Blender have a direction, you can see it as arrows on the curve by going in edit mode. That is really handy for visualizing how neon will "flow" from one segment to another. But that is still not enough, we need the order of connections. Usually curves that come from text or vector programs has no logical order to them or maybe they have, but it's not the same order you want neon connections to be. That is why we want to separate every curve as an object and add to a list. As we know, lists have order. In "Animation Nodes" you can do it by selecting objects in particular order and clicking "From Selection" button, which is super convenient.

When this information is provided, we can feed it into Neon Generator and it will do it's magic by adding depth, connections, round corners, randomness, cables and supports. All of these things can be changed just by moving a slider or changing a parameter, that way it's easier and faster to iterate through variations.

System also includes "Sort on Axis" feature. This works well on text, because it's usually written horizontally or vertically. Directions of splines still should be adjusted.

Rendering

Neon shader is also included and it has easy controls for replicating neon characteristics. For example - gas glow (emission) and tube coating color are separate inputs, because in reality they may differ. When neon is glowing, it can look green, but in reality gas glow color is blue and tube is yellow. It means that if neon sign is off, it should look yellow in daylight. Sometimes neon tube ends look a bit burnt and doesn't glow as much or look a bit different hue, this is also included in shader. If neon consists of separate splines and is connected by cables, every segment can have a random intensity, nothing is perfect in reality. You can also control how rough or dusty the painted part of neon is. Things like these make all the difference.

Included

Neon Generator system
Neon Shader
------------------------------------------
NEON generator sign project file
Hello sign project file