Log in

No account? Create an account

Previous Entry | Next Entry

Gif timing question

Hi all!

I'm hoping someone could give me some tips on how to make animated gifs for Tumblr. I understand the basics but timing is getting me down.

I know there's a way to save multiple gifs in one canvas so the first bit finishes before the second, but the file size ends up being way too large or there's too much loss of quality for my liking.

Is there a good way to manually time separate gifs to align properly? I'm using Photoshop CS3.

[crappy example of what I mean]
2 separate images:

Versus one canvas:



( 12 comments — Leave a comment )
May. 24th, 2015 09:16 pm (UTC)
If the gif is 500px wide you can't really have it more than 25 frames long, often times shorter. You can have more frames in a smaller size as obviously the size difference affects the file size. Also if it's colour, making it black and white instead will make the file size smaller.

I don't know if you're already doing this, but when you import the file to Photoshop, click the "Limit to every 2 frames" as it's not necessary to have more than that and will help your file size.

I make gifs in CS3 too, and I've found making each frame 0.08 long generally gets the speed just right.

I hope this is what you meant?
May. 24th, 2015 09:59 pm (UTC)
I guess I'm terrible at explaining stuff. Argh! Sorry no, I know how to do that. I mean, so I have two separate scenes, right? But I want scene 1 to play out and stop, before scene 2 starts.

I know the easiest way to do this is to put both scenes in the same canvas.

um, here's a crappy example of what I mean:
2 separate images:

Versus one canvas:

Edited at 2015-05-24 10:02 pm (UTC)
May. 25th, 2015 04:45 pm (UTC)
Oh yes, I can feel your pain. Timing gifs is not funny.

If you use two canvas to have the 2MB for the single gif you have to count the time gif 1 is running (multiply the run time of one frame with the frame number). In gif 2 create an empty frame and place it on the first place (left). It has to run the whole time gif 1 is playing. In gif 1 you have to create an empty frame and place it at the end (right) which has to run the whole time gif 2 is playing.

Cross your fingers if it will work out like you planned it.

May. 25th, 2015 05:13 pm (UTC)
And I see, it's not working...doink.
May. 25th, 2015 09:52 pm (UTC)
Thanks I'll try that. Dunno why I didn't think of that. (I'm kind of dumb ^^;)

Edited at 2015-05-25 09:52 pm (UTC)
May. 25th, 2015 10:03 pm (UTC)
I hope your gifs will turn out the way you want.
May. 25th, 2015 11:52 pm (UTC)
Bah, no. It worked for a second but got out of sync somehow.
May. 26th, 2015 12:10 pm (UTC)
The problem with this method (two separate gifs) is that our browsers don't always load all the gifs in a photoset at exactly the same time. Sometimes your gifs will be perfectly in sync, but most of the times they won't be.
May. 26th, 2015 05:35 pm (UTC)
curses. ok fine, tiny little gifs it is.

At least I got a concrete answer as to why. thank you!

Edited at 2015-05-26 05:35 pm (UTC)
May. 25th, 2015 07:29 pm (UTC)
I'm a dinosaur and I'm still using Imageready, but there you can manually determine the seconds a frame last. If you make separated gifs, you can make the first frame of nº2 gif to wait the amount of seconds nº1 gif last and it won't add as much kbs as repeating the same frame does. I hope your Photoshop has this option somewhere. Good luck!
May. 25th, 2015 01:36 am (UTC)
There's size limit too, around 2mb sorry not really remember
May. 25th, 2015 03:12 am (UTC)
Yeah, I know, that's why I dislike the one canvas trick. :/
( 12 comments — Leave a comment )

Latest Month

July 2017


Powered by LiveJournal.com