Animate [Flash] Tutorial: Basic Motion Tweening

Learn how to use motion tweening:

Steps to follow:

• 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.
  
• Title Layer 1, "Pencil"
• Select the first frame. Import your image onto stage,pencil image to implement motion tween.
  File>Import>Import to Stage, or just press (Ctrl+R).
  Or you can even draw your own object, you can either choose Rectangular tool or Oval tool from the tool box and draw your desired shape.
• Now select your object on the stage and press F8 to convert this image to a Symbol. Convert to Symbol window will pop-up.
  Name your Symbol what ever you like.
  Select Graphic behavior and press OK.
• Your Symbol is in frame 1 of Pencil layer. Select frame 20 and press F6 to insert a new keyframe (or right click "Keyframe")
• Still keeping playhead on frame 20, move your Symbol to any other position other than the present one.
• Select any frame between, 2 to 19, then right click select "Motion Tween". Now your Layer will look something like the one shown below.
  
  
• Now press (Ctrl+Enter) to view your motion tween.

http://www.entheosweb.com/Flash/motion_tween.asp
Try the following tutorials:

1. motion tween
2. shape tween
3. masking
4. fade
5. zoom
6. bouncing effect

Intro to Animate [Flash]Animation

We are going jump ahead and play, draw and animate in Adobe Animate [aka Flash]. Animate is a fun program that makes animation easy... well it takes a bit of time to learn, but there are many things it can do. It can help you create digital animations, help you design games, and help generate cool websites. I say it can help, because you are the designer and creator, you have to make the choices to create your piece.

https://helpx.adobe.com/ca/animate/using/using-stage-tools-panel.html

Here's an intro to Flash:
Animator vs. Animation

We are going to learn about the following:

• The stage
• Timeline
• Properties
• Tool bar
• Library
• Document set-up
• Frame by frame animation
• Creating a symbol
• Key frames
• Motion tweening
• Scale
• Colour- Tone/alpha

Assignment 1- DOT

Animation Assignment #1- DOT

Make your DOT do something... it can turn into something, go somewhere, or... dot dot dot...

Experiment with frame to frame animation with toonator.com and develop your Dot animation idea. Try 3-5 variations of your dot on "Toonator" and post your favorite to the Class Sharing Space.

Toonator Animation

• Start with a dot on frame 1
• Then go to the next frame and draw the dot again, but alter the placement, size, or shape of the dot slightly.
• Flip the frame again and continue until your dot does something or goes somewhere.
• To make the movement slower, keep the changes very tight/close to previous. Alternately, to make the movement more rapid, draw the dot further from frame to frame.
• Have fun!
• You can use color too!
• Be creative! 
• Remember that you have no limits other than your imagination, and the length of frames in your animation.
• Draw minimum of 50 frames...
• Post your best animation to share with the class: https://docs.google.com/document/d/1zDtAjQpT3Ofr_pkD3r1pZsPUueuCQCZrB9dGz0Q_pmQ/edit?usp=sharing 

Animation basics: The art of timing and spacing
DOT, the world's smallest stop motion character

Welcome to Computer Animation

an·i·mat·ed

/ˈænəˌmeɪtɪd/ Show Spelled[an-uh-mey-tid] 

adjective

1. full of life, action, or spirit; lively; vigorous: an animated debate on the death penalty.

2. made or equipped to move or give the appearance of moving in an animallike fashion: animated puppets.

3. containing representations of animals or mechanical objects that appear to move as real ones do: an animated window display.

A simulation of movement created by displaying a series of pictures, or frames. Cartoons on television is one example of animation. Animation on computers is one of the chief ingredients of multimedia presentations. There are many software applications that enable you to create animations that you can display on a computer monitor.
Note the difference between animation and video. Whereas video takes continuous motion and breaks it up into discrete frames, animation starts with independent pictures and puts them together to form the illusion of continuous motion.

Classical (Traditional) Animation:  is an animation technique where each frame is drawn by hand. The technique was the dominant form of animation in cinema until the advent of computer animation.
When the Day Breaks
Zero

Claymation/Clay Animation: All traditional animation is produced in a similar fashion, whether done through cel animation or stop motion. Each frame, or still picture, is recorded on film or digital media and then played back in rapid succession. When played back at a frame rate greater than 10–12 frames per second, a fairly convincing illusion of continuous motion is achieved.
Gulp
Making of Gulp

2-D Computer Generated Animation- Motion Graphics: is the process used for generating animated images by using computer graphics. The more general term computer generated imagery encompasses both static scenes and dynamic images, while computer animation only refers to moving images.
Paperman

3-D Computer Generated Animation- Motion Graphics: Objects (models) are built on the computer monitor (modeled) and 3D figures are rigged with a virtual skeleton to give an illusion of real 3-dimentional space.
Octopus Love

Computer Animation Programs- Term 1
Term 1 Introduction
In Term 1, we are going to learn the basics of principles computer animation while incorporating the following animation software:

• Gif Animations/Photoshop
• Adobe Animate/Flash
• After Effects 
• Blender

Term 2 Self- Directed
Students will be encouraged to to work collaboratively to produce create student directed projects.

Rendering your animation

The three stages to finishing your short animations is rendering, compositing and then merging together.
After you have finished key-framing your animation in blender, you are ready to render out your animation as a finished piece. "Rendering" means that blender will look at the light-source,  object materials, textures and motions to produce an image or movie that reflects all these things. It is normal for blender to take hours to render out an animation, so it would be wise to render it on a personal computer over night.

Short rendering tutorial by Blendercookie.com

Here is a second tutorial with a quick tip on rendering animations:

http://www.blenderguru.com/videos/introduction-to-the-compositor/

The next stage (compositing) is optional and is only necessary if you want to add effects like changing the colour, saturation, or contrast of the overall render. Compositing in blender is similar to Photoshop as you can make many adjustments to the image after it has been captured.

Here is a tutorial on using the compositer to edit your renders.

The third step is to take multiple renderings of animations and merge them into one movie file and/or add sounds to the animation. You can do this all by using the video sequence editor within blender.

Here is a tutorial that shows you how to put individual renderings together and add sound if you want.

Blender Basics Tutorials

We will continue to doodle with meshes in edit mode. This is called modelling.

First here are a few basic Blender tutorials :
Blender Beginner Basics
https://www.youtube.com/watch?v=zOvawDOWqC4
Blender Basics 02 Intro to Interface
Blender Basics 03 Modeling
Blender Basics 04 Intro to Animation
05- Basic Shading & Lighting
06- Rendering
Converting to an animation

Modelling tutorials:
ianscott888 -Adroid character
ianscott888 -car

To learn about how to add materials (colours, glass, metal, plastic), watch these:
cgboorman
Super3boy

If you feel behind, these tutorials are great:
Getting Started

Here are some cites that have advanced tutorials:
Blender Cookie
Blender Guru
BlenderDiplom
Blender website

Good luck!

Building an Armature

Step by step guide to build a claymation armature:
https://www.wikihow.com/Create-a-Claymation-Armature
http://joshuamosley.com/tutorials/claymationArmature/armature.html
Armature advice
https://www.youtube.com/watch?v=n-HcsZ_HKYs
Making of Gromit Army
https://www.instructables.com/id/Making-an-army-of-Gromits-Claymation-Mold-making/