Create a Flip Cards Animation in Adobe After Effects

Create a flip cards animation in Adobe After Effects. In this tutorial, you will learn to create an amazing flip card animation in Adobe After Effects without using any plugins or expressions. After watching this tutorial you will easily create your own flip cards animation. I recommend you watch this video till the end, don’t skip any step. Otherwise, the results might be different. This is 100% editable, you can easily change the images if you want.

Project File Details:

UpdatedSeptember 17, 2023
CompatibilityAfter Effects CC
Required PluginNo
Size91.09 KB
CategoryAfter Effects Tutorials
5/5 - (1 vote)

If you’ve any questions or have paid work in mind, don’t hesitate to contact me at [email protected].

Step-by-Step Guide to Creating Flip Cards Animation:

Step 1: Setting Up the Composition

  1. Open Adobe After Effects and create a New Composition.
  2. Rename it to “Flip Animation” (or your preferred name).
  3. Set the resolution to 1920×1080 Pixels, frame rate to 30 frames per second, and duration to 10 seconds.

Step 2: Importing Images

  1. Go to the File Menu > Import.
  2. Import the required images for the animation.

Step 3: Setting Up Individual Letter Compositions

  1. Drag the A-letter image to create a new composition with the same resolutions.
  2. Repeat the same process for letters B, C, and D.
  3. Go back to the Main Composition and drag the A letter Composition to it. Enable the 3D option.

Step 4: Adding Guides

  1. Zoom in and add horizontal and vertical guides to the center of the composition for precise alignment.

Step 5: Creating Masks

  1. Duplicate the A letter composition layer (Control + D).
  2. Select the bottom layer and use the rectangle tool to add a mask to the top side.
  3. Select the top layer and add a mask from the bottom side.

Step 6: Animating the A Letter

  1. Select the top layer of A composition and press R to open Rotation Properties.
  2. Add a keyframe for X rotation at the first frame.
  3. Set X rotation to 180 degrees.
  4. Go to 1 second on the timeline and set X rotation back to 0 degrees.

Step 7: Applying Track Matte

  1. Select the bottom layer of A composition.
  2. Go to Track Matte and choose Alpha Inverted Matte.
  3. Go to 15 frames forward and trim the top layer of A composition, then make it visible.
  4. Drag the pick whip from the top A letter layers to the bottom layer of A composition.

Step 8: Applying Similar Steps for B, C, and D

  1. Drag the B letter composition to the timeline. Enable 3D and duplicate the layer (Control + D).
  2. Apply masks and animations to B in a similar manner as A.
  3. Repeat the process for C and D letters.

Step 9-24: Repeating Steps for Each Letter

Follow the same pattern of steps for each letter (B, C, and D), including setting up compositions, applying masks, animations, and track mattes.

Step 25: Adjusting Timing

  1. Unhide and unlock all locked layers.
  2. Adjust the timing of layers B, C, and D by dragging them along the timeline.
  3. Organize the timing of each letter’s animation sequence.

Step 26-28: Continuing Adjustments and Animations

  1. Continue adjusting the timing for layers C and D.
  2. Add the A letter composition to the timeline between the A letters.
  3. Enable 3D, adjust position, and apply masks.

Step 29: Final Adjustments and Animations

  1. Add B letter composition between C layers.
  2. Enable 3D, adjust position, and apply masks and rotation.
  3. Add C letter composition between D layers.
  4. Enable 3D, adjust position, and apply masks and rotation.

Step 30: Completing the Animation

Congratulations! You’ve successfully created a Flip Animation in Adobe After Effects.

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

Similar Posts