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
55 votes
1 answer
776k 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 &...
Dom's user avatar
  • 8,319
40 votes
6 answers
54k 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 ...
Nag's user avatar
  • 513
31 votes
3 answers
31k 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 ...
Nour's user avatar
  • 433
29 votes
5 answers
55k 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 ...
hellocatfood's user avatar
  • 1,052
22 votes
2 answers
354k 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 ...
pooja's user avatar
  • 579
19 votes
5 answers
13k 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 ...
Mike Baranczak's user avatar
15 votes
3 answers
60k 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 ...
broccoli_soup's user avatar
15 votes
4 answers
31k 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.
Alinium's user avatar
  • 686
15 votes
5 answers
1k 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 ...
Ryan's user avatar
  • 23.1k
14 votes
3 answers
15k 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 ...
Pikamander2's user avatar
14 votes
1 answer
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-...
TaylorTDHouse's user avatar
14 votes
9 answers
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
3 answers
10k 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 ...
Emanuele Sabetta's user avatar
13 votes
3 answers
83k 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?
Ars Magika's user avatar
12 votes
3 answers
33k 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 ...
Jorgo's user avatar
  • 121
12 votes
4 answers
63k 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?
Pratik Shah's user avatar
11 votes
2 answers
40k 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 ...
TheBlackBenzKid's user avatar
10 votes
4 answers
78k 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: ...
user18316's user avatar
  • 103
10 votes
4 answers
61k 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?
Manolo's user avatar
  • 645
10 votes
4 answers
7k 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 ...
amiref's user avatar
  • 211
9 votes
5 answers
273k 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 ...
Kartik Verma's user avatar
9 votes
1 answer
37k views

Animated GIF shows all layers instead 1 after 1

I used an existing GIF and deleted the background on all layers. I saved it again with a transparent background. The image is 150 layers. It a a growing figure (like an opening flower). From layer 78 ...
lona's user avatar
  • 91
9 votes
3 answers
2k 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 ...
user2215732's user avatar
8 votes
2 answers
4k 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 ...
lil earth's user avatar
7 votes
6 answers
98k 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 ...
Javier Bello Cortés's user avatar
7 votes
2 answers
11k 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.
Ben's user avatar
  • 73
7 votes
3 answers
92k 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?
Julia's user avatar
  • 71
6 votes
6 answers
7k 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 ...
Kevin Mamaqi's user avatar
6 votes
5 answers
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 {...
NateDSaint's user avatar
  • 1,382
6 votes
3 answers
29k 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 ...
Travis J's user avatar
  • 263
6 votes
2 answers
23k 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 ...
Aero Windwalker's user avatar
6 votes
1 answer
642 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 ...
User739204422's user avatar
6 votes
1 answer
9k 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 ...
cwiggo's user avatar
  • 183
6 votes
5 answers
249 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 ...
user avatar
5 votes
2 answers
84k 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 ...
deb's user avatar
  • 153
5 votes
5 answers
12k 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 ...
brux's user avatar
  • 213
5 votes
1 answer
825 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'...
John's user avatar
  • 153
5 votes
3 answers
3k views

How to create animation with svg format file?

How to create svg animation like this? https://cl.parspack.com/clients/templates/ps_seven/img/svg/header.svg I search on google but I can't any way to create animation with svg format file like this. ...
mghhgm's user avatar
  • 151
5 votes
2 answers
509 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 ...
user289877's user avatar
5 votes
1 answer
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 ...
Ahmad Alkhawaja's user avatar
5 votes
4 answers
13k 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 ...
JoSch's user avatar
  • 1,766
5 votes
1 answer
32k views

Is there a tool for easily creating a GIF/video with a morph transition between two images? [closed]

I have found the following video, which shows a transition effect which is based on a sort of morph-based interpolation between two images: http://www.cs.cmu.edu/afs/andrew/scs/cs/15-463/f07/...
Vito Gentile's user avatar
5 votes
3 answers
4k 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 ...
CodeCharming's user avatar
5 votes
1 answer
11k 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?
Paul's user avatar
  • 151
5 votes
2 answers
4k 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 ...
user1337's user avatar
  • 151
5 votes
2 answers
5k 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.
hansy2010's user avatar
5 votes
2 answers
53k 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 ...
user1752759's user avatar
5 votes
2 answers
32k 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:
wotney's user avatar
  • 151
5 votes
2 answers
3k 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 ...
Amit Tomar's user avatar
5 votes
2 answers
2k 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 ...
Vun-Hugh Vaw's user avatar

1
2 3 4 5
12