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.
567 questions
0
votes
0
answers
32
views
Creating reverse phi movement illusion on an image file in python
I've been trying to create the reverse phi illusion animation on an object of a specific color in an image file in python. Does anyone know how to do this? or know the algorithm required? Here is an ...
- 1
1
vote
2
answers
76
views
What are GIFVs?
I heard about GIFVs from Imgur, but what exactly are they? How do I make some? Are GIFV files lossless?
I tried looking onto it from the site but I got an error. http://blog.imgur.com/2014/10/09/...
- 11
0
votes
1
answer
630
views
How to create an animated WebP using WebPShop?
In the README for WebPShop (a Photoshop plugin for saving WebP files) there is mention of a method for creating animated WebP files, but the method for producing such files is not described in detail. ...
- 1,583
0
votes
1
answer
67
views
Steps to creating a Motion Graphic Scenery
I am looking for directions in creating an animated scene like the one portrayed in this link : https://www.youtube.com/watch?v=Dh0jhjs2z7c
I am completely blind to the process and I would love to get ...
- 1
0
votes
1
answer
93
views
Inkscape: Difference Operation on two complex objects
I am making animations in Inkscape. I can get the difference operation to work how I want creating my image for example:
But in order to get this result I need to ungroup the characters hand/body ...
0
votes
1
answer
212
views
Animation is'nt smooth in figma. How to fix it?
So i made a gif of an arrow and I'm trying to do a component with this animation on delay in figma:
So the first 3 frame that i made in my animation work perfectly. They stretch out and in normally ...
- 3
1
vote
1
answer
83
views
How to make identical selections on each layer of an animation gif (excluding the parts that move) in photoshop?
I am working on an animation of a cigarette sitting in an ashtray with smoke rising from the tip. The cigarette and the tray stay the same throughout the 30 frames, but the smoke changes in each frame....
- 11
0
votes
1
answer
142
views
fill multiple animation cells in Clip Paint Studio
I have 8 frames of line art animation that I want to fill.
Fill meaning adding a silhouette to the line art.
I am currently filling by setting the line art as a reference layer and using magic wand to ...
- 31
0
votes
0
answers
31
views
Inkscape Synfig: how do I import multiple Inkscape send into Synfig and link the objects?
I import 2 drawings from Inkscape into Synfig, one before and one after. How do I tell Synfig that an object/layer on before is the same as an object/layer on after?
The goal is to animate between 2 ...
- 203
1
vote
4
answers
1k
views
how to change filter to all layers in GIMP?
Asking here cause GIMP IRC is almost dead and their nowhere else
Theoretically or not: I'm making an animation with 50 or more scenes/images/layers and want to filter all layers at once
by filter i ...
- 13
2
votes
4
answers
7k
views
How to preview Lottie JSON files
How can I preview Lottie JSON files after creating them? When I try to view the files, they just open the code in Notepad! :@
I would like to watch the animation like I do after creating a GIF file. ...
- 1,482
0
votes
1
answer
812
views
Timeline option "create video animation" does not appear
Usually when animating in Photoshop, you enable the timeline bar and choose between "create frame animation" and "create video animation".
However, on my PS 2022, that I bought ...
- 1
3
votes
2
answers
823
views
How can I author or create Lottie animations on Linux?
I use a Linux machine as my daily driver for web development, and I would like to create Lottie animations.
I need to draw my shapes and use timeline / keyframing / tween tools. It can be using a full-...
- 131
0
votes
1
answer
44
views
How to expand an animated gif without affecting aspect ratio?
I am currently trying to turn a 35x75 pixel animated gif into a 75x75 animated gif while preserving the aspect ratio - in other words, I want to add 20 pixels of empty space on either side of the gif. ...
- 3
0
votes
1
answer
82
views
What software should I use to animate a simple 2d hexagon logo?
I'm starting out in graphic design and am looking to animate this interlinked hexagon:
Basically I want the blue/black vectors to extend 1 by 1 to create this logo. Is there any software/feature that ...
0
votes
1
answer
133
views
How to rotate a layer in photoshop script
I'm trying to rotate a layer for an animation of my profile picture (below)
The initial layer name is "_a_Original"
New copies should be "_a_Copy (copynumber)"
The idea is to ...
- 101
0
votes
0
answers
74
views
How can I create a wipe transition effect in Figma like in the link?
Wipe effect animation sample
My Animation in Figma
Moving mask is the solution.
I need it for Lottie animation. I also used opacity for the slider like in the sample. I made that as an interactive ...
0
votes
2
answers
945
views
What formats are commonly used in animated elements on web pages?
What is the industry standard format for animated elements on web pages? I know these can be videos and GIFs, but it doesn’t seem as if these formats are providing high enough quality, and video files ...
- 111
0
votes
1
answer
107
views
Exporting a shape and a circle
How can I take an arbitrary shape in Illustrator and move all the points outward until they fit a circle. I was looking at blend shapes, but what I really need to export a version of the shape that ...
- 137
0
votes
2
answers
852
views
Is there a standard video logo size? When could a 1500px png logo 300 ppi size be possibly needed?
Is there a standard video logo size? When could a 1500px png logo 300 ppi size be possibly needed?
- 13
0
votes
0
answers
48
views
Workflow for making stroke animations for any script out of existing fonts?
I am looking to make this Hanzi stroke animator, which has JSON data such as this, work for any language (as of now, Tibetan, Devanagari, and Tamil). Basically I want to show an animation of how to ...
- 849
31
votes
3
answers
32k
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 ...
- 433
-4
votes
1
answer
70
views
I want to know the type of effect usedin this type of animation.?
What is this style called where the object drops in comes close to the camera and flys back to a position in the background.please refer to 0:29 time in which the pillows first drops in and than goes ...
4
votes
2
answers
15k
views
How to morph between two images as an animation?
Say a portrait is in color, and you duplicate it but in black-and-white. How to create an animation as .png using Gimp that cycles between the two images by gradually morphing them together in a loop ...
- 371
2
votes
1
answer
167
views
Repeated scale/zoom by small % creates cross/seam at center. How to mitigate?
I'm trying to process an image iteratively. I have an order of operations, specifically a series of effects. This process loops until I'm satisfied with the result. To showcase how the process ends up ...
- 97
4
votes
1
answer
6k
views
How to give a .gif animation variable frame delay speeds in Gimp?
When exporting an animated gif in Gimp (each layer is a frame of the animation), you can set the speed between each frame (layer) as a fixed number, by default 100 milliseconds. How do you instead ...
- 371
1
vote
1
answer
537
views
Image Sequence to Movie - How to Get Desired Frame Rate (QT)?
I rendered 250 png images for an animation.
In QuickTime (10.5), I open these images as an Image Sequence and set the frame rate to 24 per second. This should give me a movie of around 10 seconds.
I ...
- 111
9
votes
5
answers
279k
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 ...
- 103
0
votes
1
answer
624
views
How to move individual layers using onion skin when rotoscoping with video layers in photoshop?
I am using a video layer to animate frame-by-frame over a video. Because the video shifts over a little, the rotoscope is not a perfect loop, so I would like to move the shifting frames over one-by-...
0
votes
1
answer
70
views
In what direction do I take this animation?
I have a reference image to design my animation according to, here it is:
Now my graphic is much simpler and this is how it is,
The reference animation is described as "Open hand makes a small ...
- 103
1
vote
1
answer
332
views
Creating complex animation for web
This question is a rebirth of How do you animate SVG for the web? with little additions to modern realities.
My question is this - how to create complex animation for the web? By complex animation, I ...
- 113
0
votes
1
answer
90
views
How to make resize handle visible in After Effects final rendering?
I'm am making an interaction design of a wireframe wherein I want to show the geometric lines such as the resize handle.
The pen tool path with handles etc.
Is there a plugin that allows me to show ...
- 101
5
votes
1
answer
4k
views
Rendering 3D model with animation as pixel art
I have been making games for a while now and have a substantial understanding of the 2D animations and processes. However my understanding with 3D modeling is limited even though I have made some low ...
2
votes
1
answer
632
views
What software is probably used for these construction animations?
I often find videos of construction animations like this one or this one where the construction steps are detailed. Out of interest I would like to know which software is most probably used to make ...
- 123
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. ...
- 151
0
votes
2
answers
279
views
How to animate top view ceiling fan 2D
Not sure if this is a valid question. I am trying to animate this fan in Adobe Animate. I have the blades and the base setup. Trying to do a frame animation I just don't know where to start, how to ...
- 103
0
votes
2
answers
4k
views
Shape fill won't change and won't show in layers After Effects
I'm having an issue where my shape fill won't change, nor will it appear in my timeline>?
Not too sure what's going on?
Any help would be amazing :)
Thanks!
Kristian
4
votes
6
answers
43k
views
Best way to Create Low File Size GIFs in Premiere Pro
I want to use Premiere Pro to create small sized (300kb or less) GIFs. The typical set up would be a static image that doesn't move, and then an animated part (from a video) inside the static image. ...
- 71
1
vote
1
answer
369
views
Shadows in Lottie Animation
I created an animation in the following way: sketched some basic shapes in Figma, animated it using Jitter, exported the animation json and importing it to Lottie then downloading the Gif. I wanted to ...
- 11
0
votes
1
answer
1k
views
How do I keep the file size of a GIF in check for an animated Google Ad?
I designed 5 Google ad banners on photoshop ( first time creating animated gifs for Google Ad) and I wasn't aware of the requirements. The size of the banners were very big between 200 and 1500kb. I ...
- 1
4
votes
1
answer
344
views
When I edit an equation, it removes all animations from that slide. Is this an option or a bug? Is it possible to change this?
It's pretty straightforward.
I've recently started teaching a large course (190 students), and this has forced me to teach using PowerPoint instead of a white board. The biggest issue I've faced with ...
- 41
14
votes
3
answers
11k
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 ...
- 294
29
votes
5
answers
57k
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 ...
- 1,072
3
votes
5
answers
10k
views
Should I get a graphics tablet for animation?
I want to buy a graphics tablet so I can animate videos for school and maybe a youtube channel if I am good at it. I don't want to spend over $150 and I just want one that would work.
(Also, if ...
- 33
1
vote
1
answer
420
views
Relative coordinates in animateMotion path
I cannot figure out why the blue ball1 in the following example does not "move to" the point on the path specified in #wire from its starting positions to mimic the path animation of the pink ball2. ...
- 11
0
votes
0
answers
41
views
SVG animate accordion two letter word into longer word?
Using a plain-text editor, preferably, or Inkscape, are there any good tutorials on taking two letters and inserting more letters between them, and animating it so that the two letters expand outward ...
- 101
0
votes
2
answers
2k
views
What is a good method for combining several animated gifs onto a single palette?
I think that what I'm trying to do is simple. I want to take several animated sprites (.gifs) and have them on a single palette (image or video). My ultimate goal is to have it as the background of a ...
- 103
2
votes
3
answers
5k
views
How do I export text as paths in Photoshop?
I have a logo that is made simply by mixing two different fonts with custom settings (the image in the center is actually big G in Webdings):
I want to export my logo as an svg (paths). Unfortunately ...
- 333
40
votes
6
answers
55k
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 ...
- 513
56
votes
1
answer
780k
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 &...
- 8,314