Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [animation]

Questions about simple animation tasks. Ask anything related to designing graphics for animations. If you have a complex, software-related question, you may find better results by posting it on a Stack Exchange site that's more dedicated to animation.

Filter by
Sorted by
Tagged with
42
votes
1answer
618k views

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

I was trying to convert an MP4 into an animated GIF for an answer on here. I tried opening the file directly in Photoshop, and then clicking on the timeline menu and choosing both: Convert Frames &...
38
votes
6answers
51k views

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

I'm sure you've seen Dribbblers upload animated mockups of their designs. Here's an example: I can create mockups on Photoshop and even apply simple Tween Animations to them but I can never get ...
27
votes
3answers
25k views

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

I have a couple of illustrations done in Illustrator and I am planing to animate it for a website that I am working on, I've heard of Create.js toolkit with flash, but is it the best way to go or is ...
22
votes
5answers
41k views

How to remove every second frame from an animated gif?

I have a folder full of videos that I want to convert to an animated gifs. ffmpeg/avconv does a bad job of doing it directly, so I instead convert the video to a gif by first outputting each frame as ...
22
votes
2answers
350k views

How do you save an Animated GIF file using Photoshop?

I am making a .gif file in Photoshop CS5. While saving this animation, I used the steps = File > Save for web & devices > Preset= GIF 128 Dithered > GIF > Save. After saving the .gif ...
17
votes
6answers
12k views

Tool to create animated SVGs?

Are there any graphical tools to create and edit animated SVG images? Inkscape is great, but it does everything except animation. I created an image in Inkscape, then manually edited the XML to add ...
15
votes
1answer
5k views

How do people make these animations?

I've been looking at lots of the Motion Graphics on Behance lately and i'm wondering what program and how these people make these animations? Some examples: http://www.behance.net/gallery/Think-With-...
15
votes
5answers
919 views

Why are there no animated album covers?

Throughout Graphic Design I'd say few realms have been as forward thinking as Album Cover Art. It's commercially viable but often without the constraints of the typical corporate design job allowing ...
14
votes
9answers
7k views

What programs can be used to make animations?

I am specifically interested in software that can be used to combine existing sets of images (frames in the animation) into an animation. Having the ability to add transitions/effects between the ...
13
votes
3answers
27k views

What formats supporting animation are suitable for the web?

What formats supporting animation are suitable for the web and what are the pros and cons of each.
12
votes
3answers
8k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
12
votes
3answers
48k views

How to make an animated gif with a transparent background without overlap?

When I try to make a gif with two frames both of which have a transparent background in GIMP, what happens is that the first frame looks OK, then the second frame appears on top of it, such that you ...
10
votes
3answers
60k views

Photoshop: Animated PNG?

Photoshop CS5 doesn't seem to natively support saving image as APNG even tho few of the major browsers already support it. Are there any export plugins or such available for Photoshop?
10
votes
2answers
33k views

Photoshop - Is there a keyboard shortcut for creating a new frame?

In Adobe Photoshop CS5.5 / CS6, is there a keyboard shortcut to make a new frame using the animation window and timeline? I make a lot of gif animations and would like to reduce mouse movement for ...
9
votes
4answers
5k views

What is a “sprite”?

I am studying Fundamentals of Multimedia by Ze-Nian Li and Mark S Drew. They use the term "sprite" but I don't understand the meaning. Can someone explain to me what sprites are and how they are ...
9
votes
2answers
43k views

How to export Animated SVG file from Adobe After Effects?

I am working on a text animation in Adobe After Effects and I want to export my animation as an Animated SVG so that I can use it on my website and Mobile Apps. Does anyone know how to do that?
9
votes
3answers
941 views

How do I ensure a colour is flat (and not dithered) when exporting it from Flash?

What settings/methods are best for creating an animated gif with sharp image quality? Here's what I'm working with: http://demo.jessewhite.me/envelope/index.html This graphic is for a high-end ...
8
votes
3answers
66k views

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

I'm working with animation timeline in Photoshop CS6. I would like to have a small circle layer expand / increase in size, but on the Layer-Timeline panel, these are the only options available: ...
8
votes
2answers
41k views

Is it possible to add a background image to all 'layers' of an animated gif?

I have an animated gif with transparent background, and I want to add a background image to all layers: How can I achieve it without adding it to every layer individually?
8
votes
2answers
3k views

Photoshop CS6 - Animate / Keyframe Smart Filter

I've applied the 'Oil Paint' Smart Filter to a layer in Photoshop CS6. I'd like to animate the filter's 'Angular Direction' from 0 to 360 degrees but I the keyframes in the "Style" lane of the ...
7
votes
6answers
93k views

How can I export a flash file to a gif format without losing quality?

I'm making a series of animated gifs witch I design using adobe flash. The problem is that when I export it to the animated gif format, it pixelates losing a lot of quality. I wanted to know if ...
7
votes
4answers
134k views

How to export a GIF from After Effects?

I don't want to make a PNG sequence, I just want to make a GIF directly from After Effects. Once I checked out an online tutorial there I could see the GIF option while Rendering composition. But I am ...
7
votes
3answers
8k views

How can I modify a GIF that uses “cumulative layers”?

When you save a GIF in GIMP, you're given the option to use cumulative layers (combine) or one frame per layer (replace). Choosing cumulative layers causes the GIF's layers to only contain the pixels ...
7
votes
2answers
6k views

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

I need to create a perfect circle with the bezier tool and not with the circle tool. The purpose of this is to later animate my svg with css.
7
votes
3answers
21k views

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

I'm thinking of becoming an animator. I mainly want to make videos similar to Kurzgesagt – In a Nutshell, who make videos like this. When I searched for AE and Animate / Flash comparisons for flat ...
7
votes
2answers
17k views

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

