How to Create Neon Logos in After Effects

Learn how to turn any logo or text into neon art in this After Effects tutorial.

In my opinion neon art is one of the most beautiful art forms in the world. There’s just something about the raw craftsmanship and iconic glow that makes neon signs captivating to look at.

Neon Art Logo for After Effects

How to Create Neon Logos in After Effects Tutorial

Are you ready to create some sweet neon art in After Effects? In this video tutorial I’ll show you how to create neon art directly in After Effects. This project will yield a final result that is easily repeatable and fun. I hope you enjoy it!

Download the Image Assets for Free

You can have the image and logo that I used to create this project by simply filling out the form below.


Drag-and-Drop Neon Logo Project for After Effects

10.00
Add To Cart

Don’t want to create this entire project by hand? No problem! I’ve created a template that you can use to convert any logo or text to neon art. All you have to do is drag and drop your PNG or illustrator logo into the ‘Insert Logo Here’ composition and... boom, out pops a final comp with your logo.

Let me know if you have any questions. Cheers!

Neon After Effects Project Demo.gif

You can also very easily adjust the color of your project using a color slider.

Colored Neon in After Effects.jpg

You can get this project for only $10 and you are free to use the project on any project.


The Process of Creating Neon Art

I thought it’d be fun to talk a little bit about the process of creating neon art. So here we go!

Neon Art Inspiration

Inspiration is key when it comes to creating art. This is especially true in a multidisciplinary artform like motion design. While there is certainly an infinite amount of inspiration online I often find that it’s my in-person experience with art that gives me the biggest creative push.

 The Museum of Neon Art is incredible…

The Museum of Neon Art is incredible…

So for this project I was greatly inspired by the Museum of Neon Art in Los Angeles. The museum is entirely dedicated to exploring neon as a legitimate art form and not just a marketing tool. The museum was captivating and after visiting I knew I had to create a neon art project.

Saw this at Alfred's coffee near my house and had to take a picture...

After quite a few iterations I finally came to a result that I really appreciated. As it turns out the project was a lot more minimal than the typical project, but I found it to be the most realistic that I could create in After Effects.

Tips for Creating Neon Art in After Effects

Here’s a few tips for compositing your neon in After Effects.

1. Composite Like a Camera

When you’re creating art in After Effects it’s really important to think about the way in which a camera would capture the scene. This usually means thinking about how lighting would look if a physical camera was to shoot it instead of a digital one.

A real neon art image

In the case of our neon art you want to remember that a camera will have a really rough time capturing the brightness of a neon sign in relation to the exposure of the world around it. You can compensate for this by either pushing your brightness up in relation to your background or vice versa.

2. Don’t Glow Crazy with It

As you might have guessed the tutorial above uses the glow effect to achieve the look. However, I noticed early on that you really need to be careful when working with the glow effect because it can be very easy to through too much glow onto your logo. Add your glows in incrementally and be weary of adjusting that intensity slider too much.

3. The Background Sells the Scene

If you are looking to create photo-realistic neon art then you need to think about the background just as much as the foreground.

Neon Image with Concrete BG.jpg

While you could certainly get away with simply throwing a feathered solid layer with an add transfer mode on the background; it is much better to think about the way in which light works on a texture. Add in shadows, highlights, and other stylization elements to make it even more realistic.

And remember if you ever get stuck on what it looks like I suppose you could just take a trip to your local bar to do ‘research’

Cheers,
Caleb

Create a Volcano in After Effects

Let’s blow up this mountain. Here’s how to create a volcano in After Effects. 

You know that part of you that is obsessed with lava? The part that can’t stop watching people poke lava with sticks? Or drop hot nickel balls on stuff? Well today that part of you is in luck. In this After Effects tutorial I’m going to show you how to create a volcano in After Effects. 

