Create a Simple Text and Picture Transitions Animation in After Effects

Sebastiaan Destellirer, Graphic Designer, Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (19m)
    • 1. Introduction - Transition Animation in Adobe After Effects

    • 2. Info on your Project and how to find Free Images

    • 3. Design the first part of the Animation

    • 4. Create the 2nd Part of the Motion Graphics

    • 5. Putting the 2 Parts Together

    • 6. Wrap-Up and Project Info

    • 7. How to Embed YouTube or Vimeo Video to Project Page


Project Description

For your class project, you can (re)create a similar Transition, or create something different.
(You can download the project file below)

  1. To start, you can make a short list of pictures and words you want to use, and post it to you project page.

  2. The next step is to find the pictures you want to use.
    (Free pictures can be found at

  3. Make some rough sketches on paper/computer on how you want to animate the different parts.

  4. Put it al into Adobe After Effects and Start Animating.

  5. Upload your final Animation (embeded or link to YouTube or Vimeo) or as Small / Low Resolution Animated GIF (file size needs to be under 2 MB to work )

I am here to provide feedback on you projects, or answer any questions you may have.
The best learning experience is by making a project, so I would love to see what you create.

Student Projects