Using the Motionleap App to Animate Salient Features

Submitted by tracy.wilks on Apr 07, 2021
"go" with red bubbling

The Motionleap app is designed to perk up your still photos with animations, overlays, and effects that simulate motion. I originally downloaded it to put some pop into my vacation photos. Eventually I realized it could be a great tool to add the element of movement to the salient features of words. I have a group of students who have CVI and various co-occurring disabilities. Use of repeated verbal explanations of the salient features of words was causing me to lose their attention and slowing down group lessons. For those who can visually access words on backlit devices, I decided to use Motionleap to animate the salient features to draw their visual attention to them, as well as to allow the students to develop a clearer understanding of what the verbal explanations of the features meant.  

Motionleap App Info

A drawing of a tiger walking toward the viewer

Both of these apps are free to download, but in order to use the “Animate” feature, it is necessary to buy a subscription through an in-app purchase. There are various price points relative to the length of each subscription.

 

 

 

Examples

The examples below show a GIF of words with red word bubbling that are animated.

Gif of "stop" with red bubble lettering

The word "out" in white text on black background; the word is outlined in red. The outlines around the letter o and the letter t are wiggling.

black background with the word "like" in white text with red outlining; red line around the letters l, i and k are wiggling.

I use Roman Word Bubbling to make the desired words and save them as image files. I upload those images to a Google drive folder so I can access them from the iPad/iPhone. Motionleap only opens photos from the camera roll, so I just download from Google drive to my device. 

Step-by-Step Instructions

  1. Once you have the app on your device, simply open it and tap the “photos” icon.

screen shot of iPad with photos icon in upper left corner indicated with a circle around it

  1. Next, tap the “New Project” banner at the top of the screen.

Orange banner with text "New Project"

  1. Choose a photo from your camera roll.

The word "backpack" in white text with yellow outlining

  1. Tap “Animate” from the menu at the bottom of the screen. 

Screen shot with the "Animate" icon circled in red

  1. Tap the “Select” icon (looks like a paintbrush) at the bottom of the screen.

Screen shot with the "Select" icon circled in red

  1. Use a stylus (for greater precision) to mark the areas of the word you want to animate. Use the slider to control the thickness of your line. Note the eraser tool next to the “play” button.”

Screen shot of the word "backpack" with visible marks around the top of the letter b that indicate the area has been selected  Screen shot of middle of the word "backpack" with the top of the letter k and the bottom of the letter p selected. Screen shot of the word "backpack" with the slider tool marked with a magnified area.

 

  1. Tap the “Direction” icon at the bottom of the screen.

Screen shot with the "Direction" icon circled in red at bottom of screen

  1. Use your stylus to trace the direction you want the movement to go. Important tip: When animating a straight line, for example, the “l” in “like,” make a bumpy or zigzag line rather than a straight line. A straight directional line doesn’t produce as much noticeable movement as a curvy or zigzag line does. Similarly, use a curve or zigzag when marking the direction on curved letters.

Screen shot showing a white dotted line drawn top-to-bottom in a zigzag pattern over the red outline at the beginning of the letter l Screen shot of the letter "e" in "like," showing a white dotted line drawn around the end of the letter in a curvy pattern over the red outline Screen shot of the letter "p" in "backpack," with a white dotted drawn around the bottom of the line portion of the letter; drawn in a curvy pattern over yellow outlining

  1. Tap the “Play” icon in the lower quarter of the screen on the right side to see your results. To see the word move without the white dotted lines showing, tap the “Select” icon first.

Screen shot with the "Play" icon circled in red

  1. Use the “Select,” “Direction,” and eraser to make any desired changes. When you are satisfied with the animation, simply tap anywhere on the work area of the screen (i.e., not where any icons are). 
  2. Tap the “Send” icon to bring up the “Export” screen. Your animation can be saved as a video or a GIF in a variety of sizes and image qualities. 

Screen shot of "Send" icon circled in red

  1. Choose “Video” or “GIF”, then tap “Export” to save to your camera roll.

Screen shot of the "Export" screen with the "Video" icon circled in yellow and the "GIF" icon circled in red

Tip: Animations saved as a video will need to have the “play” button tapped when you use them in your lessons. You can choose how many seconds the video plays on the Export screen after tapping the “Video” icon. Animations saved as GIFs play continuously, like the example in the first photo of this post. Save in whichever format serves the purpose of your lesson and your students’ individual needs. 

Like the word bubbling itself, the animations can be phased out as students learn to consistently recognize each word. 

 

 

Collage of Motionleap app

  • Facebook
  • Forward
  • Twitter