Skip to main content
Known Participant
September 4, 2022
Question

Animating on Photoshop

  • September 4, 2022
  • 1 reply
  • 4053 views

Hi! I just started trying to create an animation on Photoshop. The problem is I can't figure out how to export the video and keep it looking the same way it does when I play it in Photoshop. First of all, the white lines move either slower or faster. I tried keeping it at the Document Frame Rate of 30 and the exported video has the white lines moving WAY faster than when it's in Photoshop. I tried estimating the number of frames per second within Photoshop and it seems like it's only 12! But then when I tried it at that setting, it moved way slower than what was in Photoshop. Perhaps related to this, is the videos are only exporting for a total of one second for some reason.

 

See attached screengrab for how it's supposed to look!

This topic has been closed for replies.

1 reply

Conrad_C
Community Expert
Community Expert
September 4, 2022

What settings (including file format) are you using when you export the video?

How are you playing back the exported video, where you notice the problem?

 

It looks like a frame animation, so that would typically be exported as an animated GIF file. But how an animated GIF file plays back can vary greatly depending on what program is playing it back. For example, in which web browser does the problem happen? Or are you previewing it using the QuickLook feature in the macOS Finder desktop?

Known Participant
September 5, 2022

I'm trying to export it as an .mp4. The document frame rate says it is at 30 fps. Right now I have 24 frames in my document all with no delays. As I noted it is exporting the video as only one second long, and I think the problem is that it's just trying to squeeze everything into that one second. (When I play the mp4 the video is only one second long and it is SUPER fast, whereas in Photoshop it takes 2 seconds and it plays back at the correct, slower speed.)

Conrad_C
Community Expert
Community Expert
September 13, 2022

I just created 60 frames and tried exporting it. The video is now two seconds long, but it is playing WAY faster than it does when played from the PS timeline. If I count how many frames pass by on the timeline per second, I get 12. 



@austinmdiamond wrote:

I just created 60 frames and tried exporting it. The video is now two seconds long, but it is playing WAY faster than it does when played from the PS timeline. If I count how many frames pass by on the timeline per second, I get 12. 


 

If my understanding is correct, when the Timeline panel is in Frame Animation mode, and you have frames set to 0 seconds, you probably can’t preview exactly what the exported duration will be. Again, web browsers treat 0 seconds as “play this as fast as you can” which varies depending on the hardware, software, and frame size of the animation, so the one thing you won’t be able to expect from Frame Animation is a duration consistent across players.

 

If that applies to Photoshop as well (and I don’t exactly know if it does, but I am guessing that it might), then when the Timeline is in Frame Animation mode, the exact playback duration in Photoshop might also depend on the complexity and frame size/complexity of the animation vs. the speed of the hardware. Because remember, Frame Animation mode only allows you to set a duration at the individual frame leve, not enforce a consistent timeline frame rate like Video Timeline mode does. So as long as it is exported as animation and not video, you can’t count on two seconds for 60 frames.

 

A second reason — the Photoshop timeline is not optimized for performance because it has not been rendered/exported. It contains original full quality layer content. So it probably takes more power to play back frames quickly, so the Photoshop timeline typically can’t play back frames as quickly as an optimized exported file.

 

So, here are my expectations for how fast Photoshop timeline content should play.

 

Given 60 frames in Frame Animation mode set to 0 seconds each (“play each frame as fast as you can”), I would expect that:

  • Photoshop will play that original, un-optimized content as fast as it can, which will depend on the frame size, layers, content, processing power, etc. It may play back 12 frames per second on one computer, 27 fps on a faster computer, and 5 fps on an older computer.
  • A web browser or other animation player will play an animated GIF as fast as it can, and that will again depend on the frame size, browser code, and computer hardware…but because the exported file is optimized, a player should be able to play it back faster than a Frame Animation timeline in Photoshop. One computer might play it back at 23 frames per second, and another at 37 frames per second. 

 

If converted to Video Timeline, and the frame rate is set to 30 frames per second:

  • Photoshop will attempt to play it at 30 frames a second. But if the computer hardware can’t process the original, un-optimized layers fast enough to achieve that, and if Allow Frame Skipping is enabled, video timeline mode will skip frames to keep it in sync. If Frame Skipping is off, playback may be slower than 30 frames per second if the hardware can’t render un-cached frames 30 times per second.
  • A video player will play the optimized, exported video file at 30 frames per second precisely.

 

So, really, it is not surprising that the times are inconsistent, given that the Frame Animation and Video Timeline modes are based on totally different ways of frame timing. And it’s not surprising that Photoshop would play an un-optimized Frame Animation timeline slower (12fps) than something that gets to play the optimized, easier to process exported file format.

 

If this is not helpful, we’ll have to wait for someone to reply who has a deeper understanding of this than I do.