63 votes
Accepted

What's the best way to animate an illustration for the web?

There are a lot of ways to animate things on the web. There are even more ways to create animations then export to web animations. There are huge benefits to designing animations in something like ...
user avatar
  • 12.9k
62 votes
Accepted

How to convert a video file into an animated GIF in Photoshop?

To Convert the Video File into a Compatible Structure for the Animated GIF File Format Open Photoshop without opening the video file. Go to File → Import → Video Frames to Layers. In the ...
user avatar
  • 8,308
19 votes

How do you animate SVG for the web?

A lot of this answer is also posted in this related question on how to animate illustrations for the web. Avoid SMIL animations Sara Soueidan, probably the best animator of SVGs on the web, wrote "I ...
user avatar
  • 12.9k
17 votes

Animated GIF shows all layers instead 1 after 1

Frame Disposal: Select all Frames in Timeline Right-Click on one frame Select Dispose
user avatar
  • 2,969
15 votes
Accepted

How can I modify a GIF that uses "cumulative layers"?

This is real easy in gimp. You unoptimize the gif to reveal all pixel data in layers (filters/animation/unoptimize). Delete the layers, 2 first in your case, then optimize it again (filters/animation/...
user avatar
  • 166
12 votes

How to make a layer change size in an animation in Photoshop?

Starting from version CS6 you can animate the size of layers in photoshop. Just convert the layer to smart object, and position property will change to transform.
user avatar
  • 121
11 votes
Accepted

How to do a perfect circle with the bezier tool in Inkscape?

When drawing a citcle in Inkscape then this will be its path : To convert this path to Bezier lines just select the object, then choose Path > Object to Path: We can now insert nodes, break paths or ...
user avatar
  • 12.1k
9 votes

What software can I use to get started in webcomics/animation?

If you are targeting free, possibly GIMP and Inkscape will do. Other free/open source wares like Synfig Studio, a 2D animation software and Blender, for 2and3D are worth a short. But since you are ...
user avatar
9 votes
Accepted

What replaced Flash?

Adobe Flash became Adobe Animate. Whether or not that fills your needs is impossible for me to say. There are other things out there but they all depend on what specifically you want to create. ...
user avatar
  • 199k
8 votes

Should I get a graphics tablet for animation?

Looking at all the animators in the building, only one of 20 currently present animation students are using a Wacom at the moment (even tough a room full of Cintixes is available). A tablet is good ...
user avatar
  • 55.4k
8 votes

How to create a GIF animation that moves smoothly?

The animation itself was likely created in After Effects or some other animation tool. The key to the smoothness is the GIF frame delay time. Most computer displays run at 60fps (frames per second), ...
user avatar
8 votes
Accepted

How to export a GIF from After Effects?

When I need to create a GIF from After Effects, I do my animation in After Effects, go to Menu>Composition>Pre-Render and render it out as an uncompressed MOV file. Then you can drag that file onto ...
user avatar
8 votes
Accepted

How can I make a gif faster in photoshop (decrease the length)

From the Timeline Panel Menu... Choose Set Timeline Frame Rate... Decrease the frame rate for a faster moving timeline. 60 FPS: 10 FPS: This won't create huge differences if your animation is set ...
user avatar
  • 199k
7 votes

How to make PNG-quality animations in GIF format?

I think the animated gifs are a good beneficiary of flat design. If you have a limited number of colours, and you do not use gradients you don't need to use dithered patterns. We are used to see this ...
user avatar
  • 33.8k
7 votes

What is the difference between After Effects and Flash/Animate for animation?

Adobe AfterEffects is a composite tool where you put video, image and 3D content to create a final product. To that end there is a large set of tools, plug-ins and scripts such as tracking, effect ...
user avatar
  • 71
7 votes
Accepted

Is there a tool for easily creating a GIF/video with a morph transition between two images?

Here is a free web site for doing this (that, however, allows only for producing low quality GIFs): https://3dthis.com/morph.htm Another software is Morpheus Photo Morpher, which is not free but ...
user avatar
7 votes

Why are there no animated album covers?

I think it's simply an innovation that no one particularly wants, wants to pay for, or wants to support. Physical world applications To do this in the physical world is of course possible, but until ...
user avatar
  • 8,448
7 votes

How to export a GIF from After Effects?

This answer is only for Windows OS There is no reason for 3rd party plugins. Use File > Export> > Add to Adobe Media Encoder Queue. Inside of the the Adobe Media Encoder there's a lot more ...
user avatar
  • 22.9k
6 votes

How to create animated GIFs of prototype mockups, like the ones on Dribbble?

THIS IS A FREE ANIMATED MOCKUP .PSD FILE of a website scroll dow and a menu animation completely edit and animated in photoshop ridiculous easy to edit and play around, you can download the file for ...
user avatar
  • 61
6 votes
Accepted

Best 2D animation software

Any number of tools could be used, and best is not defined since it depends on what you know how to use. The second example quite clearly says it was done with Processing. You could choose amongst any ...
user avatar
  • 55.4k
6 votes
Accepted

How to quickly turn hundreds of layers into animated sequel in Photoshop?

Window > Timeline Click the Create Video Timeline button. Timeline Panel Menu choose Convert Frames > Covert to Frame Animation Timeline Panel Menu choose Make Frames from Layers From there you ...
user avatar
  • 199k
6 votes

Creating infinite zooming images

Here is a site that does not require any expertise. http://gif-in-gif.com/ Create your animated perpetually zooming images in .gif format for free online! Load 1 to 5 images, which will follow one ...
user avatar
6 votes
Accepted

How to create basic animations of Illustrator files?

Animation is not terribly hard, per se. It is just that doing animation is time consuming and requires some practice. The reason why you do not see very many people around you doing animation is in ...
user avatar
  • 55.4k
6 votes
Accepted

Photoshop CC: convert to frame timeline releases only one frame

Eventually discovered this solution, hope it helps somebody: timeline > convert frames > flatten frames into clips timeline > convert frames > make frames from clips delete video group at bottom (to ...
user avatar
6 votes

What software can I use to get started in webcomics/animation?

Something to consider is traditional art tools. They are really cheap, and there are many high-quality ways to digitize your work later. You don’t have to create the art digitally to make digital art ...
user avatar
  • 1,947
6 votes

What software can I use to get started in webcomics/animation?

I am going to concur with the, use traditional media eg. pen and paper. Sure its not software, but for drawing comics it is invaluable. You then move over and either ink in real life or ink digitally, ...
user avatar
  • 55.4k
6 votes

How do I trace outlines keeping the original colours in Inkscape?

You totally can trace a color image in Inkscape. Just select "Colors" in the Trace Bitmap dialog, and adjust the number of scans to match the number of colors in the image. The quality of the results ...
user avatar
6 votes

Is motion/animation part of graphic design?

Traditionally, no. Animation has a long history and was not considered graphic design, much like say film or TV production. However, mediums are merging. There is no longer a huge technical and ...
user avatar
  • 55.4k
6 votes
Accepted

Saving Animated GIF With Transparency (Photoshop)

It's not possible. The GIF format doesn't support alpha transparency. Every pixel either needs to be completely transparent or not, no in betweens, and there's no way around it. If you know what ...
user avatar
  • 39.9k
6 votes
Accepted

Position keyframes do not make a straight path

After Effects defaults spacial interpolation (such as position keyframes) to "Auto Bezier", which tries to smooth the movement for you. You can either adjust the bezier handles yourself, or you can ...
user avatar
  • 39.9k

Only top scored, non community-wiki answers of a minimum length are eligible