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 (1)

29
votes
6answers
30k 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 ...
14
votes
2answers
236k 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 ...
14
votes
9answers
6k 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
2answers
9k 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 ...
13
votes
3answers
19k 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 ...
12
votes
2answers
9k 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 ...
11
votes
1answer
4k 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-...
10
votes
3answers
2k 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 ...
10
votes
2answers
67k 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 > ...
10
votes
3answers
16k 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
27k 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 ...
9
votes
2answers
19k 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
3answers
536 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
2k 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
6answers
70k 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
2answers
2k 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
3k 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
27k 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
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
3answers
28k 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
6answers
22k 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
2answers
63k 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
2answers
25k 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
2k views

Chroma keying a background to a green screen animated GIF

There are some GIMP tutorials about adding a background for a green screen GIF, i.e. chroma keying. But none of them is about a green screen animated GIF (e.g. the "Confused Travolta" meme). GIMP can ...
5
votes
1answer
361 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
193 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
5answers
3k 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 ...
4
votes
2answers
1k 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
1answer
206 views

How to create basic animations of Illustrator files?

I have this device that I need to create a movie for. I also have the Illustrator files for it. I now have to create a basic animation out of them , things such as basic moving parts, changing ...
4
votes
2answers
6k 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 ...
4
votes
1answer
442 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
185 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 ...
4
votes
2answers
14k 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
1answer
31k 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 ...
4
votes
2answers
4k 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
3k 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 ...
4
votes
2answers
3k 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
2answers
213 views

Why does fade in/out animation stop working after animation is exported from After Effects

I've created a simple animation where I have four images (bits of steam) that fade in then out in sequence (shown below). This works fine until I export the animation out and convert it to a gif. As ...
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
3k 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 ...
4
votes
1answer
65 views

PhotoshopCC Dropping frames on image sequence export

I have been kind of tearing my hair out trying to figure this out. I have a frame animation with 30 frames. I tried exporting it as a video set to 12fps. For some reason, what should be 2.5 seconds (...
3
votes
9answers
2k 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?
3
votes
3answers
1k 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
5answers
1k views

How to create an animated demo of my webdesign? [closed]

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 ...
3
votes
2answers
36k 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
267 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
2answers
2k 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
2answers
5k views

Which software to use for easy 3D shapes?

I am basically looking for a software (free for students) to have mechanical 3D features (extrude, fillet, etc) and very basic animation capabilities (like different positions for a membrane to open ...