如何制作gif动画,丰富自己的博客?

不久前在博客园上看到有个哥们发表了一篇博客,其中使用了大量的动态的gif动画,感觉这种方法对于丰富博客内容非常有帮助,然后在网上搜索了一些关于制作gif动画的资料。我的方法不一定好,在这里仅作为抛砖引玉。

在这里用到了一些软件和资料,我已经上传到百度云盘了,大家可以到这里下载,主要用到的软件如下:

FastStone Capture               用它来将操作步骤录制成视频

PotPlayer                            用来将刚才录制的视频转成gif图片

Ulead_GIF_Animator         用来将刚才生成的gif图片制作成gif动画

下面我们开始吧。

第一步、录制视频

运行FastStone Capture, 点击屏幕录像机

image

 

 

 

 

这里我选择的是录制一个矩形区域

如何制作gif动画,丰富自己的博客?_第1张图片

然后点击录制按钮,绘制一个要进行录制的矩形区域,然后点击开始,如果要暂停需要按下

Ctrl + F11,可以继续录制,也可以选择保存或者丢弃刚才录制的视频,这里我们选择保存。

 

第二步、将录制的视频转成gif图片

用PotPlayer打开刚才录制的视频,点击快捷键【Ctrl+G】,把进度条拖到你需要截取的片段开头,然后暂停播放。设置参数后点击【开始】,播放影片,开始截取。

可以看到,刚才录制的视频有8秒

如何制作gif动画,丰富自己的博客?_第2张图片

设置好参数后,点击开始

如何制作gif动画,丰富自己的博客?_第3张图片

点击播放按钮

如何制作gif动画,丰富自己的博客?_第4张图片

根据我的设置,生成的截图自动保存到了C:\Users\pengdonglin\AppData\Roaming\PotPlayerMini\Capture

进入该目录下可以看到:

如何制作gif动画,丰富自己的博客?_第5张图片

右键单击其中一张图片,看一下它的分辨率是528*240

如何制作gif动画,丰富自己的博客?_第6张图片

 

第三步、将生成的gif图片制作成动态gif图片

启动Ulead_GIF_Animator ,点击新建。

如何制作gif动画,丰富自己的博客?_第7张图片

将画布设置为刚才的gif图片的分辨率,点击确定

如何制作gif动画,丰富自己的博客?_第8张图片

将刚才生成的gif图片全选,然后拖入Ulead GIF

如何制作gif动画,丰富自己的博客?_第9张图片

在弹出的对话框中点击确定

如何制作gif动画,丰富自己的博客?_第10张图片

 

接下来的步骤可以参考我上传的Ulead_Gif_Animator_5_基础教程。

如何制作gif动画,丰富自己的博客?_第11张图片

点击文件菜单—>另存为—>GIF文件

如何制作gif动画,丰富自己的博客?_第12张图片

下面是最后的效果:

如何制作gif动画,丰富自己的博客?_第13张图片

 

以上内容仅作为抛砖引玉。

你可能感兴趣的:(gif)