: Creating crystal clear gifs for web? We're in the middle of a redesign and since we now have nicer looking dashboards, would like to utilize some gifs showing them in use. The problem is,
We're in the middle of a redesign and since we now have nicer looking dashboards, would like to utilize some gifs showing them in use. The problem is, whenever I save a gif out in photoshop, it appears pixel-y and blurry.
I was wondering what could I be doing wrong here? These were done with all vector art so I don't think sizing should have been an issue. They weren't resized in PS, only sized in AI.
I am looking for a result similar to this. The section I am looking at is mainly in the "overview" section. I understand this example is an HTML video, but I have seen examples using simple gifs. Would my best bet be to use HTML5 Videos instead and forget the gifs altogether?
Thanks for the insight!
More posts by @Deb5748823
1 Comments
Sorted by latest first Latest Oldest Best
The things that are not great for a gif output are the parts that have
Photos.
Gradient images, like the fish, the graphs.
Gradients like the buttons have.
So your pallete is getting devoured by thoose.
The current trendy use of gifs is becouse the "flat" design. The other example you posted is flat.
In your particular case (if you can not remove thoose elements) a single gif is not the best option.
If you have a suficcient flat design, then the next thing is to export without a gradient (dither) This also reduces the file size.
An alternative is probably use a series of jpg and animate then using CSS.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.