This is the Homepage for Art 3312 Motion Graphics

Reading and Tutorial Resources are listed here and in the Pinterest Boards to the right.
You need a banner id as well at home, log on free at any ASU Lab computer.

Students should do the following things before the second day of class:

  • Get the Syllabi and Calendar. Or view the Prezi Syllabus here. (Watch it full screen)
  • Go here for information related to After Effects, to download individual pdf files of the software manuals, video tutorials, etc. Use these to supplement the online reading assignments. Similar Help pages exist for GarageBand.
  • Here are some recent student examples.


FIRST DAY OF CLASS – Go to Video Copilot and watch ALL videos on this page for BASIC TRAINING.

Design Rhythmic Motion Typography in After Effects is a fantastic tutorial from AEtuts+ that will show you how to sync sound with image and type in After Effects.

There are some great expressions (some are must haves) for animating complex physics like gravity and inertia at Motion Graphics Exchange.

Find information from Adobe on animating text here. Indispensable cut and paste EXPRESSIONS can be found here (looping), here and on my Pinterest Boards.

LOOK HERE below some very nice short (average 2 minutes each) videos by Alan Becker on the 12 principles of animation.

Click Here for The 12 Principles of Animation

The following 12 basic principles of animation were developed by the ‘old men’ of Walt Disney Studios, amongst them Frank Thomas and Ollie Johnston, during the 1930s. Of course they weren’t old men at the time, but young men who were at the forefront of exciting discoveries that were contributing to the development of a new art form. These principles came as a result of reflection about their practice and through Disney’s desire to devise a way of animating that seemed more ‘real’ in terms of how things moved, and how that movement might be used to express character and personality.

It needs to be said that many brilliant moments of animation have been created without reference to, or knowledge of, these principles. However they are appropriate for a particular style of cartoon animation and provide the means to discuss and critique the craft in a language that animators have come to understand – “you need to anticipate that action to give it more punch” – “why don’t you put more follow through on the coat tail?”

The 12 Principles of Animation – includes all chapters below.
1. Squash and Stretch

2. Anticipation

3. Staging

4. Straight Ahead and Pose to Pose

5. Follow through and Overlapping Action

6. Slow In and Out

7. Arcs

8. Secondary Action

9. Timing

10. Exaggeration

11. Solid Drawing

12. Appeal

And another website devoted to the 12 Principles.


OPTIONALLY- Find a background AE PROJECT FILE at Videohive (dot net) and purchase it. Or try some of the free Project files you will find at Sternfx, or FreeAETemplates, or heck, do your own search for templates and project files. Try to find something that relates somehow to the content of your interstitial. Render the files out for Class Critique.Try to incorporate this into your interstitial.

GREAT tutorial on using the built in Particles to create a glowing line background (download the project file). Here’s that tutorial we did in class on drawing a pencil line using the Stroke Effect. Add a pencil to the signature here in Part 2. Another way to animate a line using shape layers and the Trim Paths feature is demonstrated here by Aharon Rabinowitz. Here is a quick tutorial on using the Write On Effect to animate a signature or vines growing or anything else you want to reveal.


Here is a link to a Photoshop to AE file that will explain how to create a 3d building in photoshop using the vanishing point filter. Use the expression “value+[0,0,index]” on the position value to make an object go back 1 pixel in 3d space to create a 3d look in AE. Not true extrusion but a good cheat to send multiple layers back to create a 3d look. See the tutorial here.