This is the Homepage for Art 3312 Motion Graphics


Students are responsible for going there to stay on top of class deadlines. 

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

  • Read the Syllabi and Calendar. Or view the Prezi Syllabus here. (Watch it full screen)
  • Watch all of the video Lectures/Demos on the links above under Assignments by the calendar dates. 
  • Go to on the ASUlearn link and make sure you are signed up for class text alerts (Optional but highly recommended.)

FIRST ASSIGNMENT – Other Resources for Project 1

Other Resources
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. This goes into more detail with particles and 3d space than my tutorial, but is otherwise the same. 

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. 

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.

Check out some great textbooks on Safari Online, now O'Riley online.

Online access to 30,000+ technical books, videos, interactive tutorials, case studies, learning paths, and audio books from O’Reilly & Associates and other publishers.

Subjects covered: Business, Desktop and Web Applications, Digital Media, Engineering, Information Technology & Software Development, Math & Science, Personal & Professional Development, Products, and Vendors. All O’Reilly eBooks are in the library catalog.

ACCESS NOTE: Access to O’Reilly is unlimited for all current Appalachian State University students, faculty and staff who enter their Appstate email address (in the format:  You will be emailed an invitation to create a permanent O’Reilly account. Creating a permanent account is not required unless you want to use personalized features or the smart phone app version.  However, if you have created an account you must use those credentials to log in (just providing the email will not give you access).

For more information, see the O’Reilly Guide.

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



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.