8/22

TempIGD

1Punch2Craig!

Start off the day with the warm-up 

One by one we will stand up, introduce ourselves and tell us the best thing you have ever eaten in a school lunch

https://www.piskelapp.com/

What are you learning? 

The principals of animation

Why is it important? 

You will be using these principals to improve your animations.

How do you show that you understand? What is the assignment?  

1. Create a simple animation in Piskel using squash and stretch

2. Create a Diamond Sword without animation(minecraft)\

3. Create 8 other Minecraft objects and animate them

The Principals

1. Squash and stretch

2. Anticipation

3. Staging

4. Straight Ahead & Pose to Pose

5. Follow Through & Overlapping Action

6. Slow in & Slow Out

7. Arcs

8. Secondary Action

9. Timing

10. Exaggeration

11. Solid Drawing

12. Appeal

Piskel Terms

Sprite - A sprite is an image/graphic that is part of the game. It can be a character, weapon, tree, whatever.

Animated Sprite - A sprite that moves

Pen Tool - Tool used for drawing or creating a path

Paint bucket Tool - Completely covers a selected area

Eraser Tool - a brush that removes color/pixels

Rectangle Tool - Used to draw shapes and paths

Move Tool - Positioning content

Rectangle Selection Tool - Selecting an area or object

Lighten/Darken - Changes the color of the area selected

Color Picker - Selects a color that is already in use

Vertical Mirror Pen - Like the pen tool but also creates the opposite drawing on the other side of the axis

Twisty Bucket Tool - changes all the pixels to the same color

Stroke Tool - Draws Straight Lines

Circle Tool - Used to draw shapes and paths

Shape Selection - Moving Selections to a different area

Lasso Selection - Freehand tool to select and move

Dithering - Improved the quality of images that have a limited colors/pattern. An example of this would be turning a photograph into an old school 8 bit nintendo art.

Layers - Different transparent “sheets” stacked on top of each other that may have different pieces of art or color

Flip Horizontally - Reflects the image to show the opposite

Counter Clockwise rotation - Turns an image in a circular motion going left

Clone - makes an exact copy of your layer

Align image to center - moves image to the middle of your work area

FPS - Frames Per second

Palettes - Color combinations

Pen Size - Size of pixels filled with a click

Crop - Removes unwanted area outside of a selection

Sprite Sheet – An image with smaller images usually in a grid that is used to create animation

Gradient – When one color gradually changes into another

Color Banding/Posterization – Opposite of a smooth gradient, often happens as a result of limited color pallet

Light Source – Direction your light is coming from