Showing posts with label animation. Show all posts
Showing posts with label animation. Show all posts

Saturday, December 7, 2019

Fun Holiday Tech Project With Google Slides

Students can use this process to make animated holiday cards for family members or just for fun. Everything can be created using Google Slides.

I'll give a brief overview of the process below. If you want to see my usual directions with video tutorials (not just for holiday animations), you can find everything you need to introduce it in class for $2 on Teachers Pay Teachers.

Here's a summary of the process:

1)  Make a Plan - Students really need to decide in advance what shapes they'll use and what's going to happen in the animation. Once they get going on later steps, it's hard to make a big change. In my example above, I knew I wanted the ornaments to float up on the tree and some words to appear.

2)  Create the Shapes - When you first use this process, it's easiest to make everything and have it be part of the first frame. Just start a new Google Slides presentation and start building.

I like to have students create their art using basic shapes in Google Slides (instead of looking for clip art online). In my example, I did use a graphic from Pixabay for the border. I created the other elements myself. Here's how my first frame looked*:


3)  Create the Animation - This is the heart of the process. You duplicate the current frame, then move the animated elements on that frame just slightly. To duplicate the frame, click on it in the left panel and (if you're on a Chromebook or PC) press ctrl-d. (You can also right click on it and select Duplicate slide.)


So in my example, I duplicated the first slide. Then on the second (new) slide I moved some of those ornaments on the floor up, just a centimeter or so.

You continue that process of duplicating the slide and moving the objects until all the animation is complete. As I said above, it's hard to fix a mistake once you get going with this. That's why a plan is important. Here are some other tips:
  • I frequently click through the slides to preview my animation to make sure the objects are moving like I want them to. Sometimes they're not and I have to delete some frames to do a section over.
  • Some frames should display a little longer, so I duplicate those a few times without changing anything. For example, I made several copies of the first frame, the last frame and that frame where the star lands on top of the tree. I wanted a pause at those points.
  • You can animate text the same way. I made the text box, then had one word at a time appear. I've seen some people who like to have each letter appear one by one. It's up to you. When you do text, you especially will want to duplicate some frames multiple times to pause it at times. Otherwise the words go by too quickly. 
Click here to see all 40+ slides of my animation in slideshow format.

4)  Publish the Slides - You can publish the animation so it plays as a full page in a browser tab. Click here to see how this would look.

You can publish a presentation by going to the File menu and selecting Publish to the web. This window will open up. Check the boxes as shown, then click Publish.



That will make a link that appears as shown below. Copy that, as it says, by pressing ctrl-c. That's the link (more or less) that you need to share with others so they can see your animation. But don't share it yet! See the next step.

5)  Share the Link - You can paste that link in an email, add it to a website or share it any other way you like. Just remember one important thing. At the end of the link you'll see a 3000 when you paste it. Change that 3000 to a smaller number such as 100 or 150. 
I usually paste it into the address bar in a new tab and then change the number, so I can play the animation and see how it will look. You can keep doing this, adjusting the number how you want, with larger numbers making it play slower. Experiment with a number that works how you like it to. Once I've got a good number, I paste the link again, change the number, copy it again, then share that link.

6)  You can also turn it into an animated GIF! - I use the site Tall Tweets to do this. They have something called Tall Tweets Studio now, but I suggest scrolling down and clicking the Classic version. I also recommend teachers make copies of students' presentations and convert those for them, since there are some privacy and terms of service matters involved with granting access to Google Drive for this process. Since it has some other settings to experiment with, this option is only recommended for older students.

Again, the above 6 steps are a brief overview of the process. See my published lesson on Teachers Pay Teachers for a "ready to assign" document with everything students need. You'll want to show them my examples from this post, though, since the general directions are not just for holiday animations.


*Actually, if you want some behind the scenes info on my animation, I used a slightly different process. I worked backward to build my animation, because I wanted to start with the final image of the decorated tree. I did this just to be sure I had enough bulbs and that they'd look right. 

