Flash Animation Tutorials: Animate for broadcast.
Hello and welcome to FLASHARTIST.

Today I will demonstrate how to create some cool collage type character animation using Flash CS3.

this is the example movie I will be using for this tutorial.

Character animation in Flash from FlashArtist on Vimeo.

The first step is to create your collage character in a photo editing software such as Photoshop or Firework. you need to break down the character in separate layer for each body part.  as shown below

Go to Flash and create a new document 720×576 / 30 frame per seconds  ( broadcast setting )

Locate and import your layered document to stage .

Make sure your character is  layered  with each part of the character on separate layers,

head

torso

leg left

leg right

arm left

arm right

Once imported on stage  each body part should be on a separate flash layer

Now select the head and press F8 to convert it into a Movieclip

- Name the movie clip HEAD and select the FREE TRANSFORM tool.

- Click and drage the IK point to the most realistic rotation  point (around the neck area)

Using the FREE TRANSFORM you can rotate the head side to side and locate where you feel is the best IK point.

Repeat the same operation for each body parts; the arms, the  legs and the torso. replacing the IK point as required for each .

Once done , select all the keyframe copy and paste them in a new MovieClip that you can name Walkcycle.

Once all the layer are in the new Movieclip go to frame 10 and insert a keyframe for each layer.

Go over the timeline RightClick and create a Motion Tween for each layer.

That’s it! Now the fun bits, the character is now ready to be animated using the FREE TRANSFORM tool.

Here is a bit of walk cycle reference.

Getting a walk cyle right is one of the trickiest thing to get right in animation, as a guideline for this example make sure that the first and last frame of the walkcycle are the same so that it  loops seamlessly . you can use the onion skin tab to help with the animating.

You should get something like that

elephant flash tuto from FlashArtist on Vimeo.

Now to create the background, in this example I have created a deck scene out of recycled images, the trick to simulate movement is to make it super wide to scroll / pan  from one end of the scene to the other.

Make a new MovieClip and import your background image, convert it into another MovieClip and using tweening animate your backgound from left to right.

Finally Go to the main stage and compose your scene using the 2  movieClips of the walk cycle and the animated background

Once you are happy with your animation publish as a quicktime file for further editing.

download all the project files here

You can instruct Google  not to include content from your site or remove content that is currently  indexed in their search engine.

For instance to prevent robots from crawling your site, place a robots.txt file in your server root:

Open a text editor such as wordpad and copy and paste the following text:

User-agent: *

Disallow: /

Save the file as robots.txt and place it in your server root as such:

(http://yourserver.com/robots.txt)

• To block a directory and everything in it, follow the directory name with a forward slash.

  Disallow: /junk-directory/

• To block a page, list the page.

  Disallow: /private_file.html

• To remove a specific image from Google image search, add the following:

  User-agent: Googlebot-Image
  Disallow: /images/dogs.jpg

• To remove all images on your site from Google image search:

  User-agent: Googlebot-Image
  Disallow: /

• To block files of a specific file type (for example, .gif), use the following:

  User-agent: Googlebot
  Disallow: /*.gif$

So you can therefore specify which part of your site you need preventing from indexing, To find out  more about content indexation go to  google Webmaster Guidelines.

A simple way to animate a vector based character in a flash animation using the bone tool

[youtube=http://www.youtube.com/watch?v=kngaZQQ84Xo]