Web Motion for Beginners An Overview by Tom Green

Web Motion for Beginners An Overview by Tom Green
In this lynda.com series of project based courses entitled Web Motion for Beginners, Tom Green teaches web-based motion graphics from start to finish. During the process you will build five projects in all.


Green begins an overview of the important considerations for a successful project.

First, Green discusses the purpose of animation and how it is achieved. Using an example of the transition from one screen to another on a tablet device, he deconstructs the animation in to the individual parameters that are controlled by the animator.

Green discusses how animation is just a way of storytelling by moving objects and the two most important questions you must answer to create a successful project. He demonstrates the use of storyboards to help in this process.

Next, Green discusses the planning process and workflow for an animation project. He points out all the stages of the workflow and how the project manager must budget both time and dollars for each stage to arrived at a completed project at the set deadline.

Green next shows how organization is very important to the success of a project. He discusses how to organize the various assets for the project, such as fonts, media, text and images, into dedicated subfolders within the project folder.

Green also discusses some of the most common pitfalls in planning a project such as browser compatibility and reusable content. He also introduces the software that he keeps in his "Web Motion Toolbox".

After this short overview, you are ready to begin any one of the five project based video tutorials.

Create a Parallax Effect - Build depth and motion with a Parallax effect with Google Web DesignerR, Flash CCR and Edge AnimateR.

Animate a CSS Sprite Sheet - Sprite sheets are one way to optimized animation for web and tablet devices.

Create a Preloader - Build a preloaded using After EffectsR, PhotoshopR or FireworksR and Edge Animate.

Create an Animated Banner Ad - Build a web banner with motion and interactivity.

Final Project - This final project combines all the techniques learned in the previous projects as you build a banner ad using IllustratorR, Photoshop and Edge Animate.

When you have completed this series of short courses, you will have a better understanding of the creation process for web motion graphics from planning to completion.

Tom Green's other video tutorials on lynda.com include Up and Running with HTML5 Video, Creating Interactive Projects with Edge Animate, Fireworks CS6 Workshop and Fireworks CS3 Essential Training.


Disclosure: I was not financially compensated for this article. The opinions are completely my own based on my experience.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2022 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.