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.

learn more… | top users | synonyms

23
votes
6answers
17k 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 ...
13
votes
9answers
5k 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 ...
11
votes
2answers
4k 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 ...
11
votes
1answer
3k 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: ...
10
votes
3answers
12k 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 ...
10
votes
3answers
11k 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.
9
votes
2answers
14k 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
2answers
138k 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 ...
9
votes
2answers
7k 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 ...
9
votes
3answers
332 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
4answers
1k 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 ...
7
votes
2answers
21k 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 ...
7
votes
2answers
1k 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 ...
6
votes
1answer
1k 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 ...
5
votes
5answers
1k 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 ...
5
votes
6answers
14k views

What programs can I use to create an animation for web?

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 ...
5
votes
5answers
53k 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 ...
5
votes
2answers
15k 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: ...
5
votes
2answers
21k 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
3answers
12k 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?
5
votes
1answer
293 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 ...
5
votes
1answer
94 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 ...
4
votes
2answers
626 views

How to make PNG-quality animations in GIF format?

I've noticed more and more sites using animated GIFs that have PNG quality. You'd think they're the latter if you didn't check the image info. The lines are crisp, the colors look great, there's none ...
4
votes
3answers
754 views

How to create an animated demo of my webdesign?

How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing a set of still images? I used to make this task using ...
4
votes
1answer
167 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?
4
votes
2answers
7k 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?
4
votes
2answers
3k views

Animating anchor points in Flash CS5 - Shape goes mad!

I'm having problems creating a very simple shape animation in Flash CS5. I have 20 frames, 3 keyframes (at 1, 10 and 20). The following screenshots are from Flash, with onion skin turned on for all ...
4
votes
2answers
2k views

Circular ProgressBar Animation

I want to create a simple circular progress animation with either Adobe After Effect or Adobe Flash or any other software that you may suggest. Something like this: Assuming that the graphic assets ...
4
votes
3answers
3k views

Flash CS6 How to create 3D extruded text?

Anyone know of some tutorials or walk-throughs on how to animate 3D rotated/transformed text in Flash Professional CS6? I cant seem to find any. (Googled) I am trying to make an animation of some ...
4
votes
4answers
4k views

How can I create an animated device mockup?

Say I have a GIF such as this: How could I create something like this, where the user added this video into a still shot of an iPhone? Better yet, if I could put it in a mockup like this where it ...
4
votes
1answer
2k views

Animated gif in PS only shows first frame

So I have a series of images that I am trying to make into an animated gif. I have an animation time line and all that basic jazz, and I have saved for the web as a gif. When I reach the final save ...
3
votes
3answers
696 views

Wobble a simple sketch to animate it

I'm wondering if there is a tool or simple method that will allow me to turn a simple pencil/pen sketch into something like the two images below. I received these in a newsletter from a Kickstarter ...
3
votes
2answers
47k 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 ...
3
votes
2answers
31k 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?
3
votes
2answers
190 views

Can Animated GIFs be reduced in filesize by comparing regions that actually changed?

Can GIFs be optimized so that only the changed regions (pixels within certain rectangular bounds per frame) are rendered / calculated in the final filesize? This is assuming that by default - each ...
3
votes
1answer
1k 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 ...
3
votes
3answers
2k views

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

Im 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, its a picture of my pet dog, i want some software that ...
3
votes
2answers
10k views

How to compress an animated GIF?

I have an animated gif banner 125x125 that needs to be < 10 KB. I started at 60 KB and my best efforts (remove all animation, reduce number of frames) resulted in 28 KB. Any ideas how to make it ...
3
votes
2answers
828 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.
3
votes
1answer
318 views

gimp - animation formats besides gif

Using Gimp 2.8.4 I am developing an animation for a game in gimp. The game does not require a gif animation - I load individual images as frames, usually pngs, and animate them in the game engine. ...
3
votes
1answer
20k 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 ...
3
votes
1answer
47 views

Making the jump on my gif smoother

I have a gif generated using Python. It looks like this: To avoid the jump in resolution at the start, when is a good time in the animation to introduce the next layer? EDIT: Implementing fading ...
3
votes
1answer
55 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 ...
3
votes
2answers
554 views

What software can be used to create high quality GIF images?

Does anyone know what software is best to create high quality GIF images? I do not know if this kind of GIF can be created in Photoshop? If Photoshop cannot be used what type of software is ...
3
votes
2answers
1k views

Animate Drawing of SVG Text

I've had some background mostly in pixel-based graphics and web design. However, I've never came across SVGs. A Google search for this problem convinced me that the answer might be to use SVG for the ...
3
votes
1answer
351 views

How to know how much to charge for an animation?

I'm a robotics engineer who just joined the world of video animations, I just finished my first project and I have no idea if I charged the fair amount for it. I would like to know how to put prizes ...
3
votes
1answer
104 views

How can I improve the clarity of my output animation in Flash CS6?

I am using Flash CS6 ActionScript 3.0. I am creating an animation with 3-4 images of registration form. The clarity of images is poor in the output of animation even though I am using really clear and ...
3
votes
2answers
11k views

Convert Photoshop animation to spritesheet

I have an animation that I have exported to gif, works perfect and all, but it is for a game and therefore I need to create a spritesheet for display. Also, I may be creating other animations for the ...
3
votes
1answer
165 views

Free Windows software for animations

Can anyone suggest a good (and easy to use) freeware for creating animations in Windows? I was looking at the Pencil mentioned in a similar question, but it seems its development has stopped. In ...
3
votes
1answer
1k views

Photoshop merging timeline frames in 1 image side by side

I have created an animation in Photoshop. I want to merge them in 1 image file side by side. Is there an easy way to do it? Because I will do this process about 10-15 times. My animation timeline ...