1 of 23

By Mr. Shifley

MOVE

MONSTER

MAKE

A

Making Frame by Frame Animations With Google Slides

2 of 23

Let’s make a monster

Here are some examples...

3 of 23

Select a BODY

Copy it from my slide(ctrl-c)

Paste it into your slide (ctrl - v)

4 of 23

You can also choose one for a HEAD

Copy it from my slide(ctrl-c)

Paste it into your slide (ctrl - v)

5 of 23

Select a TAIL

Copy it from my slide(ctrl-c)

Paste it into your slide (ctrl - v)

6 of 23

Select EYES

Copy them from my slide(ctrl-c)

Paste them into your slide (ctrl - v)

7 of 23

Select a NOSE

Copy it from my slide(ctrl-c)

Paste it into your slide (ctrl - v)

8 of 23

Select a MOUTH

Copy them from my slide(ctrl-c)

Paste them into your slide (ctrl - v)

9 of 23

Select HORNS and EARS

Copy them from my slide(ctrl-c)

Paste them into your slide (ctrl - v)

10 of 23

Select ARMS

Copy them from my slide(ctrl-c)

Paste them into your slide (ctrl - v)

11 of 23

Select LEGS

Copy them from my slide(ctrl-c)

Paste them into your slide (ctrl - v)

12 of 23

MONSTER

MAKE

Keyboard commands

​

ctrl - c copy

ctrl - v paste

ctrl - ↓ send object back

ctrl - ↑ send object forward

ctrl - z undo

ctrl - y redo

​

Click and drag on the corners to resize the image

​

Click and drag on the sides to make the image wider or narrower

​

Click and drag the blue dot to rotate the image

A

13 of 23

Now let’s make your monster move

14 of 23

Duplicate your first slide

(right click on the slide and select “duplicate slide”)

15 of 23

animating frame by frame

Make a small change to image in the new slide. Duplicate this side.

16 of 23

animating frame by frame

Keep making small changes to each new slide.

Duplicate the slide and repeat.

​

Keep going!

17 of 23

animating frame by frame

When you move quickly through the slides it will appear as if your monster is moving!

18 of 23

animating frame by frame

You can copy and paste slides. Click on the slide and hit ctrl-c to copy then hit ctrl-v to paste.

​

Change the order of the slides by clicking and dragging.

​

Try copying and pasting images from past slides into new slides

​

​

19 of 23

animating frame by frame

20 of 23

Publish Your Animation to the Web

Select File and then Publish to the web

​

This gives you the screen that you see to the right

​

Select Embed

Choose the slide size

Select every second for auto-advance slides

Check the start slideshow box

Check the Restart the slideshow box

Check the Require Viewers box

​

Copy the link in the box and paste it in a document for your future viewing

21 of 23

This is a link to an animation I created

​

<iframe src="https://docs.google.com/presentation/d/18KwBzoX-_YqN1PPlgXrOA8Iw9qugKrC-RaduxGWc1M8/embed?start=true&loop=true&delayms=0084" frameborder="0" width="1440" height="839" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

Do you see this number? Originally it was 1000. That means 1000 milliseconds or one frame per second. That’s to slow. I changed it to 0084 because that is about the same as 12 frames per second which is about the speed of a saturday morning cartoon.

22 of 23

YOU!

THANK

23 of 23

<iframe src="https://docs.google.com/presentation/d/1F-yO2NyqOGelB68VhM1rHO3jsWpoAFLEIvm55tB7Lgg/embed?start=true&loop=true&delayms=0" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>