Animations in Adobe After Effects

Simple line animation

Let us see how to do simple line animation with adobe after effects.
  • Create a new project and composition
  • Use pen from tool box
  • Set fill options to NONE and Stroke Options to solid
  • Add trim paths from transfer controls pane in timeline
  • Set start and end % to 0 %
  • Add 2 keyframes for end% at 2 sec interval. 1st keyframe = end%=0 and 2nd keyframe = end%=100%
  • Add 2 keyframes for start% at 2 sec interval. 1st keyframe = end%=0 and 2nd keyframe = end%=100%
  • Easyin frames by selecting all frames and pressing F9
  • Set stroke cap to round cap

Exploding circle Animation

  • Create circle using circle tool and fill as none and stroke as solid
  • Add keyframes for scale effect from 0 to 100%
  • Add keyframes to reduce stroke width to 0
  • Add Ease in effect for keyframes using F9 key

Rotating Circle animations

  • Add circle shape
  • Add trim paths and ease in keyframes starting from 100% to 0%. Keep few sec difference between keyframes
  • Add round caps for stroke line by going to ellipse shape
  • Center the anchor by pressing control+alt+key
  • Copy layer and scale it up using Selection tool. Add different color to shape stroke.
  • Copy layer and scale it down and reverse keyframes by selecting them. Make sure you right click on one of the selected keyframes otherwise you will not see keyframe assistant options. Add different color to shape stroke
  • Add Ease in effect for keyframes by selecting them and the pressing F9 key

Expanding and rotating lines

  • Draw line using pen tool
  • Go to shape layer for above line and add repeater
  • Increase number of copies in transfom-repeater1
  • Change x position to 0 in transfom-repeater1
  • Increase the rotation by some degrees in transfom-repeater1
  • Increase Y anchor in transfom-repeater1
  • Center the anchor point
  • Then add scale, rotation, trim path etc

Text Animations

Now let us see how to create Text animations.
  • Add text layer in a composition
  • Drop desired text animation effect from effects and presets panel onto text layer

Social Media Animations

Now let us see how to create social media animations.
  • Drag social media image on new layer in a composition
  • Drop desired animation effect from effects and presets panel onto layer
You can find below video tutorials by SonDuckFilm very useful.
  • https://youtu.be/CxDsNJarbBY
  • https://youtu.be/9bnOVV3EBC8

Web development and Automation testing

solutions delivered!!