Idea for motion graphics on a web page?

Question

I am making a special web page that will images on it and then text underneath. I'd love to be able to create some photo graphics like the person slowly moving closer to the viewer will the background moves away (parallax effect) - easily made in AE.

But as is the case, if I make animated GIFs to do this, even very short ones it will take "forever" to load slowing down the page.

Perhaps I could put that PLAY GIF on them but does anyone have any ideas on how best to do this without bogging down the page?

Thanks for any tips or advice.

Nancy OShea · Accepted Answer

Or, if you want to bypass the whole GIF Cinemagraph thing, you could use JPG stills plus Wow Slider with the Ken Burns Effect.Ken Burns Slideshow Nancy

Nancy OShea · Answer

I take it you want to create Cinemagraphs. If you use HiDef images, file size will be massive especially if you export GIF from Photoshop. You'll need to run your animated GIF through some additional compression scripts or utilities.

See links below:

https://photography.tutsplus.com/tutorials/how-to-compress-animated-gif-files-without-losing-image-quality--cms-26557

Flixel

http://blog.flixel.com/animated-gifs-vs-flixel/

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded