So I landed a really nice freelance gig where I gotta do some real fun & sweet animations that will be uploaded to a corporate Giphy account and then used as Instagram Stickers. It's the first time I'm doing it and so far I found out you should deliver it in about 1200px width at least because of Retina displays and avoid too many details/animation steps, because of gif compression.
But I wondered if anyone of you already did a job like this or knows if there exists a guide for this? Because of course there's gotta be file size and length restrictions and maybe other things I don't want to consider too late.
If it doesn't exist by now, I will definitely update this post with my learnings in a few weeks when the job is done. ( :
Have a nice one,
So I promised to release an update on this. For me it worked quite well to work with a resolution of 750x750px and extend that in either direction if I didn't want to have a square format.
Like at GIF production I, from the start, planned for a simple animation with fewer colors, steps and length.
The biggest issue to tackle was 'white borders' that came up when I wanted to export a GIF from Photoshop to upload it at Giphy. I didn't want to have a stroke around it, so I had to find another way. They best way I found out is a mix of one of the following:
- Choosing a fitting Matte Color in the settings if you are so lucky to have the same color on all borders. That basically acts as if you had defined a stroke before.
- Defringe each frame of the gif in Photoshop with Layer->matting->defringe. Didn't always help though.
- WEB SNAP. That helped the most. I basically set it between 30-50%. I don't know what exactly it does, but it removed the white borders.
- In general I exported a GIF at the settings: Selective, Noise, 256 Colors, Transparency, but no transparency dither, Web snap 30%.
Hit me up if you have any more questions, I have spent hours in front of the export settings now. :D