Hi I really want to create an animated picture like this for my website. But I don’t know how to or where to start. http://cdn.rapp.com/media/2124/affinity-loop-animation-1230-x-893-12-14-16.gif
Do you have Photoshop? Using that, you can tie a series of images together into an animated GIF.
1 Like
As @ralphm says photoshop works quite well for that. GIMP also has an animation feature and is free but i find gimp is normally a tiny bit more complicated that photoshop.
as a slight aside animated Gif’s can be annoying on pages where there is a lot of text to read as they sit there doing their thing whilst distracting the reader. A simple way to sort it would be a small bit of JS to switch the image ‘on’ and ‘off’ which would simply switch the animated gif for a static one, you’d just have a ‘play’ button for the user.
Just a thought.
2 Likes
GIMP (and presumably also Photoshop) has an option for animated GIFs to “Loop forever”. If you uncheck that, the animation runs only once.
but i guess you then run into the problem that the user doesn’t see it before it has finished if it is on the wrong part of the page etc. So i guess a bit of js to reload the image to ‘play again’ would come into play. Which might be simpler than switching to a static image. One less image cluttering up the folders i guess.
1 Like
The GIF that was linked to also takes a long time to load properly. Large GIF files are a problem on the web. These days, looping video is often a much better option. And animated SVGs are also worth looking into, although a bit more complicated to create.
1 Like
Yes, it took a long time to load for me. A lot of frames used to get a smooth “snaking” effect. IMHO, something more “choppy” looking would have been better than a heavy file, but that’s me.
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.