Thursday, September 5, 2019

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

Tuesday, September 3, 2019

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

[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.