网上很多小动画都是GIF格式的,其中也有很多是从视频转换成gif的。其实GIF是将多幅图像保存为一个图像文件,从而形成动画,最常见的就是通过一帧帧的动画串联起来的gif图。那么视频如何制作gif动态图片呢?想自制GIF图的朋友不防学学,很易学的。

首先要准备好要做成gif动画图的视频片段(一般也就几秒到十几秒钟的时长,太长不利传播)。可以使用狸窝全能转换器(兼剪辑功能),在某一视频中提取出你需要的视频片段。详细参考:截取视频转gif动画图片: http://www.leawo.cn/space-138176-do-thread-id-59534.html

主要操作:添加视频文件--视频编辑--预览方案(输出格式)--转换导出。如下图。

HTML5img使用gif图 html怎么做动态图片_另存为

OK,接下来要将视频转gif了。今天用到的是一个免安装的视频转gif软件,解压之后在文件夹在红找到下图所示的应用程序,双击运行即可。

HTML5img使用gif图 html怎么做动态图片_gif动画_02

打开GIF动态图片制作软件,如下图,在初始启动向导中,选择“打开一个现有的视频文件”。

HTML5img使用gif图 html怎么做动态图片_动态图片_03

浏览本地电脑找到事先准备好的视频文件(avi格式的),“打开”载入软件中。

HTML5img使用gif图 html怎么做动态图片_gif动画_04

gif动态图片制作软件自动分析帧数,并插入图象帧。比如,我打开视频文件后,显示有148帧图像帧。

HTML5img使用gif图 html怎么做动态图片_HTML5img使用gif图_05

在软件下方的帧面板中显示了所有帧,我们可以按需要进行删减不需要的帧,按shift可多选图片。例如,我想删除第144到148帧的图像,就可以先单选第144帧,再按Shift键的同时单击第148帧,这样第144、145、146、147、148帧都能选中了。再点击“删除帧”按钮,即可删除这些选中的帧了。

HTML5img使用gif图 html怎么做动态图片_HTML5img使用gif图_06

在视频中截取出来的片段,可能视频画面尺寸较大,我们可以适当缩小的,操作方法:选择“编辑”菜单--“调整图象大小...”,弹出调整图象大小窗口中,设置一下宽度、高度即可。“确定”保存设置返回。

HTML5img使用gif图 html怎么做动态图片_动态图片_07

最后,导出制作gif动态图片。选择“文件”菜单--“另存为”--“GIF文件...”。

HTML5img使用gif图 html怎么做动态图片_gif动画_08

弹出的另存为窗口中,设置图片的名称,保存路径,保存类型,“保存”。搞定。

HTML5img使用gif图 html怎么做动态图片_动态图片_09

这样就成功把视频转gif动画图片了。

HTML5img使用gif图 html怎么做动态图片_动态图片_10

这个视频转gif制作软件更接近完美些,有一些功能这里还未说明,其实它还可以添加文字,对每帧进行处理等,就先不多说啦,大家可以亲自体验下吧。