This is an advanced technique and I'd only recommend it to students who have made a few animations as described above. Besides thinking backwards, the only real change is that after duplicating a slide, I dragged it above the slide I just duplicated. So instead of duplicating slide 10 and moving the objects on frame 11, for example, I was always duplicating frame 1, then dragging the new frame up so it became frame 1. Then I moved the objects (in a backwards direction) on frame 1. This is harder to describe than it is to do, but I don't recommend it for beginners.

Wednesday, August 7, 2019

Creating Student Tutorials with Published Google Slides Instead of Videos

Here's something I just started doing and I'd love to hear comments from other teachers who make a lot of tutorials.

Instead of making a video tutorial as usual for new lessons, I put all the steps in a Google Slide presentation and published it to the web.

Besides being examples of this process, I hope you find the tutorials themselves useful for tech projects in your class.

Here's the first example, about using Stop Motion Studio.
And here's a very useful one for importing photos using Google Slides on the iPad.

Why?

Why do tutorials as Slides instead of video? Well, generally I'd say this is much faster to create at first. Especially if a series of screenshots will do the trick, it should be faster than recording, editing out mistakes, adding callouts, etc.

Another plus is that I can update it almost immediately if I find out students need more information or if I have a mistake. All the students have to do is refresh the page and they'll see my changes.

I think students might like this better, since they can more easily quickly jump just to the parts they need as they work with the app the first time. If nothing else, it is a change of pace from the many videos from me that they normally have to watch.

I'll have more to say about their preferences after we try these with a class next month. I'm also going to try it with some staff tutorials.

The Reality So Far

I will point out a couple delays I had when making the first tutorial.

It did take a little while to make the animated GIF I used in the animation tutorial. Such GIFs often are not necessary, but sometimes a moving image conveys a lot of useful information. I still think the whole thing was faster than editing a video tutorial. (And by the way, I use this site to change most of my video clips to GIFs.)

More significantly, I ran into a very time consuming delay when I tried to insert the screenshots into the first tutorial. I actually used a process similar to what's shown in the second tutorial. I suspect the very large screenshots I grabbed from the iPad choked up my home WiFi, though, and the app gave up trying to sync them.

I did almost the same process for creating the second tutorial and I had no problems. I did go a little more slowly as I inserted each image on the slides.


Tuesday, July 9, 2019

My Updated Animation and Interactive Stories Projects

I updated two of my popular lessons recently:

  • Simple Animations Using Google Slides
  • Interactive Stories Using Google Slides

Students love both of these simple projects and the lessons come "ready to assign".

You'll get access to student directions in a Google Doc that you can simply post in Google Classroom. Students will follow the step by step instructions and watch video tutorials as they go. 

Both projects work well in any subject area for grades 5 - 12. The students will create their projects using Google Slides.

The lessons are $2 each on Teachers Pay Teachers, but you can buy both in a bundle for just $3. Here are the links.

Sunday, February 26, 2017

Fun Animation Project with Chromebooks

This simple animation project from our middle school Computers class proved to be the most engaging one we've done so far. I'll post all the videos, the directions and some tips below so you can easily adapt it for your class.

We used the Stop Motion Animator app on Chromebooks. (They finally released an update for the app after a bug had made the previous version unusable for several months.)

Students had a ton of fun with this project! They watched my simple tutorial (below) and were making animated videos in no time. A few groups didn't want to stop at the end of class!

You can see in the photo that our students used Lenovo Chromebooks with the reversible camera. It allows them to easily capture images on the table in front of the device. If you have Chromebooks with cameras that only face the user, it's a little more challenging to get pictures of objects on the table and see the screen at the same time. (Here's a blog I came across that shows how one teacher addressed this problem.)

Here are the simple example videos that I created for the project:

And here is the short tutorial that shows how to use the app:


This document contains all the directions and links to the above video files.

And here are a few tips and things to consider:
  • I didn't mention in the video that the spacebar is the shortcut key for capturing a frame and that the Undo button will delete the last frame of the animation.
  • In my tutorial I neglected to emphasize the importance of slight movements of the object from frame to frame. I also didn't state that it looks best if the camera stays in the same place. Consequently, some students made a very choppy series of images. It sort of hinted at action, but I wouldn't call it an animation.
  • We had a little trouble with the app when we tried to load a previously saved video or when we were recording audio. Usually restarting the app or the Chromebook solved it.
  • You'll notice the directions refer to a contest for the best animation. I selected five videos from those submitted and posted them on our school's homepage. Students could vote (using a Google Form) for their favorite. Here's the winning video, created by one student who won a snack and soft drink for his efforts.
