Animated walking gif character

Very cool sample, Daniel! Thanks so much for sharing it with the community. 😁

Hi thanks for sharing. I would like to change the photo to try to recreate the gif. How were you able to do this in storyline.

Wow is that it? Its done in another program (eg flash or other in adobe suite). Storyline is not good at animating. eg try creating a bird flapping its wings, then place it on a path. Nope: cant be done. Because its based on powerpoint tech and powerpoint cant do that either. Oh how I miss Flash.

Hi Ronesha. I actually created the first example in Adobe Animate/Flash and exported the images out to an animated gif and then imported that gif into Storyline. I found an easier solution posted below.

Hi Maria,

That first example was created in Flash. See post above. 

I just created a new example. http://www.dgsdesigns.com/Storyline/walking/2/story_html5.html

This was created by taking the 8 transparent .png images of the man walking that I found online and creating a transparent gif using this nifty online program: http://gifmaker.org/

I then imported that animated gif into Storyline and applied a motion tween to make the man walk down the sidewalk. The animation is a little choppy, though will post an updated version again soon!

For the next example I might create the animated character using PowerPoint drawing tools and then export out each of the slide images as a transparent png and create an animated gif that I will import into Storyline.