21 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 most regarded animator of SVGs on the web, ...
Zach Saucier's user avatar
  • 13.4k
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 ...
iamcastelli's 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. ...
Scott's user avatar
  • 209k
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 ...
joojaa's user avatar
  • 57.9k
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), ...
Marc Edwards's 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 ...
punchsodapop's 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 ...
Scott's user avatar
  • 209k
8 votes
Accepted

How to give a .gif animation variable frame delay speeds in Gimp?

To add a delay to a specific layer you put the duration at the end of the layer name: Layer1 (200ms). This is the time this layer remains visible until it is covered by the next frame. The duration ...
xenoid's user avatar
  • 16.9k
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 ...
antst's 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 ...
Vito Gentile's user avatar
7 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 ...
Ilmari Karonen's 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 ...
mayersdesign's user avatar
  • 8,552
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 ...
Ryan's user avatar
  • 23k
7 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 ...
Cai's user avatar
  • 40.6k
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 ...
Paul Murphy's 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 ...
Simon White's user avatar
  • 1,977
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, ...
joojaa's user avatar
  • 57.9k
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 ...
joojaa's user avatar
  • 57.9k
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 ...
Cai's user avatar
  • 40.6k
6 votes
Accepted

Cinema 4D setting up a 3 point lighting system for whole scene

You have it wrong... 3 Light setup is for photos in a studio. You do not have that outside. On this planet, at least, we have one Sun. And the light it casts bounces all over the place illuminating ...
Rafael's user avatar
  • 37.2k
6 votes

How to animate a rising sun in Adobe Illustrator CC?

I personally wouldn't use Illustrator for any kind of animation... I would first create the vector assets is Illustrator (you then have the vector assets for whatever other uses you need them for), ...
Cai's user avatar
  • 40.6k
6 votes
Accepted

Is there a name for this transition?

In general this sort of transition is called a wipe. I might call it a "layered horizontal wipe". It's generally done by layering two images and then animating a clip path that's applied to the top ...
Zach Saucier's user avatar
  • 13.4k
5 votes
Accepted

Animation (Adobe After Effects): Text rotating around object with proper "3-dimensional" perspective

I normally just duplicate the thing you want in front and behind, literally place them in front and behind and mask each as necessary. An example... Mask your shape... Invert the mask (I've actually ...
Cai's user avatar
  • 40.6k
5 votes

Is motion/animation part of graphic design?

In my opinion, the specific realm of Motion Graphics, yes, it is a specialization of Graphic Design. I would put it in the same category as Print Design Web Design Motion Graphics Because the main ...
Rafael's user avatar
  • 37.2k
5 votes
Accepted

What do you call this type of animated graphic?

Yes. It is literally an animated gif. The person you are hiring to make them should certainly understand they need to deliver an animated gif since, like all things, there is a set workflow required ...
mayersdesign's user avatar
  • 8,552
5 votes

Saving Animated GIF With Transparency (Photoshop)

Animated GIF with (partial) transparency? No. But I can do you one better anyhow: Animated PNG So here's how to do it... Save your PS animation out as a PNG sequence by going to File > Export > ...
BANG's user avatar
  • 1,774
5 votes

How to animate vector art designed in Inkscape?

For doing the actual animation part instead of exporting to gif you can use this open source utility called SVG Animation Assistant. There is a Windows version available. Disclosure: I am the ...
thebusiness's user avatar
5 votes

What program should I use to make UI sprite animations for unity3D

Unity 3D imports SVG quite nicely, so if you are developing your sprite UI element in a vector art program like Illustrator or Affinity Designer or Inkscape, you can output your elements as pure ...
GerardFalla's user avatar
  • 9,626
5 votes

How do I improve the bottom part of this horse walk cycle animation?

As a whole we try to avoid link-based answers here due to the ever-present risks of link-rot, and to keep more actual content here where it can be indexed and thus be available for future searchers - ...
GerardFalla's user avatar
  • 9,626

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