Make an Animated Dictionary

I saw an advertisement not long ago with a cutout word with action going on behind the letters. I thought to myself, I can do that, what a great way to animate vocabulary for my English Language Learners. What a great tool for students to use to create a word list that will also provide meaning.  Take a look at the link below to see an example I created to introduce the concept.

Animated Dictionary

To make an animated dictionary of your own you will need three tools: Google Slides, Photoshop (or a new site I found called Sumopaint.com), and an extension for Google called MakeGIF which allows you to make gifs from videos.

• First, select your vocabulary words. 
• Then, find a video segment that illustrates the word. 
• Use MakeGIF to create a short GIF for the word from the video.
• Generate and then save the GIF to your desktop.
• Open Google Slides.
• Adjust the page setup to widescreen 16:9.
• Use Word Art in the Insert drop-down menu to type your chosen word in ALL CAPS. (Using Word Art will allow you to drag to make the font bigger while keeping it proportionate.)
• Change the font to one that is bold with a lot of open space in the letters.
• Use the fill button and fill the letters with white.
• Make the lines around the letters transparent.
• You won't be able to see the word, so, you will need to change the background color to something that will compliment your Gif.
• Go to file - download- and download it to your desktop as a png file.
• Now go to Photoshop or Sumopaint and set the canvas size to 960 x 540 to match the screen size of the image and make it transparent.
• Next, upload the word image you saved to the desktop.
• Select the magic wand tool and click inside the letter to select the white space inside the letter.
• Hit the delete button and the inside of the letter is removed to show the transparent background.
• Continue with each letter.
• When the letters are all transparent go to File -  Save As - and name your file (I like to add trans to the end of the name to identify it as transparent.)
• Go back to Google Slides and on the blank slide open your GIF and drag the corner to make it fit the screen.
• Next, click on Insert - Image - select your edited word that was saved to your desktop.  It will be loaded on top of your GIF.
• Finally, in the notes area at the bottom of the screen, the definition of the word can be added.

That's it!  Have fun creating your own Animated Dictionaries! If you need help with any of the steps just send me a message.