Thursday, December 23, 2010

Creating Realistic 3D Animation in Flash CS4

Creating Realistic 3D Animation in Flash CS4:

Flash CS4 came with some big changes and features that still amaze us even after the more recent release of Flash CS5. Flash now has the ability to work with objects in 3D space directly within the working environment.

Although it’s still a basic feature compared to what you can do with 3D in ActionScript classes, this tool opens the door to designers and animators who don’t know much about code. It allows them to start moving their objects in 3D space without the need to use old methods (such as importing 3D animation in sequence images etc.)

Along with the 3D tool, Flash has changed the way we understand motion tweening by adding the new motion tweening style, which is more like the animation auto-key in After Effects. Along with the motion tweening changes, Flash comes with the Motion Editor. This panel has a lot of features and capabilities giving the animator more control over animation in Flash using animation curves.

The Motion Editor panel not only enhances animation by giving more options through curves control, it also provides control over animation easing, lending a more realistic look. The easing concept is known in many animation applications such as After Effects, but it was previously so basic in Flash and limited to changing the easing value from 100 to -100. The newer easing features give you more ability to control animation easing as we will see in the steps below.

In this tutorial, we’ll merge the 3D and easing features by creating 3D animation in Flash and also applying the easing curves.


Final Result Preview

Let’s take a look at the final result we will be working towards:

The first part in our tutorial is to build the cartoon scene for a room with a door.


Step 1: New Document

Open a new Flash document with the dimensions 600px X 450px and start drawing the outline of the room demonstrated in the figure below [...]

No comments:

Post a Comment