Skip to content

Please update your browser

Your browser version is not supported by this site. CS First may not work properly. Learn more.

1. Introduction to Animation

Transcript

(bright music)

Hello, and welcome to day two of CS First Art.

Today, you will learn about animation, a popular type of art.

Then, you'll animate a character to make it dance.

You will also learn an important computer science concept, loops.

A loop is a set of instructions or actions that gets repeated over and over.

Take a look at how loops are used to create animations.

This video shows a flip book, a simple type of animation.

The artist drew one picture on each page of the flip book, each with a small change, then flipped through the pages to make the character look like it was moving.

He repeated the same action flipping the page over and over, which is what a loop will do in your animation.

This way of creating animation is called traditional animation, and is how many animated movies such as, The Little Mermaid, Beauty and the Beast, Cinderella, and The Lion King, were made.

Another way of creating animations is called stop motion.

In stop motion, the artist makes inanimate objects such as legos, clay, or action figures look like they're moving.

They do this by taking a photo of the object, moving the object a little bit, taking another photo, moving it a little bit, taking another photo, and doing this over and over again.

When these photos are looped to play quickly, it looks like the object is moving.

In this example, it looks like these figures are dancing, but it is really a series of pictures, played really quickly.

Some movies created using stop motion animation include Wallace and Gromit, Chicken Run, and The Nightmare Before Christmas.

Stop motion animations are created using a loop.

The artist repeats the actions, take a picture, move the object, over and over again.

Today, you're going to animate a dance using loops.

Take a look at this example project in which a penguin dances forever.

This animation is made up of many different pictures, each of which is a little bit different from the one before it.

A loop is used to switch between these pictures over and over again, creating the illusion of movement.

In this video, you'll learn how to sign into Scratch and remix a starter project.

Watch the video to learn what to do, then try it on your own.

To start, choose a character to animate, a penguin, a crab, a ghost, or a character named GoGo.

Once you've chose one, click that link to open the starter project.

This example will select the penguin starter project.

But you can choose any one you like.

Enter in your sign-in information from your CS First club passport, and click sign in.

Then click the remix button.

You have now created a copy of the starter project to work with.

Now it's your turn.

Choose a starter project to remix, then click on the link next to this video to open it.

Sign in to Scratch using the information on your CS First passport.

Click Remix.

After you finish these three steps, switch back to the CS First tab, and click the green arrow to move on to the next video, where you'll begin animating the character you selected.

Next arrow_forward
Instructions
  1. Choose a starter project to remix, then click on its link next to the video to open it.
  2. Remix the starter project.
  3. Sign in to Scratch using the information in your CS First passport.
Attributions
  • "The Nightmare Before Christmas (2944550316)" by Helgi Halldórsson (https://commons.wikimedia.org/wiki/File:The_Nightmare_Before_Christmas_(2944550316).jpg) -- Licensed by CC BY-SA 2.0 (https://creativecommons.org/licenses/by-sa/2.0/deed.en) -- Image scaled up, cropping edges
  • "Belle and Beast" by Jennie Park mydisneyadventures (https://www.flickr.com/photos/11325321@N08/6883999205) -- Licensed by CC BY 2.0 (https://creativecommons.org/licenses/by/2.0/deed.en)
  • "Cinderella" by Victor R. Ruiz (https://www.flickr.com/photos/rvr/9233921484/in/photolist-f4Yg9Q-b9Kzhx-czLsNs-qvQoa7-Kudiy-eRUAWt-7pjXdw-cteago-aQGD2Z-5gt9XD-cj4HVq-r8L6Qt-ctehT7-31q6V5-5bKdsU-b24Uc2-3aH1mo-4Ku9bx-4Ku91z-5bKdim-5bKd27-5bEWmR-5bKda5-6e6VWM-bvxkNz-5bKdRs-GhFuW-5bEWS6-dgpMiR-azS4MP-bGBHvB-czLsXJ-v5rjeH-nUWDyX-9HzLbR-2yg9g8-6dHJQJ-bxuJ4w-67RRMR-6dUUnm-jviGnA-jvjZUu-fokqGv-5FMJR3-nU8jZL-A2JFQd-d4WoTh-n3uYdD-aq3GPE-bKZX6) -- Licensed by CC BY-SA 2.0 (https://creativecommons.org/licenses/by-sa/2.0/)
  • "Lion King 3 - Simba, Timon, Pumbaa Reanimated" by GreenMasheen (https://www.youtube.com/watch?v=96B-E1fmjFo) -- Licensed by Creative Commons Attribution 3.0 Unported (https://creativecommons.org/licenses/by/3.0/legalcode) -- Audio removed | Still image used
  • "Wallace and Gromit Theme 8-Bit" by Miles_Metal... 8-Bit Metal, Video Game and Film Covers (https://www.youtube.com/watch?v=g2q3Vd6fMWE) -- Licensed by Creative Commons Attribution 3.0 Unported (https://creativecommons.org/licenses/by/3.0/legalcode) -- Still image used | Audio removed
  • "The Little Mermaid @ Disney Festival of Fantasy Parade" by Christian Benseler (https://www.flickr.com/photos/chrisbenseler/15937692481/in/photolist-qhmQHp-s3dmuc-uVFg6F-sB5aF8-H681hV-5A84n7-4N6PJ2-6789Rt-p5e5sR-njaqj2-fzD3So-9TapX6-7kVRe6-pVN4qB-nooX8b-9Taqi8-aAiz9q-nuURKQ-aCdAxR-8sRTuG-5gnbwV-uoQ7RZ-dZjmiN-2U2cLd-qetoTL-sjvNus-4AN7dT-dp2ZDh-6arqzs-a2pnqk-9YdRMU-ayM5tt-bStYep-f2FJrZ-7sAPrs-az8wip-rv37Fk-Kguh-ewHcj7-5gnbsP-9NkLYv-9NkV3k-fxbost-qu26jW-dcRLUt-e42mVi-3mwnYk-9NiKgg-dHwKKt-dK4SQo) -- Licensed by CC BY 2.0 (https://creativecommons.org/licenses/by/2.0/deed.en)
  • "Flipbook Momo Messi" by Anibal Luque Rio (https://www.youtube.com/watch?v=a50_rAj-gKE) -- Licensed by Creative Commons Attribution 3.0 Unported (https://creativecommons.org/licenses/by/3.0/legalcode) -- Video trimmed to needed length | Audio removed
  • "Lindy Hop Stop-Motion Animation" by adamanimates (https://www.youtube.com/watch?v=50enhol6P80) -- Licensed by Creative Commons Attribution 3.0 Unported (https://creativecommons.org/licenses/by/3.0/legalcode) -- Video trimmed to needed length | Audio removed | "Stop Motion" frames taken and used