Photoshop Quick Tip - Creative GIF Compression Using compression algorithms and colour data to develop creative styles within your GIFs using Photoshops Save For Web feature

What you will need

- Adobe Photoshop (CC Prefered))
- A video file

After importing a video file, using Photoshop's Import Video To Layers settings (You can find another quick tutorial I made on that here: GIF Compression With Photoshop), you simply use the Save For Web command to open up the animation within the GIF Compressor window.

From here, you can access the various colour compression algorithms that will be used to change the colours on the color table. Certain algorithm setups can be used to create certain styles of GIFs. For instance, using a heavy lossy value will make it look glitchy and have heavy banding artefacts. Using the Noise or Pattern algorithm can give some very interesting results, giving you a super high quality GIF that looks almost filmic and pixelated. Reducing the color count can give you a low bit style pixel art image. The same can be done if you lower the resolution and frame rate before saving for web.

The majority of this can be fairly straight forward for getting a nice looking GIF, but you can find some interesting results if you spend some time playing about with the compressor to get something that changes the look of your GIF entirely.

There are tons of ways to consider how you 'render' an image, which comes after you finish a piece of work. Sometimes, it's worth rendering out a clean image, only to then use a particular compression style to 'ruin' the quality, giving a very unique result which could have taken a lot of work to do in an editing and compositing application, like using displacement and tri-tones in After Effects.

Here are a few examples


Share this web page