It’s free and I will continue to give out free downloads!

Electric Neon Logo Animation in After Effects

If you are looking to create an Electric neon logo animation in After Effects then you are definitely at the right place. This type of tutorial is popular among designers and video editors who want to add a visually striking element to their projects, such as opening sequences, promotional videos, or social media posts. A neon logo animation with Saber tutorial is a guide that provides instructions on how to create a dynamic and eye-catching animated logo using the Saber plugin in After Effects. Saber is a powerful and versatile plugin that can be used to create a variety of effects, including neon lights, lasers, and energy beams.

This type of tutorial is popular among designers and video editors who want to create a futuristic and energetic look for their projects. The tutorial will typically cover the tools and techniques used to create the neon effect with Saber, including how to adjust the parameters, add textures, and customize the color and shape of the effect.

Step-by-Step Guide to Creating an Electric Logo Animation:

Step 1: Setting Up the Composition

  1. Open Adobe After Effects and create a new composition.
  2. Name it “Electric Neon Logo V2.”
  3. Use the same resolution, 1920×1080 pixels.
  4. Set the frame rate to 30 frames per second and the duration to 10 seconds.

Step 2: Importing and Tracing Images

  1. Go to File > Import and import the images from the first step.
  2. Drag and drop the images into the main composition.
  3. Each letter has its own separate layer.
  4. Select the first letter, go to Layer > Auto Trace, and confirm.
  5. Repeat this process for the remaining layers.

Step 3: Applying the Neon Effect

  1. Select the first layer, press “M” to open mask properties, and delete both keyframes.
  2. Go to Effects & Presets and search for “Saber.”
  3. Apply the Saber effect to the first layer.
  4. Customize the core type to “Layer Masks” under “Customize Core.”
  5. Adjust render settings: set composite to transparent, and preset type to Neon.
  6. Modify glow settings: glow spread to 0.30, glow bias to 0.15, and change the color.
  7. Set the start size to 0% and, at the first frame, change the start offset to 100%.
  8. Add keyframes for Mask evolution, End size, and End offset.
  9. After 2 seconds, change the end offset to 0%. After 4 seconds, add keyframes for End size and End offset.
  10. At 7 seconds, revert end offset to 100%, end size to 0%, and set mask evolution to 2 rounds.

Step 4: Applying the Effect to Other Layers

  1. Copy the Saber effect (Ctrl + C).
  2. Paste the effect onto the second layer (Ctrl + V).
  3. Repeat this process for the remaining layers and adjust colors.
  4. Add spacing between letters by selecting a layer and pressing the right arrow key.

Step 5: Creating the Floor Reflection

  1. Select all layers, right-click, and pre-compose them as “Neon Logo.”
  2. Duplicate the Neon Logo layer (Ctrl + D).
  3. Enable 3D for the bottom layer, open rotation properties (Press R), set X rotation to 180 degrees, adjust Y position, and rename the layer to “Reflection.”
  4. Create a new composition called “Texture.”
  5. Add a solid layer, name it “Checker Board,” change color to white, and apply the Checkerboard effect (width: 170).
  6. Add another solid layer, rename it “Fractal Noise,” change color to black, and apply the Fractal Noise effect (contrast: 475).
  7. Change the blending mode of the top layer to “Add.”
  8. Pre-compose both layers as “Floor,” enable 3D, set X rotation to -90 degrees, and adjust Z position.
  9. Apply the Motion Tile effect (output height and width: 700, enable Mirror edges).

Step 6: Final Touches and Camera Setup

  1. Create a camera layer in the main composition (optional).
  2. Drag and drop the texture layer and hide it.
  3. Create an Adjustment layer above the reflection layer, name it “Compound Blur.”
  4. Apply the Compound Blur effect, change the blur map to “Texture,” and set the maximum blur to 70.
  5. Preview the animation.

Step 7: Finalizing the Animation

  1. Add a black solid background layer.
  2. Select all layers, right-click, and pre-compose as “Logo Build.”
  3. Enable 3D for the “Logo Build” layer.
  4. Create a camera layer and adjust its position (you can skip this step if desired).

Congratulations! Your Electric Neon Logo Animation is now complete.

Project File Details:

UpdatedMarch 25, 2024
CompatibilityAfter Effects CC
Required PluginSaber
Size380 KB
CategoryLogo Animation Tutorials