This tutorial will take a look at a few different techniques. The biggest technique being tracking objects into 3D space. While it may seem easy to just throw 3D Camera Tracker onto an orange shape and call it a day there is quite a few different things we can do to the lava to make it more realistic. Namely, by perfecting the color can composite we can make the lave more realistic in the scene. 

So if you’re ready to unleash your inner child here’s how to create a volcano in After Effects. 

Create an Ocean in After Effects

I'll show you how to create in ocean in this After Effects tutorial. 

Creating water in After Effects isn't easy. This is mainly because After Effects isn't the right software for creating realistic water dynamics. When someone wants to create water for a high budget film they usually turn to a dynamics driven software like Houdini to simulate liquid. However, this doesn't mean that you can't simulate water at all in After Effects. 

In this tutorial I'm going to show you how to create an ocean in After Effects. This tutorial will show you everything you need to know to create psuedo-realistic water using various tools and effects that are built into After Effects. 

As with every tutorial on the site I'm giving away the project files so you can mess around and dissect my work. Just fill out the box below and you will be directed to a download window. 

Download Ocean Project File + Rendered Clip

10.00
Add To Cart

In a hurry? Need to use this video on a film or video project? You can buy the project file and rendered final video by clicking the button below. The file comes with:

  • An After Effects Project File (CS6 or Higher)
  • A Rendered HD Clip of the Final Result in H264

Let me know if you have any questions. Cheers!

GET THE FOLLOW-ALONG FILE

Want to follow along with the tutorial? Just fill out the form below and you will get a free project that will help you follow along.

 

If you have any questions about this technique or if you just want to say hello feel free to hit me up via email or the comments below. I'd also love to see any ocean projects that you put together. Best of luck with all of your Motion Graphic projects. 

Cheers!

Create an Eclipse in After Effects

Who needs to see a real eclipse when you can create a fake one in After Effects?!

I’m super excited to share this latest tutorial with you. It covers how to create an eclipse in After Effects. The final result will look like this (but it moves, obviously...):

Eclipse.jpg

It’s not as complicated as some of the other tutorials that I’ve put out recently, but it does show you how to use a few higher-level techniques in After Effects. 

Specifically this tutorial shows you how to use an alpha-crush technique to make shapes ‘sticky’. The tutorial will cover everything you need to know to create the eclipse from creating the sun to stylizing the sky. 

Download Project File + Rendered Video Clip

10.00
Add To Cart

In a hurry? Need to use this video on a film or video project? You can buy the project file and rendered final video by clicking the button below. The file comes with:

  • An After Effects Project File (CS6 or Higher)
  • A Rendered HD Clip of the Final Result in H264

Let me know if you have any questions. Cheers!

You can download a free follow-along project file by hitting the button below. 

If you like this tutorial or have any suggestions for future tutorials, please feel free to drop me a line. 

Create a Saturn Space Scene in After Effects

Create, animate, and stylize a Saturn space scene in this After Effects tutorial. 

In this After Effects tutorial we’re going to be creating a cool saturn space scene. This tutorial will show you everything you need to know to create the 3D rings, planet, and stars in the background. There are a lot of really cool techniques used in this After Effects project, but my favorite is how we can use the Polar Coordinates effect to create the rings in like 5 seconds. 

Saturn-Breakdown-After-Effects.gif

Another really cool effect that I utilized in this tutorial is using a fractal noise overlay to simulate the dust of the stars in the background. I find that using the fractal noise effect for background elements really helps make the overall scene look organic. 

To create the Saturn effect you will need a copy of Adobe After Effects CS6 or higher. Which shouldn’t be a problem for most After Effects users. The tutorial also uses actual texture mattes from NASA so the rings will look pretty darn close to the real thing. 

GeT the Saturn Project File + Video Clip

10.00
Add To Cart

In a hurry? Need to use this video on a film or video project? You can buy the project file and rendered final video by clicking the button below. The file comes with:

  • An After Effects Project File (CS6 or Higher)
  • A Rendered HD Clip of the Final Result in H264

Let me know if you have any questions. Cheers!