Animation

10DTEC

Animation project

Intro to Animate

Learn:

Intro to Animate

Classic Tweens

Do:

Follow the slides

Animate the ball

Extend:

Add another shape

Make them dance

Intro to Animate: Getting started

Steps to make the dot go

Start Adobe Animate
Draw a basic shape (ball)
Add a new keyframe
Add a tween
Test the animation

Keyframes and Tweens

Learn:

Intro to Animate

Classic Tweens

Do:

Follow the slides

Open the ball maze project

Animate the ball through the maze

Export a GIF

Extend:

Add another shape

Animate a different path through the maze

Keyframes and Tweening

Steps to make the dot go

Download and open the project
Add a new keyframe
move the ball
Add a new tween
Test the animation
Repeat for the next bit of the maze

Tweening with rotation

Learn:

The Free Transform tool

Tweening with rotation

Do:

Follow the slides

Open the cat or fireball project

Animate the sprite through the maze

Export a GIF

Extend:

Try the other things the Free Transform tool can do

Make a special animation at the end of the maze.

Intro to Animate: Tweening with rotation

Steps to make your character walk

Download and open the project
Add a new keyframe
move the ball
Add a new tween
Test the animation
Repeat for the next bit of the maze

Symbols

Learn:

The basics of symbols in Animate

Do:

Follow the slides

Change the image for the cat/fireball

Here's a dog and another fireball

Create an movement animation

Export the GIF

Extend:

Refine the animation

Use your own picture

Intro to Animate: Symbols

Steps to make your character walk

Open the symbol
Replace the image
Use the asset warp tool to rig it
Create keyframes and tweens
Use the asset warp tool to make the walk cycle

Build your own

Learn:

How to set up your own scene

Do:

Follow the slides

Find your own images

Import them into Animate

Create an animation

Export the GIF

Extend:

Add more characters

Intro to Animate: Build your own

Steps to set up a scene

Create a new project
Import the images
Put the images on layers
Turn the character into a symbol
Animate it!

Another way of Rigging - Parenting

Learn:

Layer parenting

Do:

Follow the slides

Open the SkeleRig project

Rig the Skeleton

Create a dance Animation

Export the GIF

Extend:

Create some drama in your scene

Intro to Animate: Rigging a character

Swapping symbols

Learn:

Swapping symbols

Do:

Follow the slides

Open the animated SkeleRig project you did last lesson

Swap the symbols

Export the GIF

Extend:

Create some drama in your scene

Swapping symbols

Rig an illustrator image

Learn:

Turning an Illustrator image into an animation

Do:

Follow the slides

Download the kiwiRig Illustrator file

Import it to the stage

Create the symbols

Rig it and animate it!

Export the GIF

Extend:

Try rigging a more complex character.

One of:

the guy

the girl

Stick Figure

Rigging an illustrator image

Steps to rig an image

Import the Illustrator file to the stage
Turn each part into a symbol ( f8 )
Give them good names
Delete the stage
Create a layer for each part of the character
Parent the layers

Set up an Illustrator image

Learn:

Making an Illustrator image for animation

Do:

Follow the slides

Download the kiwiUngrouped Illustrator file

Practice grouping the parts

Extend:

Start working on your own Character.

You could rig the character mashup you created earlier.

Setting up an Illustrator image

Steps to set up an image

Open Illustrator
Draw all the parts you will need
Separate them
Turn each item into a group

Character Design

Learn:

The character creation process

Do:

Read the slides

Give it a go

Record your progress here or in the slides your teacher gives you

Extend:

Start working on your own Character.

You could rig the character mashup you created earlier.

Character design for Animate

Steps to set up an image

Get some inspiration
Do some concept sketches
Select the concept (get feedback)
Develop your idea (get feedback)
Draw the character
Create the rig sheet

Page updated

Report abuse