Flag Animation – After Effects Tutorial

Flag Animation – After Effects Tutorial

In this After Effects tutorial (motion graphic tutorial) we are going to be taking a look at how to make an animated flag in After Effects. This flag animation in After Effects is accomplished by using a number of effects. This After Effects tutorial will show you how to use the wave warp tool in After Effects and the Motion Tracker in After Effects.

✖ Project Files – https://www.patreon.com/posts/13082704
✖ Twitter – https://twitter.com/MoboxGraphics
✖ Instagram – https://www.Instagram.com/MoboxGraphics
✖ Facebook – https://www.facebook.com/MoboxGraphics

Contributor: Mike Ridolfi
✖ Social Media – @MikeInHD

Music by: https://www.epidemicsound.com

Intel i7 4790 @ 3.60GHz
Gigabyte GeForce GTX 1080 G1
32Gb DDR3 @ 2400GHz
500GB Samsung Solid State HHD
2TB Standard Drive
MSi Z97-G55 Motherboard
I record with GeForce Shadowplay

Motion Tool: http://www.mtmograph.com/motion/

Adobe After Effects 2017 (AE 2017) is a digital visual effects, motion graphics, and compositing application developed by Adobe Systems and used in the post-production process of film making and television production. Among other things, After Effects can be used for keying, tracking, compositing and animation. It also functions as a very basic non-linear editor, audio editor and media transcoder.

Editor’s Note:

This After Effects Tutorial, we are going to look at a waving flag animation. Flag animation results vary depending on the effects used, but in this flag in the wind tutorial we will show you many things.

30 replies
  1. Workbench
    Workbench says:

    You have to grow the bounds of the png so that the edges don’t get cut off by the bounds of the original image. Use grow bounds. You can also precompose but I suspect it’ll take longer to calculate unless you crop it in and you have to deal with another precomp.

    Instead of tracking, you can pin the warp to one of the sides. It will still move a tiny bit (like really tiny), but it’s realistic and saves having to track it. If you still want to track it, use stabilize motion instead (or change the track type after tracking), and apply it directly to the layer. 🙂

  2. Anime no Sekai
    Anime no Sekai says:

    0:38 That because you need to pre-comp the png and add the effect on the pre-comp (because the layer of the png size is the size of the png image and if you pre-compose it, the size change to the pre-comp size which is by default the size of the composition)

  3. Victor Brandén
    Victor Brandén says:

    If you haven’t already figured it out: The pinning applies to the edge of the composition, not the edge of the flag. So if you for example move the flag to the left edge of the comp you will see that it’s pinned. Nice tutorial! Thank you!

  4. PixelDesigns
    PixelDesigns says:

    1:00 you can go on photoshop scale the image a bit down to let an alpha perimeter that the wave warp is gonna use to undo the cutting effect

  5. r d
    r d says:

    Hi guys , i am a complete novice to AE so i apologize if this sounds like a dumb question. I set up my composition to 10 seconds, when i apply this wave warp to a layer it only plays the duration of the loop and i cant get it to play throughout the entire length of my composition if that makes any sense. Any feedback would be appreciated.

  6. noyan bayman
    noyan bayman says:

    actually easiest way is to add a adjustment layer top of flag put into it wave warp then mask it
    it takes max 30 sec

  7. istockplus
    istockplus says:

    Simply add transform effect on the PNG Picture and change scale parameter to 90% than add the wave warp effect

  8. Richard Horvath
    Richard Horvath says:

    How about simply using the available "pinning" option, which pins one side still? Anyway, thank you It’s a useful TUT for learning how to make a 2D flag animation!

  9. veneracci
    veneracci says:

    is there any way to reverse the wave? like for example, layer a goes up the wave first and layer b goes down the wave.

  10. Mehluli Hikwa
    Mehluli Hikwa says:

    Pretty cool effect (wave warp). What I did was scale my image down in my PSD file before importing it into AE.

    Another suggestion in relation to your tutorials to explain AE scripts like the loop Out coz a lot of guys don’t know how to get in there and what they do.

    You can check my flag wave here i did a few months ago https://youtu.be/AazZoF2cSOA


Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *