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.
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.
This topic is almost 1 year old, and Marian is no longer an active member of these forums.
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.
Old post but thought I'd add in that I know exactly what offtotheraces was talking about. I have a brand new Macbook and exporting a timeline with 0.0secs between frame still caused a slow laggy kind of animation and it is no way my specs. Yes crappy computers struggles to render but GIFs don't need a power house to run.
Thanks to the tips from theSchtickla the GIF exported a lot smoother and how I intended it. So just my 2 pence so people know there is an answer in this thread and not a misunderstanding
3 people found this helpful
Anyone still looking into this "speed issue", I have something that helped me.
As theSchtickla said above:
- Select all the frames in the Timeline window
- Right click on a frame image, and select "Do not dispose" from the dropdown.
- Set the delay to ".03"
I have not idea why this delay renders faster than a delay of "no delay", but it does...and its remarkably faster across whatever viewer or browser I look at it in.
I believe this would have "fixed" any of the issues of the original post in this thread.
1 person found this helpful
A very simple looping rotating arrow .GIF set at "No Delay" is fast in photoshop but slow when dropped in Chrome or IE.
I tried "Do not dispose" with a "0.3" delay it in Photoshop CC 2014 and it does not work but 0.03 did.
Just a tid bit here but I want to be clear that "No Delay" does not mean the delay is literally set at 0.00.
Think about it.
A delay of 0.00 means the animation would instantaneously happen, and if in a loop, indefinitely. Almost the equivalent of unleashing an infinite loop in code that just brings that applications process to an inevitable halt (asking you to kill the task). It just makes no practical sense on modern systems.
We learned a very long time ago not to base the speed of things like games on the average performance of computers since there is no way to predict how fast computers will be 10 years from now (Moore's law aside, we're not just scaling anymore).
So to be really clear, when it says "No Delay", there should be some nominal delay in there. It was probably labeled as such instead of 0.00 so people wouldn't even consider setting a 0.00 delay. Again, because it makes no sense.
Always set a delay value above 0.
You are importing the video frames to layers at an "every 2 frames" level. Just bring it in as every 3 or 4 frames and it will speed up.
While faster, that will lead to less FPS and a jagged animation. You can have it be faster yet retain the FPS which is the best option.
I'm also experiencing this laggy playback in safari from gifs. I'm on an i7 iMac so my hardware is not an issue. I am trying to make high quality gifs, which I'm realizing now is futile since it only supports 256 colors. I'm very surprised there is not a new animated standard that supports high quality image looping. Ive been working on a large image, 3000x4000 pixels and the file is about 90mb. I think that has something to do with it. I did a 60% size reduction and playback was smoother. Though with the size reduction a delay of 0.1 plays back muuuuuch smoother than a delay of 0.05. The .05 delay is glitchy and not even close to a smooth transition where the .1 is. The problem is I would like it to play faster than a .1 delay. I can try even further size reduction, though it seems to lose even more quality upon reducing size, which is also the opposite of what I would like. The delay and file size play hand in hand here it seems. Why doesn't adobe produce a high quality gif alternative? The future is now, adapt to the people
You can do what you want but you need to adapt yourself to how things work. If you don't want to use Flash to do what you want which is entirely capable of that, then you can use video (since interactivity clearly isn't a concern here) or HTML5 Canvas. GIF is not a good approach for what you're doing.
I have an issue similar to yours but it's not completely the same. My issue is that in the "Save for web..." window gifs indeed play slow (they are very jumpy and unsmooth), but the saved and uploaded versions of the gifs play normally, at the framerate I've set in Photoshop.
To be able to view my gif the right way before I save it, I click on the 'Preview' option in the bottom left corner of the Save for web screen.
Hope this helps
Messes around with Photoshop as well and setting a value of 0.02 (for every frame i want to play "instant") worked for me - 0.01 didn't and the animation was slowed down again.
Can't say I investigated this toroughly in different programs browsers etc but for me it worked with the preview of Xnview.
The correct delay value depends on the original framerate of the video sequence. For example, if the original video framerate is 25 fps, each frame has a delay of 1/25=0.04 sec.
So 0.04 is the correct setting for the delay in the Photoshop timeline, and the final gif will look exactly as the original video sequence. For a 30fps video, the correct value is 1/30=0.0333.. so 0.03.
With a value too low, 0.01 or 0, the value is ignored and the final gif will use the standard framerate of 10-12 fps.
I just want to say this problem has plagued me for a very long time and now, thanks to your response, I finally know what to do. So thanks for that! Hope it helps some others too.
I had the same problem so I was experimenting with importing/exporting videos. So I find out that the delay of the frames needs to be same to run the gif smooth and fast
I've been using After Effects to export a video at the size/frame rate CLOSE to what I would animate. For example, I like to export my video at 10 frames per second. I then import the video (converting it into frames in the TIMELINE of PS) as noted above and often only bring in EVERY other frame too upon importing into PS.
I use EXPORT FOR WEB and tweak those settings quite a lot (using the preview button too). Have to keep these GIFs VERY small for TUMBLR, Twitter, Google+ so the viewer will get in and out quickly. They will be choppy, BUT the will get shared. I try to keep my files under 500 kb. I also find that PS does NOT allow control of the frames (i.e. .02/frame or delay for 4 seconds, etc. ) = just doesn't work/carry over when loaded onto a website. Runs too fast for me often. See my samples here: Mellenhead Productions, Affordable Animations and Digital Videos
Oh, yes... and one other thing: I have learned to better control playback by making sure that when I export the final .GIF out of PS that I turn on EXPORT IMAGES +HTML. Somehow this embeds the .HTML and allows me to better control the frame rate of my playback, even allowing a long pause of ONE FRAME (i.e. 5 seconds long). Much more power on how fast/slow my .GIF is playing back.
4 people found this helpful
Gifs on Photoshop are better quality and way less heavier than those made on After Effect.
In case people still wonder why their gif is still slow while using photoshop :
First you are doing it wrong : you are not setting the framerate but you are setting the delay time for each frame.
You can stil get the result you want but its way more complicated.
The method since Photoshop cc2015 (at least)
When you click on Window > Timeline you are working with the "Frame Animation"
Once you are done with the animation of your gif you must convert it to "Video Timeline" (click on the lower left corner tab, in your Frame Animation window, just next to the loop setting (once, 3 times, forever).
Then click on the tab to the right corner of the timeline : the timeline setting. Click next on "Set Timeline Frame Rate..."
Lower the framerate to get your animation faster, and higher is you want is faster.
Hope it will help.