I have Photoshop CS5 Extended, running on Mac OS X Snow Leopard. I use photoshop to make gifs, either from video frames > layers or from importing screenshots into a stack. When I make the gifs, I set the frame delay in the animation panel to whatever I want - mostly 0.04, 0.06 and 0.1 and when I play it, it works exactly how I want it to, running at the speed set.
But when I go to Save for Web and Devices, the preview of the gif is slow and doesn't play at the same rate as what I set. No matter what I do to the frame rate - set it to no delay, convert it to a timeline gif, the gif doesn't run faster in the Save for Web window. When I upload it to a website, again the gif plays at the same slow rate shown in the Save for Web window.
This problem doesn't happen when I import a video to layers and set it to skip every two frames (or more). But even if I make a gif with very few frames (either from importing from a video with no skipping or from importing screenshots), it still runs very slow.
Other friends who make gifs via the same method as I do don't encounter this problem. I even opened a .psd from a friend of a gif with a frame rate of 0.06 and when I went to Save for Web, it still played very slow but for my friend, they managed to export the gif and have it play at the intended speed in their photoshop (also CS5).
So how can I make the change the setting for the frame rate in Save for Web and Devices because I assume it must be an issue within that panel?
Thanks so much.
The GIF animation settings in Photoshop are only guidelines. Actual playback speed will depend on the distinct hardware/software of each user. Those that choose to create animations with such a fast framerate (0.04 second delay) are often misusing the GIF format when they should really use a video format.
Okay, but I have really good hardware specs and a good internet connection so images download fast, so I have no idea why this happens to me. I keep deleting my Save for Web preferences but nothing changes. I just don't understand why the gif runs in photoshop but when I go to save it, the frame rate makes no difference to the preview in the Save for Web window and what I eventually save. Surely there must be an issue if the Save for Web plugin ignores the framerate I set, no matter what I set it as.
And animations with a fast framerate are very popular on a website called tumblr, where pretty much every user makes gifs of such a rate so while I appreciate that it's not the best use of the GIF format, it's something I'd like to figure out how to do.
Okay, but I have really good hardware specs...
That means nothing if the GIF is poorly designed/optimized. GIF is simply not a format that was intended to render great changes between frames.
Would you care to share what you are producing?
Here is what I'm making and how it looks when I save it:
It's not that slow but it's definitely running at less than normal speed. In photoshop it's set at a 0.04 delay and runs much faster. It has 24 frames and is 965 kb.
For reference, here is another gif that someone else made that is set at a 0.06 delay. It runs much smoother and at a normal speed and has 22 frames. It's 995 kb.
No matter what I used, whether I import a video into photoshop or import screenshots, the preview is slower than it should be. It doesn't matter what video I use or what method.
Here is what I'm making...
I don't understand. What exactly have you made?
Neither one of those files plays consistently. Watch and observe as they loop.
Had I fully realized that you were abusing the GIF format to convert video, I would not have wasted our time here. I'm sorry to have taken up your time.
I don't understand what you mean? I made the first gif - I made screencaps of a video, imported them into photoshop, transformed the layers into a frame animation, set the frame delay, cropped and resized the image and added some adjustments. They are both supposed to loop like that, all I want to know is how to fix my settings so that gifs play at a smooth, normal speed.
It's not converting video, this is a new way of using gifs to make 'animated pictures' of tv shows and movies that's popular on websites such as tumblr and in general. It's very common and not a video conversion method. I just want to know if there is a setting in photoshop that is interfering with my frame delays settings and not letting them save at the intended speed.
If you are opening a video file and saving GIF, you are converting video.
[Personal attacks removed]
If your friends were successful, ask them to tell you how they did it.
[Removed personal, inaccurate insults]
Message was edited by: sinious
I'm not really opening a video, I'm taking screencaps of it to save as a gif but I see your point.
I'm 18 and the point is that this is a very popular way of displaying video. It's not meant to be an actual video, like I said, it's a 'moving picture'. It's like a dynamic picture that you can upload onto image (ie not video) websites and they are all over the internet. If you go here: http://fuckyeahgameofthrones.tumblr.com/ you can see lots of examples of how gifs from videos are used to create art.
And it is a photoshop problem because something in my settings is wrong and not allowing me to save my gifs at the frame rate I want. While I understand that GIFs weren't intended to be used how I want to use them, this is a use for gifs that has evolved recently and is incredibly common. From the examples I have provided, gifs are clearly capable of doing what I am trying to do with them. And again, while technically this method can be called video conversion, that's not what it is seen as. It's seen as a dynamic picture and it's meant to be soundless and small.
And I have, I did exactly the steps they told me to do. There is just something going wrong at the final stage that I can't, nor they can't figure out.
Marian, are you serious? "Abusing the gif format"?
Converting video to gif is extremely popular and has a legitimate use. If you want to display an instantly playing, looping section of a specific piece of video to illustrate a point or to reference a quote from TV or film, I can't think of better format to use.
I think the question "how old are you," would be better asked of yourself. It is no longer wasteful to display 1mb+ animated gifs on webpages thanks to broadband speeds. 10 years ago I would have agreed with you, not now. The use of such animated gifs has exploded over the last few years and I personally think they are a valuble contribution to the Internet. The "history or intent" of any format does not limit it's useage in new and interesting ways, a cursory look at the history of any media will tell you that.
As mentioned, no video is converted here, screen captures are stacked into an animated GIF.
To clear another thing up, each GIF frame is exactly like a keyframe. There is no spatinal compression thus drastic changes between frames are irrelevant. Every single pixel can change and it makes no performance difference.
GIF animations are extremely useful and rampant as avatars for a multitude of uses, mostly in forums and profiles.
"Save for Web" was always a plugin for Photoshop. There is no guarantee if you do not directly export from Photoshop (not use a plugin) that "Photoshop settings" will be maintained. Do not use "Save for Web" and you should get better results. Although both images (after downloaded) play at very fast framerates for me. Update your browser and video card drivers if you aren't seeing the same.
No more personal attacks necessary here.
OK, I'll add to this. I too find photoshop's GIF export framerate pretty crappy. I've been trying to create a loading circle GIF, and the speed from PS just isnt right. And its not a limitation of the GIF format. The best results I have achieved are from Flash, exporting the movie as an aminated GIF. This give amazing speeds and correct framerates. Problem is, you dont get all the good compression settings that you do in PS.
Here is the file exported from photoshop
Here is the file exported from Flash
As you can see, you get amazing speed from Flash, but you dont' have good color palette options...
So, I think the issue is with PS, because if Flash can do it, there's no reason PS can't....
OK, I have worked it out!
To get photoshop to deliver much better framerates....
- Select all the frames in the Timeline window
- Right click on a frame image, and select "Do not dispose" from the dropdown.
This has given me much faster results.
Thanks for your extra tips.
I believe the last GIF animation I made was from Fireworks. I don't even know if it still supports that editing mode but you're right that the GIF animation format supports quite a few interval changes. I never examined the actual bytes exported previously but if I told a specific frame to hold for 10 seconds the file size was identical if I did not delay it at all. Essentially that told me the format supports encoding an actual delay per frame rather than the software stacking 10 seconds worth of the same frame (which would increase file size). So you should be able to achieve any frame rate you desire, especially varying rates.