I am under the impression that photoshop only supports manual adjustment on timeline, allowing one to edit one frame at a time. If I have hundreds of layers, it will take days to create a gif that is ...
6
votes
6answers
5k views

Is motion/animation part of graphic design?

I work with a few design studios with mainly graphic design experience. Nowadays more and more they are asked for motion and non-static solutions. I wonder. Is that out of their scope? Should they ...
6
votes
5answers
3k views

Tasteful Alternative to Marquee

So a client of mine is making repeated requests for things that were "cool" when her website originally launched in the late nineties. One feature is a scrolling marquee that just says "welcome to {...
6
votes
1answer
554 views

Job title of a person who does web animation

Does anyone know the job title for a person who develop websites just front-end but is heavily involved with creating animations, WebGL and all moving elements? I know it wouldn't be just a front-end ...
6
votes
2answers
4k views

What is the best tool to make animations for iOS games?

What is the easiest tool and way to make moving animations that can be used in iOS games? If there are tutorials, I can also learn. I also want it to be vector or retina. Something like hd. Thanks.
6
votes
1answer
7k views

GIF with transparency output not as expected in GIMP

I have been trying to create a GIF using a sequence of PNGs within GIMP An example PNG from the sequence shows the correct transparency I want to be shown in the GIF, But when I process the PNG ...
6
votes
3answers
67k views

How to change multiple layers / frames duration at the same time in the Photoshop Video Timeline?

I can hold and drag each individual layer on timeline to increase its duration but it's such a pain. Is there a workaround to change (increase) all layers on timeline to have the same duration?
6
votes
5answers
212 views

program to create simple animations for visualization?

I'm looking for a small and light program that allows me to create simple animations for the purpose of visualization. I want to be able to create animations similair to this. Usually, I do ...
5
votes
2answers
81k views

How to create frames from layers in Photoshop extended?

Is there a way to automatically create frames from layers in a Photoshop document? Bridge lets you open several images into one Photoshop document as layers, now I would like to get these layers ...
5
votes
5answers
5k views

How can I create an animation of an image being drawn/painted, automatically?

I'm looking for some software that will allow me to create an animation of a given image being drawn in real time. For example, I have a jpeg. It's a picture of my pet dog, and I want some software ...
5
votes
1answer
484 views

What replaced Flash?

Years ago, I used to make animations and cartoons and stuff using Flash, back when it was Macromedia, before Adobe bought them out. Shortly afterwards my career took a different path entirely and I'...
5
votes
2answers
428 views

SVG optimization practices when drawing in Illustrator

I’ve noticed that when exporting a file from AI to SVG, there is a lot of code created that is not necessary and I realized then that this code can be certainly optimised. Found this interesting SVG ...
5
votes
1answer
2k views

2.5D character animation

I am building a strategy game in 2.5D, similar to Age of Empires, but will be a bugs war instead of humans. I am in the process of building animation, I hired a graphic designer and UI developer, the ...
5
votes
4answers
8k views

Adobe InDesign: Simple “animation” in interactive PDF

I would like to use InDesign to create a very simple interactive PDF in which a sound file is playing while a couple of elements appear over time. Is something like that possible within an interactive ...
5
votes
3answers
26k views

How to edit an animated gif in gimp to include transparency?

I have an ajax spinner which unfortunately has a white background in the corners. I want to remove the white and make it transparent using GIMP. How can I go about doing that? I tried opening it in ...
5
votes
2answers
31k views

My Timeline window is missing lots of controls

I'm using CS6. Can someone tell me how to display all the controls of the timeline window ? Here's what mine looks like: All the demos / tutorials [show the timeline quite differently there:
5
votes
1answer
3k views

Creating infinite zooming images

What's an easy way to create a forever zooming & looping image like this: In particular what design applications (after effects comes to mind) allow recursive nesting of compositions?
5
votes
2answers
52k views

Quality of .gif output from Photoshop

I'm trying to output a .gif from Photoshop (CS6) and have run into some difficulty with the quality it is producing. Ideally, each image should resemble these stills - 1, 2 and 3 which are crisp and ...
5
votes
2answers
1k views

Software for math-based animations

I'm looking for an animation software which has native support for creating and manipulating mathematical objects, such as parabolas, and algebraic curves. At the same time I want to be able to use ...
5
votes
2answers
385 views

What exactly is the difference between 8 fps and 24 fps drawn-on-threes animations?

Main question: Is there any difference between an animation sequence drawn on threes (8 different drawings for a second of motion) that plays back at 8 fps and 24 fps? As in after you draw 8 ...
5
votes
2answers
2k views

How are the animations of these vector art type made?

I have seen animations on what looks like vector art to me here and here. In fact I have seen some very complex scenes having ~100 objects, all animating independently (in what looked like proper ...
5
votes
1answer
783 views

Smoother shape animation

I'm not new to Photoshop but I'm new to animations in Photoshop and my question is how to animate vector shapes in Photoshop. I have made a simple paper plane and then refolded it in Photoshop. T he ...
5
votes
1answer
7k views

Get rid of thin white lines between shape 'joins'

I've created an icon made out of basic lines/shapes in Adobe Illustrator, then make it one solid, continuous shape. I want to use this icon as a pre-loader on a website, the idea being each 'segment' ...
5
votes
1answer
514 views

Combine blurred still frames from GIF to form crisp still

When watching a GIF, the image seems to be crisp, as the animation is moving along quite quickly. If you were to analyze the GIF frame by frame, you'd notice that each image is rather blurry. I'm ...
4
votes
9answers
7k views

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

I have been using Microsoft paint but it doesn't have layers like Photoshop. I am a poor person so can't get photoshop, anything else I can use?