#AFTER EFFECTS LOGO HOW TO#

Save your animation Saving your animation

In this example, we’ll select this option – but feel free to experiment to see which suits your logo the best.Īnd there it is! Your own animated logo, without Adobe After Effects, in a minute of work.Ĭonvert SVG to Lottie 3. Next, you’ll see a variety of animation options. Drag the SVG file and drop it into the tool. Head to the LottieFiles’ SVG to Lottie tool. Drag and drop into LottieFiles' SVG to Lottie Tool

Select your logo layers and group them.Ģ.

Change the stroke thickness from one to 36.

Use the pen tool to draw a squiggly line (as you’ll see later, the animation will follow the stroke path of this line).

#AFTER EFFECTS LOGO HOW TO#

Here’s how to create a quick one from scratch in Figma: If you don’t already have a logo, you can create one to experiment with in Figma. Optional: creating a logo from scratch in Figma Example of a logo in Figma To follow along, you can download the exercise files here. Watch the video tutorial below, or scroll downwards for a written version. Watch the video: Animate any logo without Adobe After Effects Here’s how to animate any logo without Adobe After Effects, just by using the SVG to Lottie tool. What if you had the power to animate any logo? Imagine being able to animate your company logo – without a motion designer, without complex software, and within the span of a toilet break.

After effects logo