Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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 of human body is shown with its name. I want to show how the energy level moves in the body, from lowest chakra to top most chakra, changing the colors of the energy as they level up to a different chakra.

Which software can I use to make this animation?

share|improve this question
Welcome to GD.SE! This question will likely be closed because it's a bit broad and there isn't much evidence of research effort. That is, "what have you tried?" –  Brendan Aug 7 '13 at 21:19
I tried coral rave, but I wasn't able to get the desired results. –  Sunishtha Singh Aug 7 '13 at 21:26

3 Answers 3

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

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).

share|improve this answer
Do I need to put every frame separately for every chakra? –  Sunishtha Singh Aug 7 '13 at 21:13
In your case, if you want each chakra to light up for example, you would need 7 frames (Frame 1: chakra 1 colored/annotated, everything else off; Frame 2: chakra 2 colored/annotated, everything else off; and so on...) But it depends what you want to show. I suggest you read a bit about gif animations, it should clarify things. –  Yisela Aug 7 '13 at 21:40

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

  1. Create your video
  2. Import the (QuickTime format) video to Adobe Photoshop
  3. FileSave for Web & Devices...
  4. Select the format (.GIF)
  5. Save
share|improve this answer
ok..will try it out...ty –  Sunishtha Singh Aug 8 '13 at 15:29

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.

share|improve this answer
it sounds perfect, but seriously a master in jquery...hopefully wil give it a try. will help me in jquery codes if needed further. –  Sunishtha Singh Aug 8 '13 at 19:40

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.