as a gif maker who struggled for ages to make gifs that looked even halfway decent, it breaks my heart to see people who make gifs with really lovely colourings and/or the perfect frame rate, etc, etc, but it’s all ruined because the gifs are the wrong size (or resized at the wrong time)
NOTE: I use photoshop cs5 extended.
I mostly see this with the 268 gifs (the middle size ones) so we’re mainly going to talk about those.
this is what a 268 gif should look like if sized correctly:
I use calibri, font size 10, some people will use fonts that look slightly smaller or adjust the sizing. the point is my text looks exactly how I wanted it to. it’s crisp, easy to read and hasn’t been made smaller or blurry when I upload it to tumblr.
examples of resizing gifs wrong:
1) if you colour, sharpen, and add text before you resize (even if you use the right gif size) it’ll look like this:
that’s not too bad but the font size I used was 50 and after resizing the font looks really tiny. it’s really hard to judge what text size is going to work if you add it before resizing.
(note: colouring and sharpening before resizing should be fine, it’s just the text that tends to mess up)
2) if you don’t resize your gifs at all they will look like this:
the gif won’t look as sharp and the font is really tiny and hard to read, that’s because those gifs are actually this big:
that is way too big. ^^^ that gif there is 540 which is the size of the big gifs on here. I see people all the time who will upload gifs much bigger than that.
like I said, the first example isn’t too bad, but with the second one it doesn’t matter how well you colour, how crisp your gifs are, or how perfect your font looks in photoshop, it won’t look half as good on tumblr.
the correct sizes and when to resize:
the best time to resize your gifs is before you colour, sharpen, add text, anything like that. it will ensure your hard work looks just like it should on tumblr when it’s uploaded :)
below are examples of sizes, each of these uses pixels as their units :)
the height for 540 is usually 304, the height for 268 is usually 151 (or 150), and the height for 177/178 is usually 177. well, these are the heights I end up using at they work fine.
when doing smaller gifs making your middle gif 178 will mean that any text doesn’t appear blurry (and that the gif in general looks crisp), I actually didn’t know this until a few months ago so even I’m still learning when it comes to gif making :)
basically, just make sure you use the correct gif sizes before you add any text.
I would also recommend sizing your gifs before sharpening or adding colour too :)
bonus, fonts I use:
I always use calibri when doing subtitles.
for 540 gifs I tend to use 10.5 or 11 font size.
for 268 gifs I tend to usee 10 font size, however, if I make the height bigger than 151 then I might try 10.5
and for the 177/178 gifs I use size 10 font. if it doesn’t all fit I might try 9.5
if I’m adding text that isn’t subtitles I might change up the font and size, but honestly, it’s best to play around and see what works and gives you the aesthetic you’re going for :)