animated gif, Keynote, Stop Motion

Transparent Stop Motion

A few years ago, I posted about how to make Stop Motion animated GIFs using Google Slides and Tall Tweets. You can see that tutorial HERE.

Tall Tweets Update (not transparent)

Since that time, Tall Tweets has made some updates. So before I launch into how to make TRANSPARENT stop motion animations, let me show you the Tall Tweets update. Google Slides and Tall Tweets, as of this post, will not allow for transparent gifs. Maybe that is an update they can make soon (I did reach out on Twitter, so we’ll see if they can make it happen!). Tall Tweets did update with an add-on so you no longer have to go to the TallTweets site once you install.

Go to TallTweets and click Creator Studio (see image below). It will ask you to install.

Once installed, open a previous Stop Motion Google Slide or create a new one. When you are ready to create your animated GIF, go to add-ons and click Creator Studio. It will ask you to authorize the first time. Once you authorize, you will have to go to add-ons and click it again to make it run.

A panel will open on the right. Set your slide time. In Tall Tweets I started with .2 so that’s what I will try here.

Scroll to the bottom and click GO. You will have the option to download or view. You can view it to see if you need to adjust the time. When you are ready, click the download button and use the image like before. Notice that in Creator Studio you also have the option to make a video instead of a gif if you want to.

It’s a nice little update and added a few features. But sometimes you just need a transparent gif. I wanted to create a bubbling cauldron that I could use in an escape room but also in a presentation. I also wanted to create some googley eyes to use in a presentation. I created both in Keynote.

Keynote for Transparent GIFs

Open a new Keynote document and set the size you want. I like to make mine square but it can be any size. Go to document in the top right corner and change widescreen to custom size and change it to 500 pts by 500 pts.

Now create your animation, just like we did in Google Slides. Duplicate, change a little, duplicate, change a little,… Once your creation is ready, now we want to change the background to transparent. We don’t want to do this until the end because it turns black which is difficult to work on.

Under format (top right corner) switch background to no fill.

Your image will go from the first to the second.

If you have a lot of slides, you might want to make this change is slide layout, it will change all of the slides at once. If not, you can just change slide by slide.

Now we are ready to export our animation. Go to file, export to, animated GIF.

I choose these settings, but you can adjust the slider to make your gif work the way you want. I ended up sliding the slider to 3 for my cauldron. Also make sure you you start at slide one and include all of your slides. It will default to the one slide you are on.

Now you have a transparent image to use anywhere an animated gif can be used.

PowerPoint

PowerPoint will also export to an animated gif. I used to change my speed below one frame per second, but recently I haven’t been able to do this. This makes your animation SOOOO SLOOOOOW. For this reason I will no longer be able to recommend PowerPoint to make animated GIFS. If you know a work around for this, please let me know!!!!

I hope this helps you up your animated gif game! Please tag me on Twitter or Instagram if you make something! I LOVE LOVE LOVE to see them!

Digital Escape Rooms, formative assessment, Game Based Learning, Google Drawing, Google Slides, Stop Motion

Magic Squares Puzzle

I stumbled upon this post on Twitter this past week about an Escape Room puzzle idea. You know how much I LOVE making escape rooms so I thought I give it a try. WOW! What a cool idea.

His name is Jason Pullano and you should give him a follow on (my favorite social media) Twitter. I didn’t alter this in any way other than to change colors to match my theme. His template is FIRE (to quote my daughter) and his video is very helpful if you are not sure what to do.

This is the link to the template he shared on Twitter.

Here is the link to MY puzzle.

click to open

Yep, I hope you caught that message! 12 Days of Techmas is coming soon!!!!

If you use this, please tag us both. Let Jason know how you used it! It makes people happy to see that what they share is beneficial!

animated gif, Bitmoji, Google Keep, Stop Motion

Custom Animated Stickers + Google Keep

I love Bitmojis! I know it’s not for everyone, but they just make me happy. They make students happy too! My students love when I put “stickers” on their digital work. They sometimes even give me stickers as suggestions when they submit a project. A few years ago, I wrote a blog post about creating custom feedback stickers and putting them in Google Keep for ease of use.

Today I’m going to update that post with animated gif stickers. I mean, the only thing that could be better than Bitmoji stickers is animated Bitmoji stickers!!!

Open a new Google Slides (or PowerPoint, or Keynote if you want an easy transparent background) and go to file – page setup, select custom and change the size to 8 x 8 inches.

If you are using PowerPoint or Keynote, change the background to Transparent.

Select the Bitmoji you want to use from the Chrome Extension and drag it to the Google Slide. Tutorial here

Animate your sticker slide by slide! Tutorial here

Here are a few ideas:

Add word by word and or a moving arrow

Add letter by letter

Moving Bitmoji

Sparkles!!!

Turn your sticker into an animated GIF

Google Slides – TallTweets.com is so easy to use (tutorial here). It allows you to simply load your presentation with out any additional steps.

If you REALLY want a transparent background, the easiest way is to use PowerPoint or Keynote. They both have export as GIF options (come on Google!!!)

Open keep.google.com. By placing your image in Google Keep, you can simply drag your sticker into any Google Slide or Doc you want to use them in.

Create a new note with image.

Select your sticker. I don’t title it because it will drag the title with it. You can create a label called stickers or feedback so you can sort if you would like.

Now open something to give feedback on. The image below is a Google Slide. On the RIGHT you will see 3 icons. The middle one is Google Keep.

It opens your Google Keep and you can see your stickers. Select the one you want and drag it over.

Resize.

Done!

I know you’re thinking, this is great for elementary but I teach middle or high school. Your secondary students will LOVE these. They are still just kids!

Enjoy!

Bitmoji, Geometry, Google Slides, Stop Motion, Triangle Congruence

Stop Motion Videos

Stop Motion videos in Google Slides is such an easy project for teachers and students. I first learned about Stop Motion from @ericcurts on his blog Control Alt Achieve. @jmattmiller also has some fun stop motion information on his blog too.

I created a super short little stop motion that I turned into an animated gif using Tall Tweets then embedded into a Google slide presentation, even cropping it because it acts as an image.

download (12)

Screen Shot 2018-09-29 at 9.03.02 PM.png

Stop motion videos are super easy to make in Google Slides. For the one above, I created background then I drug in my Bitmoji and placed it at the top.

 

 

Screen Shot 2018-09-29 at 9.04.15 PM

Next you duplicate the slide and using the arrow keys or sliding with your mouse, move your image a little bit.

 

 

 

Screen Shot 2018-09-29 at 9.16.20 PM.png Continue the process until you have moved your object to the end.  This short little movie had 11 slides total.

Now the fun begins. Using the website Tall Tweets, load your Google Slide, this sometimes takes a bit depending on the size. Next, select the duration. Play with this a little until the movie looks like you want. You can check by clicking the create gif button. When you are happy with your movie, you can save it or tweet it.

Screen Shot 2018-09-29 at 9.08.47 PM

Below are some stop motion videos I created for a Triangle Congruence lesson. So yes, you can use stop motion for academic purposes too. Image how much fun it would be for students to create their own!

This slideshow requires JavaScript.

If you make stop motion videos, please share and tag me on Twitter @TTmomTT. I would LOVE to see them!