I hope your students enjoy this activity as much as ours did! If they create videos you'd like to share, I'd love to see them and show them to our class.

Sunday, February 10, 2013

My Attempt to Encourage Creativity - The Quadratic Formula Song (All Over 2a)

I'm working with a group of middle school students and I told them the final project for the class will be an educational music video.  They were not so sure they liked the idea of singing or being in a video.  In an effort to encourage them, I took the plunge and finished an idea I had been working on.  So here goes.

(The chord sheet for the Quadratic Formula song is here if you're interested.  If you perform this in class, I'd love to hear about it!)



It's not easy for me to play something like this for the students, but I wanted to take the step and encourage them to do something better.

I'm not sure if it looks like it, but the video itself took a long time to create.  We won't have time for something that complex in class, but I think they can do better at making a complete song as opposed to a short chorus like I wrote.

For anyone interested in the process, here's a rough outline of what I did and the software I used.

I knew I wanted to make a song about the quadratic formula.  I obviously didn't write any lyrics.  The formula was the chorus.

I used VoiceBand on my iPad to improvise a melody over a click track.  If it's not apparent, I don't sing that well and the pitch correction in VoiceBand helps me end up with something workable.

From there, I put it in UJam.  I was going to create the whole song in UJam and I might still do that.  When I saw some of the simple chords that came out of one version, though, I realized I could play that on guitar.  I changed what UJam gave me for chords.  I also played around with the melody and rhythm quite a bit after that initial idea.

I programmed the bass, drums and a simple guitar part in the GarageBand app on my iPad.  I recorded my actual guitar using the iRig guitar adapter.  I recorded the vocals (including the spoken part) with the iRig Mic Cast.

To polish the vocals a little more I used GSnap in Audacity for pitch correction.

The song was not done at this point, but I had an idea of how I wanted it to flow.  I started gathering video. Almost all of the video was created or captured with my iPad.  For the stop motion segment in the middle I used Stop Animator.  For the other animated sequences I used DoodleCast Pro.  There's also a short segment of a screen capture where I grabbed the Daum Equation Editor using Screencast-o-matic.com.

I couldn't get a good mix of the audio on the iPad, so I exported each track and converted them to .wav format using Zamzar.com.  I brought them into my very old version of Music Creator.  I'm sure an updated version would do a lot more, but I just use my old version because it lets me split, copy and paste right on the beats of the song.  I could do this on the iPad or the MacBook with GarageBand, but I'm used to years of playing around with Music Creator.

I'm not a sound engineer by any stretch, but after getting a mix I could live with, it was time to tackle the video editing.

I used iMovie on my daughters MacBook to add a few effects to the clips of me playing the guitar.  Other than those, all the video was done in Corel VideoStudio.  As I wrote previously, I was unhappy with Corel's customer service awhile back, but I do still love that video editing software.  I am always amazed at the level of control and effects that I can achieve for relatively little cost and effort.

When it's all said and done, it took way longer than I hoped (easily over 20 hours, but I lost count) and it's far from perfect.  I am happy with it as a first effort and I look forward to seeing how it encourages my students.


Thursday, June 7, 2012

Epic Mythology Videos - GoAnimate with high school students

Melinda Newcombe teaches Mythology at the high school in the district where I work.  She asked me a couple weeks ago if we could pilot GoAnimate4schools with her class.  It ended up being a great project, definitely one of the best of the school year.  I was extremely happy with the engagement that I saw from the students at this point in the school year.

Here's a video that sums it up.  I also have the resulting videos embedded below.  The folks at GoAnimate have asked me to write an article for their blog and you can find the post here.


The Myths...
Persephone


Odysseus and Polyphemus


Ceyx and Alycone


Pyramus and Thisbe


Achilles and Hector