同学们喜闻乐见的大多是来自设计师个人的经验分享,由于是过来人,他的技巧可能就能解决你现在的问题,实用性很强,今天针对Gif动画方面,分享7个鲜为人知的技巧,全是私人藏品,在这方面有问题的同学来瞧瞧有木有你想要的答案吧。
在InVision,GIF可不是消磨时间的玩意——它们在市场和教育方面扮演着强有力的角色。更有甚者,我们在首页上用的就是GIF,而不是基于代码的炫酷动画。实际上,人们开始询问,“那些GIF你们怎么做出来的?”是时候透露一下秘密了。
设计GIF
一、秘密武器
这就是我不可告人的小秘密:所有的GIF是从视频文件开始的。我通常在ScreenFlow里 *** ,我们也用它来 *** 产品视频。它足够简单,学起来很快,内置了一些非常有用的动画工具。
将动画导出成视频文件后,我通过文件>导入>视频帧作为图层将它导入到Photoshop里。
高级技巧:如果ScreenFlow或After Effects超出你的预算,可以在Keynote里创作你的动画,然后导出成视频。是的,最后有这个选项。
二、更少的颜色,更多的乐趣
如果想要惊艳的GIF,你得精挑细选地使用颜色。它不仅会使文件大小激增,使用更少的颜色也能让你 *** 更长、更复杂的GIF,而且文件仍然可以相对较小。
三、可能的话,使用运动模糊
像ScreenFlow和After Effects这样的软件,能输出带有运动模糊效果的视频。这不仅使你的动画看起来更专业,而且为了压缩文件尺寸,要从Photoshop中的GIF里删掉一些帧,还能帮你蒙混过关。
四、懒
想像一下,本文开头的那个GIF,我本来还能加很多东西进去。带有用户名的小提示、一个鼠标指针点击加号按钮、鼠标滑过头像触发更多提示和悬停状态。人们不用看到每个细节就能了解情况,所以就只展示需要展示的部分——时间和文件大小是有限的。
导出GIF
下面这些诀窍可能会让你有些紧张,在这之前,先尝试直接导出GIF。如果文件大小可以接受,那么很好!继续这么做。如果它太大了,继续往下看。
五、删除重复的帧
你的动画很可能在某处会暂时停止。仔细观察,你会发现这些片段包含了一大堆重复的帧,每个0.03秒。如果有10个重复帧,删掉9个,把剩下的那个时间设长一些,比如说1秒。
如果这没用,尝试重新导入视频,但这次要选间隔帧。它会显著缩减文件大小。
高级技巧:这不是一条铁律,但如果你的GIF有超过150帧,你就得花好一阵子来削减文件大小。
六、缩减色彩
在Photoshop中保存GIF时,右边能看到一个下拉菜单写着“颜色”。随便调调。只要GIF不会变成一团糟,设得越低越好。
七、调整失真率
老实说,我甚至不知道失真率是什么意思。但我的确知道,如果你把它设置成1和10之间的某个数,就能在不降低画质的情况下剔除很多kb。
这些都不管用!求助!
如果上面 *** 都尝试过,但GIF大小就是压不下去,这时候需要倒退一步。你想做的是不是太多了?有没有其他方式达成你的目标?如果把它拆分成几个不同的GIF呢?就像大多数创意产品一样,如果你专注于一件事,你的GIF会表现更好。
生活中我们常常会见到各种表格,这些表格都可以很方便我们记录一些事情,又或者是可以很好的将一些数据显示出来。对于一些工作的人员来说,能够用电脑制作出表格是非常重要的,那么在电脑上怎么制作表格呢?下面,小...
大家好,我是菠菜,菠菜今天给小伙伴们分享的课程是小白零基础建站课程。 很多小伙伴都想要有一个自己的网站,但是又苦苦不会自己做,今天分享的这个教程就是零基础教学,教你从认识网站开始。包括制作网站的核心...
咸鸭蛋是每个人都爱吃的美食,不管是蛋黄炒饭,还是蛋白下饭,都是非常具有营养的,很多人觉得腌制咸鸭蛋很简单,但是大部分做了之后,不是没有腌制好,就是太咸了,今天我就教大家3种腌制鸭蛋的方法,不仅吃起来香...
第一、企业用户网站建设首先找一家条符合与匹配网站建设公司;如:网站制作价格,技术团队,服务售后。 第二、企业主网站建设需求清晰明细,网站建设需求文档给网站建设公司进行评估。 第三、网络开发公司从以...
微信朋友圈心型9宫格照片怎么弄?马上就要到520情人节了,很多人把微信头像都换成爱心形状的了,来表达自己对另一半的爱意。而微信心形头像怎么弄出来的呢?今天小编就为大家带来关于微信朋友圈心型9宫格拼图方...
移动互联网已经成为了互联网的发展趋势,大部分的企业已经开始通过移动互联网创业,如果你网站或者你企业不想因为移动互联网的落后,而导致企业无法前景,又在考虑是否应该大力投资于移动互联网,那么建议你做一个免...