: What programs can I use to create an animation for web? I have never created animations, but I want to make one for my website's home page. Basically what I have is an image where each chakra

@Sue6373160

Javascript and jQuery are best because they don't lag web page loading. But they require programming knowledge

Vote Up Vote Down

@Radia289

Note: I have not tried any of these tools in depth.

The closest thing I can find to a full animator for the web is Animatron. It looks like it renders to Canvas, which means it is built on HTML5 and JavaScript. Another similar tool is HTML5Maker.

However, if you're just looking to create an online video there are lots of tools including Moovly, GoAnimate, and Wideo, but there are many more similar ones.

If you're looking for what technologies you can use for web animations, you should check out the question on here called What's the best way to animate an illustration for the web?

For anything more than a simple video type animation, especially something involving much user interaction, I recommend hiring a developer/animator (like me!) to create it it for you or to learn how to do it yourself.

Vote Up Vote Down

@BetL875

Try daneden.github.io/animate.css/ and mynameismatthieu.com/WOW/ both work together like a charm with text or images and have many numerous effects with delay, scroll activation

Vote Up Vote Down

@Heady304

You could also try Adobe Edge Animate.

Another option is to create a jquery slideshow. jQuery Cycle with the Fade option would work well for this. You'd create each image in Illustrator or Photoshop and then cycle through them with the jQuery. If you're comfortable with jQuery, you can use the pager feature and use the HTML title for each image as the pager then position the pager with CSS. The text that you use for each image title will appear as a list so when a user clicks on that text, the appropriate slide will load. But this will require more advanced jQuery.

Vote Up Vote Down

@Barnes313

If you are looking to create GIF images, you might want to try using Adobe After Effects which helps you to make a video.


Create your video
Import the (QuickTime format) video to Adobe Photoshop
File → Save for Web & Devices...
Select the format (.GIF)
Save

Vote Up Vote Down

@Radia289

For website animations, these are the main options I can think of:


Adobe Flash
Javascript / jQuery (requires programming)
CSS3 animations (requires some HTML knowledge)
Video
An Animated GIF (you can use an online tool like this one to create it from images)


Most of these options require practice (and/or knowledge of programming), so it depends on how comfortable you are with the tools. If you are familiar with graphic software and your animation is simple you could go for an animated GIF (that way you only need to draw each frame of the animation and then put them together).

Vote Up Vote Down