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, ...
- 13.3k
20
votes
Animated GIF shows all layers instead 1 after 1
Frame Disposal:
Select all Frames in Timeline
Right-Click on one frame
Select Dispose
- 3,024
16
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/...
- 176
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 ...
- 668
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. ...
- 207k
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 ...
- 57.5k
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), ...
- 12k
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 ...
- 106
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 ...
- 207k
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 ...
- 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 ...
- 240
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 ...
- 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 ...
- 23.1k
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 ...
- 40.3k
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 ...
- 57.5k
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 ...
- 133
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 ...
- 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, ...
- 57.5k
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 ...
- 16.4k
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 ...
- 57.5k
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 ...
- 40.3k
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 ...
- 36k
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), ...
- 40.3k
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 ...
- 13.3k
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 ...
- 40.3k
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 ...
- 36k
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 ...
- 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 > ...
- 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 ...
- 51
Only top scored, non community-wiki answers of a minimum length are eligible