Tuesday, May 22, 2018

Animate Tutorial Check List

Make sure you have the following animation tutorials saved to your blog. Each can be in separate short cartoons, or all included in one real. Include a title of the type of animation technique used.
  • Frame to frame animation
  • Motion Tween
  • Classical Tween
  • Shape Tween
  • Transform/Scale Tween
  • Colour Effect Tween 
  • Masking 
Then and post your personal project- Circle animation which includes a minimum of 4 techniques to help tell your story. Give a brief synopsis/intro/overview to your story idea on your blog.

If you are having issues posting your animation to your blog, then create a folder in the StudentShare/ "2018 Computer Arts" folder titled with your name. Make sure to post your write up about your animation to your blog.

Tuesday, May 1, 2018

Animating a Walk Cycle

The walk cycle is one of the most important learning concepts in animation--and also one of the most technically difficult, because it requires so much attention to the movement of opposing limbs.

However difficult, though, if you can learn to master a walk cycle then you can animate just about anything. There are many types of walk cycles, and you can vary the motion to match your character or his/her mood; you can do bouncy walks, shuffling walks, casual slouches. But the first and simplest is the standard upright walk, viewed from the side--and that's what we're going to attack in simplified form today.

You can cover the cycle of a full stride in 8 frames.


Here is a walking cycle Flash Tutorial.
Walking Cycle Tutorial


Here is a tutorial that criticizes the "Walking Cycle":
April Peter, Animator 
She has a good argument why the walking cycle is not the best way to learn.

April offers some advice:




  • Never stop thinking about who your character is.
  •  Each walk should be different to suite the weight, gait, strength, body type and attitude of the character. 
  • After you've finished the basic structure, you don't have to keep the keys of all the transformations on the same frames. Each separate rotation or translation can have a different timing.
  • Don't obsess about ending up with identical graphs for each step. Achieving perfect mathematics and achieving a good animation usually aren't the same thing.
  • In fact, try to dirty the walk up. For example, place the feet in a slightly different place every time. Play with the rotations of the torso, head or arms.
  • Thursday, April 26, 2018

    FLASH: Circle Animation

    https://media.giphy.com/media/H2NIpGM7gkntu/giphy.gif

    Create a simple animation about a circle.

    Your circle can be a real-life subject ie. a golf ball, or a hole in something, you can decorate/embellish your circle, it can have a personality/identity, it can start abstract too, and there can be more than one circle...

    But no matter what, you should create a simple story about your circle: establish the character through graphics and motion, give some conflict, and have the conflict resolve.
    • Create a Symbol/main character [AKA Circle].*
    • Background on a different layer to establish scene.*
    • Must include a short narrative: Establish character/conflict/resolution. * 
    Animate your circle using four or more of the following techniques:
    • Frame to frame animation
    • Motion Tween
    • Classical Tween
    • Transform
    • Scale Tween
    • Colour Effect Tween
    • Shape Tween
    • Ease
    • [You can animate the background too.] 
    Create a simple story and incorporate your new Flash skills.Publish it and save to the Flash Circle Animation in the Computer Arts Share folder. We will share all of the circle animations with the class... When you post it, write a short overview of what your animation is about.



    Some circle animation ideas
    https://youtu.be/X0k7N0ASfp8

    Wednesday, April 25, 2018

    Animate/Flash: Masking Tutorial

    Inserting Layers and Naming them

    • By default you will have a layer in your timeline window. Insert one more layer, totally you need two layers to mask an object.
    • Rename the top layer to "Mask" and the layer below that to "background".
    Creating Shape Tween
    • Import your picture to the "background" layer.
    • Using Oval tool from your tool box, draw a circle in your "Mask" layer and delete it's border.
    • Drag the circle to one end of your picture.
    • Now go to"frame 40" of your "Mask" layer and press "F6" to insert a new keyframe.
    • Now go to "frame 40" of your "background" layer and press "F5" to insert frames, so that your background image is available all through your mask.
    • Select "frame 40" of your "Mask" layer, that is your new keyframe, Keeping the playhead on "frame 40" of "Mask" layer, drag the circle to other end of your picture.
    • Now go back to "frame 1" of your "Mask" layer, keeping the playhead on "frame 1" of your "Mask" layer, select Shape tween in your properties window.
    Masking
    • Right click on the "Mask" layer (the area where you named the layer not where the frames exist) and select Mask.
    Your Mask is all ready. Press Ctrl+Enter to view your Mask.

    Tuesday, April 24, 2018

    Animate/FLASH: Shape Tween

    • Open a new flash file (Ctrl+N).
      New Document window will appear
      Select General panel and choose Type: Flash Document . Press OK.
    • If your timeline window is not open, press (Ctrl+Alt+T).
    • Now you can see a single Layer called "Layer1" in your timeline Window.

    • Select the first frame. Now go to your working area and draw any object. To start off with, may be you can draw a circle.This is going to be your initial object.
      In the above demonstration, my initial object is a short line.
    • Select frame 20 and press F6 to insert a new keyframe.
    • Still keeping playhead on frame 20, delete the object present in your working area. Now draw a different object, may be a square.
      In the pencil demonstration, we have drawn a long line.
    • Select any frame between, 2 to 19 and select Shape from the tween pop-up menu in the Property inspector. Now your Layer will look something like the one shown below.

    • Now press (Ctrl+Enter) to view your motion tween.

    Friday, March 9, 2018

    Post Your Final Totem

    Totem by Rogue Romero
    Finish all three of your iconic drawings representing different aspects of yourself.
    Combine the illustrations into one personal totem- make sure to consider the order of your images.
    Export the totem and post to your blog.

    Write a short explanation of your totem considering the following prompts:
    1. What animals or items did you choose to illustrate? Why did you choose those animals/items? What do the illustration/icons represent about you? 
    2. What decisions went into your illustrations of your totem? Colours/style/shapes/background?
    3. What order did you put your totem in? Why did you organize your totem in that order?
    4. What is the most successful part of your totem.
    5. What part of your totem do you think you could have put more time into?