دانلود Web Motion for Beginners Tutorial Series - دوره های آموزشی موشن گرافیک برای وب

Topics include:
0. Introduction
 - Welcome
 - Using the exercise files
1. A Motion Graphics Overview
 - The world around you is not linear
 - Storytelling and storyboarding
 - Planning a project
 - Choosing your tools

Web Motion for Beginners: Animate a CSS Sprite Sheet:
CSS sprite sheets have opened up another door for web motion, allowing you to efficiently animate a series of images—anything from button states to character poses. In this quick course, Tom Green shows you how to animate a character's walk cycle by creating a sprite sheet in Flash, editing in Fireworks, and putting it into motion (and into your HTML) with Edge Animate.

Topics include:
- Project overview and plan
- CSS motion overview
- Sprite sheet creation in Flash CC
- Sprite sheet editing in Fireworks
- Assembling the project in Edge Animate
- Testing and output

Web Motion for Beginners: Create a Preloader:
Behold the lowly gif animation: it's making a comeback on the web, appearing as a preloader, or indicator that site content is loading. Join Tom Green, as he shows you how to make your own GIF-based preloader in this installment of Web Motion for Beginners. You'll learn how to export a series of fireworks-style explosions from After Effects, create an animated GIF in Photoshop or Fireworks (your choice), and make the GIF usable as a preloader in Edge Animate.

Topics include:
- Project overview and plan
- Creating the composition and preloader in After Effects
- Adding the particles in After Effects
- Rendering the composition in After Effects
- Animated GIF creation in Photoshop
- Animated GIF creation in Fireworks
- Assembly in Edge Animate

Web Motion for Beginners: Create an Animated Banner Ad:
Learn to create a simple web banner with motion and interactivity. This installment of Web Motion for Beginners shows you how to take a client project from concept to completion—in this case for a banner ad that invites viewers to visit Ontario, Canada. Tom Green shows how to build on an initial idea with sketches and wireframes, and create your image assets in Adobe Photoshop and Illustrator. You'll then assemble the ad in Edge Animate and create interactive buttons with the Gradient feature.

Topics include:
- Project overview and plan
- SVG graphics creation in Illustrator
- PNG graphics creation in Photoshop
- Assembly in Edge Animate
- Create a three-state button in Edge Animate
- Add interactivity in Edge Animate
- Test and output

Web Motion for Beginners: Final Project:
It's time to put the techniques you've learned over the course of the Web Motion for Beginners series into action. In this final installment, Tom Green shows you how to create an animated banner ad with Adobe Illustrator, Photoshop, and Edge Animate. Along the way, he'll explain how to incorporate parallax motion, web fonts, and responsive design principles. Put your skills to the test by following along with these five short movies, and you'll feel like a web motion graduate.

Topics include:
- Project plan and overview
- PNG asset creation in Illustrator
- Create an image in Photoshop that will loop in Edge Animate
- Export Photoshop assets using Generator
- Create a looping animation in Edge Animate
- Add responsiveness to an Animate composition