Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
emmanuelulloa

GIF banners

Recommended Posts

I recently struggle to deliver a couple of banners for XAd.  They needed to be a 320x50 and a 300x250 with weights of 20k and 40k respectively.  

After some research I ended up doing it in Photoshop.  However "Video Timeline" only allowed for linear interpolation.

My question is:

 

When requested for GIF banners what is your approach? tools? workflow? dealing with the art director?

Link to post
Share on other sites

Occasionally I use LICEcap to screen record and existing HTML5 banner or a .MOV file as it tends to have really good file weight compression, and I can control the output FPS pretty easily.

  • Like 2
Link to post
Share on other sites

I would suggest to screen record the whole animation. After that the video convert it to gif. I would suggest some free GIF converter. https://ezgif.com/video-to-gif I am doing this when I am creating gif as a preview of my banner animation.

Link to post
Share on other sites
On 23.1.2017 at 3:53 PM, joe_midi said:

Occasionally I use LICEcap to screen record and existing HTML5 banner or a .MOV file as it tends to have really good file weight compression, and I can control the output FPS pretty easily.

Wow, LICEcap was new to me. Perfect solution, very useful. Thank's for sharing!

Link to post
Share on other sites
7 hours ago, anivendo said:

Wow, LICEcap was new to me. Perfect solution, very useful. Thank's for sharing!

 

This is super awesome thanks for this software...

Link to post
Share on other sites

At work i don't make Gif's i use GSAP to do transitions and stack images on top of each other they look like Gif's but better image quality.

Gif's make a lot of images look terrible.

The bonus is we can then serve them in Sizmek so instead of 80kb we get 200kb. 

I created a very basic Double Triple Quad framework base so it's quick and easy.

Another benefit of doing this is you don't have to end on the third frame for example you can end on second or first depending

on the use case.

 

Here is a billboard using this example.

 

https://www.dropbox.com/s/wkrcsk8tww6v5z3/BILLBOARD_970x250.zip?dl=0

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×