It’s time!!! Time for Spooky Season Tech or Treat.
Check back Monday, Wednesday, Friday, Sunday, and Halloween for some fun Tech or Treats (or both!).
Tech or Treat 2022
Category: Stop Motion
Stop Motion Stickers in Canva
If you have been around my blogs for any length of time, then you know my love for digital stickers on student work. I usually create mine in Google Slides and have tutorials to do so. Did you know you can also create these stickers in Canva? Well today is the day to learn all about it.
- Click create a design and set your page to square. I used a 10 in by 10 in design.
2. Next, find the elements you want to use. I picked a sun and then “shine” to get the orange pieces around it. That is the part I plan to rotate during the animation. I also want it to say, “Your work shines” so I add “Your work” with a text box.
3. Now click the duplicate button on this page.
4. On this new page we will do 2 things. First, rotate the orange shine part by clicking on that element and using the rotate handle that appears. Second, I used one of the text elements and found one that looked shiny and added the S for shines.
5. Continue with these steps, rotating the sun and adding a letter to shines until you have the word shines spelled out. I ended up with 7 pages.
6. Now the fun part begins. First we want to set the timing for our stop motion. The timing is located in the top bar. I set mine to 0.2 but you can play around with this. 0.1 is faster, 0.3 is slower.
7. Now it’s time to download our design. Click the share button, then download, then select GIF at the bottom.
Here is you animated sticker. This isn’t the only way to animate stickers in Canva. This is actually very similar to the Google Slides process. These are also not transparent but you can always try unscreen.com. Sometimes it works.
I hope you found this tutorial useful. As I have mentioned in previous posts, my students LOVE animated stickers on their digital work and I teach high school. These stickers are for everyone!! And look at that, I didn’t use a Bitmoji even though you can connect your Bitmoji to Canva. What?!? Maybe we can do that the next time.
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!
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.
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!
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!
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.
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.
Next you duplicate the slide and using the arrow keys or sliding with your mouse, move your image a little bit.
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.
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!
If you make stop motion videos, please share and tag me on Twitter @TTmomTT. I would LOVE to see them!
Infinitely Teaching 