After Effects Wave Animation

After Effects is a very versatile tool. On one hand, it's a powerful compositing and post-production program. On the other hand, it is capable of producing some very impressive 3D visuals, with the help of plugins like FreeForm Pro. In this course, you'll learn to take advantage of these powerful features.

Free ocean wave animation

In After Effects, you can convert sound into a visual element by turning dialogue or music into a waveform visualization.
In the past few years, YouTube and Netflix have seen the rise of explainer videos that aim to break down complex topics through simple, engaging graphics. If you’ve ever watched one of these videos, you’ve probably seen an animated soundwave. It’s a common animation technique used to fill space when a journalist calls a source over the phone and doesn’t have any visuals to accompany their voice on-screen. And using Adobe After Effects, you can use it in your videos, too!
The sound wave effect works with any audio elements, so you can use it with dialogue, music tracks, or sound effects. Just drag the sound into your After Effects composition to begin.
How to Create a Sound Wave

  1. Press the “L” key twice to see your audio waveform.
    In the timeline window, press “LL” on your audio file. This shortcut allows you to see the audio level at every time over the course of a video. In the areas where the wave is high, you have more sound—so these areas will work well when creating the sound wave animation.
    Looking at the audio waveform, you might notice the sound does not start until a couple seconds into the composition. Drag the audio file back and forth in the timeline until it begins at the correct point. For this tutorial, I made sure the sound started right at the beginning of the timeline.
  2. Create a new solid.
    The color doesn’t matter! This layer will become invisible when we apply the effect in the next step.
  3. In the Effects and Presets window, apply the Generate > Audio Spectrum effect to your solid layer.
    Drag this effect onto your solid layer in the timeline. In the “Effect Controls,” set the “audio layer” to the name of your audio file.
  4. Manipulate the settings until you create something you like.
    In the effect controls, you can change the color of the wave, as well as its roundness, length, height, and various other settings. “Frequency bands” refers to the number of bars that the spectrum creates. “Softness” refers to the blurriness of the outside color you choose. Below, I used a lighter blue shade for the “inside color” and a darker blue shade for the “outside color.” Using 50% softness, this gives the entire waveform a glow effect.
  1. Jun 15, 2019 In the viewer, move the position of the Flag up slightly from the original flag to create the offset part of the flag. All that’s all there is to it! You now know how to create a 2D waving flag in After Effects, and it’s as simple as animating rectangle merging paths with your flag layer.
  2. Oct 10, 2016 Here is a simple tutorial showing how you can create a wave effect in After Effects by simply keying a path, or vector shape. This comes to use from motion graphics artist and designer Joe Clay. Animating the wave effects is actually quite simple, but the takeaway from the tutorial is the process. Joe has an efficient way to create shapes, and apply keyframes, driven by some forethought.

With your cursor in the timeline, press the spacebar to play your composition back and see how the audio wave looks in motion! (And to learn more about the other effects you can generate in After Effects, see the full list here.)
Are you a current student? See how you can save over 60%.

Want to add a bit of patriotic flare to their videos? Here’s how to create stylish and convincing waving flag animations in After Effects.

From various sports teams to regional and national holidays (July 4th for Americans, for example), there are many reasons to create a flag animation for a video.

Creating a realistic flag animation is something that I’ve had to do quite a bit of in my career. Whether you’re working in a news graphics department, or just have a general need for flag animations for various social media accounts and explainer videos, this is a problem that you want to know how to solve quickly.

Knowing these techniques will pay off in other areas as well, as the plugins and method used will be useful for many other looks and needs as well.

Using A Displacement Map

Ocean Wave Animation Gifs

In the above video, Ignace Aleya does a great job of explaining what is perhaps my favorite way to do this effect. It provides one of the more realistic looks, and is by far the most customizable and professional looking of any of these looks.

After Effects Wave Animation Free

After effects sound wave animation

The core idea is to create a displacement map yourself. To do this, you’ll need to create a new comp, and a new solid. On the new solid, add a fractal noise effect. Here you can customize the look of the waving of the flag. The darker and lighter areas (the contrast) of the fractal noise is what will ultimately displace your flag. First, you’ll add a time expression to the evolution of your fractal noise (I like time*15 for the most natural look). Then you’ll need to animate the noise position over time. I think adding position keyframes and slowly moving the noise to the right and slightly down looks the best.

Then, turn off uniform scaling, and scale the width and height until you get something that has the look of a flag slowly waving in the wind.

Drop your flag layer and displacement map layer in the same comp, then drop the displacement map effect onto your map layer. Next, set the displacement map comp as the displacement layer. Now you can customize the effect and the amount of displacement.

If you want to add realistic looking shadows, you can duplicate your displacement map layer, drop it on top of your flag layer, and set it to multiply. Wps download laptop.

After Effects Sound Wave Animation


Using The Wave Warp Effect

This method is going to be your preferred route if you’re going for a more cartoonish or illustrated look. This will be good when working with vector-based flag files. This is also a good choice for explainer videos or animated cartoon-style videos.

To use this effect, it’s quite simple. You take your vector object and simply add the wave warp effect on top of it. Now you’ll have some customization options that you can play around with.

To get a more natural look you might want to add keyframes to the wave height parameter, and also changing the angle of the waves can give a more random and natural look.

Using Basic Distort Tools

After Effects Animation Tutorial

There are also a number of other tools from the distort tab inside of After Effects that you can use to create hand animated flag waving looks and effects. This is definitely a bit more of a DIY route in terms of the animation, but you can play with a mesh warp effect to get a wavy look. This effect adds a grid on top of your object, where each cross section of the grid can be warped and animated.

You can also play around with the CC Bend It or Liquify tool in the distort section. These will require a whole lot of customization, but it’s a good way to get your hands dirty and learn some animation techniques on your own.

Looking for more After Effects tips and tricks? Check these out.