我们知道在CSDN博客中不能像网页一样添加视频文件，但是可以添加图片。我们常用的图片都是静态的，但不是所有的图片都是静态的，比如说Gif格式的图片就可以是动态的。我也是之前总是看微博上有一些好玩的动态图，所以就查了动态图是怎么生成的。just for fun.(*^_^*)

第一种方式：截取Gif图片

 

       你可以在一些视频播放器中打开你的视频文件，有些播放器就自带截取Gif图片的功能。比如说：QQ影音，如图所示。不过效果确实让人不敢恭维，太差了。

 



 

第二种方式：自定义Gif图

 

1）用FastStone Capture软件的录屏功能，这个咱们在集体导视频的时候应该都接触过，录得视频还是很清晰的。如图，是打开软件后的视图，点击标记的图标，按照步骤一步步选择，很简单，就不再赘述了。

 



 

2）录好短视频后，登录这个网址：在线 wmv 转 gif，上传做好的wmv视频（Select Files），点击右下角的开始转换按钮（Start Convertion）。完成后，点击下载（Download）就算大功告成了。

 



第三种方式：直接录制Gif

 

　　这种方式是利用一个软件操作即可，软件下载：百度分享。使用步骤：Record——选择保存路径——Stop即保存。这种方式的优点是：离线操作，快速。不过，相比第二种方式来说，这种方式生成的gif图片的清晰度会略打折扣。

总结



       在CSDN博客中添加的gif图片大小不能超过2M，所以录制的视频不能太长，不过你要不用于博客倒无所谓，大不了转换的时间长一点罢了。另外，我发现用FastStone录制的视频还可以录制下来声音，而且鼠标点击的时候也有容易辨别的圆形提示，觉得这是一款录制教学视频的好软件。在牛腩新闻发布系统中，老师用的是Camtasia软件，不过我还没有尝试。希望能给你带来帮助。

如何制作gif图？如何上传你项目的动态效果图到你的csdn？


这只是笔者用的方法，有其他方法的欢迎分享。

一张或几张展示了你的项目的功能及效果的动态图放在博客文章开头会为你的文章润色不少。

相信很多写博客的伙伴都会遇到这样一个问题，想把自己项目的动态效果图上传到自己的文章里，但是却不知道怎么制作这些动态图。

废话不多说。看例子





GIF制作工具下载地址：http://download.csdn.net/download/lxk_1993/9518395





下面的可以不看...  原谅我的无知，录屏的话可以看下




制作工具需要：录屏工具和迅雷影音播放器。

制作gif过程录屏：http://download.csdn.net/download/lxk_1993/9394343


制作方法：

1.首先下载录屏工具，下载地址：http://download.csdn.net/download/lxk_1993/9393417，有录屏工具可以直接跳过录屏工具介绍。

2.下载之后，解压压缩包，打开文件夹“屏幕录像专家”。你会看到一个注册机，一个软件注册的txt文本，如图。




3.再打开上图的“屏幕录像专家”文件夹，找到下图中的文件，右键以管理员身份运行。






4.看到如下界面，复制里的机器码。







5. 双击运行2中的注册机，粘贴你的机器码，设置一个用户名，点击注册机获取注册码，载复制注册码。







6. 点击4中的注册，输入你的机器码、注册码，和获取注册码时的用户名。点击确定。







7.然后重新以管理员身份运行3中的屏录专家，提示修复点取消就好，进入软件主界面之后，下面图圈的就我们都会用到的地方（开始、暂停、停止录制，存放地址，全屏录制还是窗口录制），一般我们做项目效果图只要选择模拟器的窗口就好了。










8. 需要选择只录制窗口，可以点击录制目标，选择窗口，然后点击你要录制的窗口就好了。

9.点击录制（快捷键F2），如图所示就是已经在录制了。







10.录制完成之后，按F2就停止了，然后在7中的临时文件夹后面的目录下有一个avi格式的文件。







11. 用迅雷影音打开，没有迅雷影音的百度下一个。右键播放界面选择gif图截取。







12. 首先选取播放视频里你需要截取的位置，然后可以选择尺寸，然后保存，然后图中的保存目录就会有一个gif图片了。







13.写博客的时候就可以直接上传了。不过注意，博客上传图片有大小限制（2M）。如果你要截取的视屏太长，建议分几次截取，或者用小点的画面尺寸。

想要制作gif动态图片，为何不试试万能的PS呢！使用PS可以帮助用户快速轻松的制作gif动图，操作简单又方便。那么如何利用PS快速将图片做成gif动态图，其实方法是很简单，制作这种gif动图其实就是把几张图片组合起来然后简单设置一下即可，本文将为大家详细介绍PS如何将图片制作成gif动态图，感兴趣的朋友可以跟着小编一起来看看！
ps制作gif动态图详细图文教程
首先要准备一组动作相关联的图片，图片越多做出来的gif视觉也相对越精细，小编这里一组吐烟的连环动作为例。
步骤一：先将这组图片在同个图像中打开
为了方便记顺序将图片的顺序按字母标注名字

步骤二：选择  窗口—时间轴

步骤三：下方出现时间轴的面板，选择 创建帧动画

步骤四：我们先来创建第一个动作
选择第一个图层
要将其他图层的左边的小眼睛（指示图层可见性）点掉
只让第一个图层可见

步骤五：设置图片显示的时间
时间根据自己想要的选择，这里选择的是0.1秒

步骤六：接下来建第二个动作
点击 复制所选帧  
然后选择第二张图片的图层
将其他 小眼睛点掉 只显示第二张图片

步骤七：以此类推按照以上操作一直到最后一张图片

步骤八：完成以后可以点击 播放按钮看看效果

步骤九：最后保存
存储为web所用格式，在文件栏里可以找到
将循环选项 改成 永远图像大小改成所需的 像素
保存就完成了
好了这样gif动态制作就完成了，是不是很简单呢，小伙伴们快来动手试试吧！

1、gif 图不管是在开发还是生活中都很常见，作一个gif图也是我们必备的技能之一，如何查看一个gif图的每一帧呢？
使用2345看图王，为甚选择这个呢？首先这个软件小，安装简单，没有静默安装垃圾软件，所有就使用它来查看我们的gif图：怎么查看呢？
①打开一张gif图

     ②点击保存所有帧图即可，保存完会弹出图片的输出文件夹


2、那么如何简单又实用的方式制作一个gif图呢？这又是一个问题？
①我们使用美图秀秀软件即可实现，为什么选择它，还是一样，文件小，安装简单，操作简便



② 添加每一帧的静态图，添加多张即可合成gif图啦




ok，以上的操作，就可以轻松使用我们的gif图了！！