Simulate A Glowing Neon Light Sign Of Your Logo

Download Source Files

Final Product What You'll Be Creating

I know we all have busy schedules with lots of things to do during the day…. and ya know, that’s the very reason we stay open late here on AEtuts+! Ok, it’s a website so that doesn’t really work, but if we had a store front we would stay open late just for you… you and the date you brought who doesn’t think it’s gonna work out…. sorry, they told me not to tell you… hmm… awkward… Here’s how to create an “Open Late” sign yourself.

Overview

  • Core Training Value: In this tutorial we will not only create a realistic neon light, but a set of controls for the light intensity, the amount of flickering, and a switch to turn it on or off, everything with simple expressions.
  • Difficulty: Intermediate

Tutorial

Download Tutorial .flv

File size 288MB

Add Comment

Discussion 46 Comments

  1. mehmet akif soyertaş says:

    opened a surprise now.

  2. Gianluca says:

    GOOD! :D really great ;)

  3. Hernán Carracedo says:

    Very good, man !!!

  4. freed says:

    great tuts keep em coming

  5. luantran says:

    Thank for share. Tuts nice

  6. lanbo says:

    lokks realy great. i will try it :)

  7. bogiesan says:

    My congratulations for creating a realistic effect!
    Most “neon” simulations include atmospheric or volumetric lighting or glows that only support a convention, the misperception that neon or, more accurately, electroluminescent gas produces a glow in the air around the tube. If you look closely at a sign made of clear gas-filled tubes, you will see the gas inside the clear tube glows but there is no atmospheric effect unless the sign is surrounded by fog or dust.
    Another kind of neon sign material consists of tubs coated on the inside with a phosphorescent paint much like a conventional fluorescent tube light.

    david boise ID

  8. ramesh says:

    i just watched the preview. its just awesome !

  9. Tango says:

    nice tut, thanks! used vector blur so many times but had no idea until now that it is capable of producing so much convincing glass tubes ;) certainly one of the most powerful and surprising built-in AE filters.
    p.s. since the chekbox controller returns either 0 or 1, the opacity expression could be as simple as this:
    100-100*”checkbox”

  10. mitz says:

    very nice, more please.:)

  11. AfterEffectsJunkie says:

    Very Nice Tutorial!!!

    This is a very cool Effect!!!

    http://www.musik-shqip.ch.vu/ <– NEW AFTER EFFECTS TUTORIALS!

  12. Nef says:

    Excelente tutorial, de lo mas útil que he visto por aquí.
    Saludos desde Aguascalientes Mex.

    • rks says:

      hmmmm… u r right same technique and same output. better he should give only the link not the tutorial.

    • Billy says:

      Now, I get a lot of condemnation around here for slamming tutorials. However, this one, based on the preview alone, appears to be a very good one with a great, realistic effect. Watching both Mat Trunks production and this preview I have NO idea how you can say that Trunks is better. It is very 2D with no more impressive neon effect. This one appears to be 3D with a shadowing on the wall that is far superior. To each his own, but I’d watch this one any day.

      Great job Juan! Would love to see some more stuff from you. Trust me….aetuts needs your stuff!

  13. Nik says:

    Gonna try this one for sure looks awesome! Thanks

  14. Abojung says:

    It would have been better if you added a mask around the lights to simulate specularity on the walls.
    but good job.

  15. Doru says:

    LOVELY DONE!

  16. naimalwan says:

    This seems to be a copy of the French tutorial as mentioned above. Hope you had permission to translate it into English.

  17. Author

    Hi everyone, thanks for your support and comments. I just want to encourage those people who are saying that I copied the french tutorial to take a look at my tut. That way you will notice the abysmal differences in the workflow. Thank you.

    • Billy says:

      Juan…there is NO comparison between yours and Trunks. The glass tubes are much more distinct and realistic. The neon glow is MUCH nicer and the entire 3D feel to the piece is FAR superior. I wouldn’t worry about what people are saying here. Anyone who thinks yours is copied is obviously blind….and/or simply a moron. :)

      • Author

        Billy, thank you very much for the words, I think they just didn’t take the time to watch the whole thing before typing their comments. I’m glad you liked the tut :)

      • rks says:

        @ billy

        lol u want to improve ur image, this proof how idiot u are.
        i watched both tut and it is a damn copy of that even the sound effect is same. Better luck next time

        @ tim soret

        thanks for the great site.

    • bert says:

      Hi
      Can somebody tell me how to get the AE TUTS + effect to use in the tutorial,
      would appreciate it if someone could explain what to doto get this effect in Illustrator.

  18. Anonymous says:

    this is like the upgraded version of Matt Runk’s tutorial…

  19. Luis Camacho says:

    Very nice tutorial!!!!!

    Excelente trabajo, paisano, en México hay grandes talentos de la composición digital.

  20. Ibantxo says:

    Gran tutorial amigo! un saludo desde el pais vasco!

  21. AMIR B says:

    i hope you become a great animator.

  22. Saad Ali says:

    thanks for sharing these types of stuffs.

  23. Saad Ali says:

    gr8………………..

  24. BERT says:

    How do you create the AI File in this tut?

  25. BERT says:

    Would like to thank the author who was very helpful when i contacted him for info regarding creating the logo.

  26. Drey says:

    what font did you use?

  27. Faisal says:

    All Tutorial Of Ae Tutsplus Is Very Big File Size..Impossiable To Watch Or Download Them On A Slow Internet Connection

    • Nuruzzaman Sheikh says:

      Yeah that’s true ( a little) I also use very slow net connection but I can download them easily, though it takes a lot of time.

      And after all I’m very glad because this big file size gives us better video experience.

      But with your voice I also want to say if ae.tutsplus.com could offer another lower quality video tutorial beside this higher one. Then it would be very helpful for people like us.

      • Terminator says:

        What the hell r u talking. Aetuts plus is providing free video tutorials of the vfx students. Internet Connection is slow r not but this website is providing the good tutorials

  28. lono says:

    great tutorial thanks!

  29. Marcelo says:

    Hola Juan Carlos, maravilloso el tutorial que te mandaste!! mis felicitaciones, queria aprovechar para hacerte una pregunta, veo que res de habla hispana (y que dominas muy bien el ingles por lo demas) asi que me gustaria saber si tienes más tutoriales en español por ahi, yo comprendo ingles pero en un 80% y generalmente ese 20& que me falta es donde hay explicaciones claves para manejar bien el programa.
    Bueno felcictaciones nuevamente, seguire atento a la página!

    Saludos desde Chile

  30. reub says:

    hee man nice tut but with font did you use for the logo?

    Grtz

  31. Rafael RL says:

    Nice tut. Perfect. Where did you get the Neon sound effect?

  32. VXPZ says:

    Muy bueno
    Gracias

  33. Martin says:

    muchas gracias juan, me diste un par de ideas para mi proyecto

  34. Ragpiano says:

    Super! I’m speechless.

  35. AlexFrance says:

    Thanks for this Great Tutorial, I just finish to make my Neon Sign and i’m happy of the Render Results

    Congratulations :)

  36. james says:

    Do the images for the neon light effect have to be from illistator (Ai). Adding a ramp on the JPEG doesnt work.

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.