为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

 曾几何时,领导要求写点公司内部的博客,类似于User Guide性质的。重点就是介绍一下部门各种产品/工具使用方法,以及一些FAQ。美其名曰提高生产力。因为工作性质,有太多的终端用户提各种小白问题,虽然刚开始回答起来让我觉得特别的有成就感。但是一而再再而三的小白问题,也会把人逼的崩溃。索性写点FAQ,User  Guide之类的,如果有同样的问题就丢给他们一个链接,让他们发挥一下自己的主观能动性。

什么?这样的问题你不屑搞?领导的小鞋了解一下,年终Performance了解一下。这些你都不care?那你的年终米(jiang)还要不要,升职加米(xin)还要不要?如果这些都无所谓。那么拜拜,我们不是一路人,你是家里有矿的。

好了扯远了。具体来说为啥想到要用个动图呢?这个真的是没有痛就没有发言权~~~囧。有的用户真的是小白的不能再小白,你给他截图,写步骤他都不一定看得懂,或者说他的脑回路就跟我们不一样。公司的blog又不能放视频,那么动图(gif)就是上上之选了。

说了这么多,这些都不重要。关键是动图看起来。。。【很有逼格】。作为一个搬砖大叔,其它都可以不要,但是装X还是要的。这是我们唯一保留的精神寄托了。

咦不就是个动图吗?越扯越远了。来来来我们看看如何《三步生成动图》,《动图由入门到精通》^_^

第一步:安装screentogif (入门)

先想想你是要通过安装程序安装还是直接下载一个绿色版。你问我?肯定是绿色(bai piao)版了。公司对安装各种小软件,监管到了骨髓里,就算我能下载也没有权限安装,就算我申请了权限能安装,万一哪天爆个小后门,我就吃不了兜着都走不了了。大家都能理解吧?不能理解也没关系,要是你家开银行的,你允许你的员工随意在电脑上安装小软件吗?

点这里→下载链接

放心的点啊,CSDN不允许外部链接,我已经贴心的给大家上传到CSDN了。截止到我发搞时为止的最新版本是2.32.1

下载之后直接解压,然后双击运行就可以了。

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

 为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

 没错就是这么简洁,传说中的一键XXX。

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

 看,入门是不是很容易呢?

第二步:录制屏幕(↓)

1. 点击录像机

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

 

2. 调整窗口位置,大小

拖动窗口到你要录屏的区域,然后把鼠标移到窗口边缘等其变为 或者(应该还有个斜着的敲不出来o(╯□╰)o)按住鼠标拖动,即可改变窗口的大小

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

或者直接在窗口下面的输入框中输入

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

其它默认就好,毕竟只是入门到精通要啥自行车。

如果,我是说如果,你是在管不住你的好奇心和探索精神,可以点击一下设置为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下按钮,看看还有哪些值得玩味的东西。

哇,看起来还有蛮多东西的,看来是我忍不住了~~~囧。

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

 

3. 点击录制按钮

点击右下角的【录制】按钮开始录制点击【停止】按钮停止录制或者【暂停】按钮暂停录制,或者直接按【F7】开始录制,按【F8】停止录制。

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

第三部:生成动图(精通)

哈哈,马上就精通了,惊不惊喜意不意外。进入三步生成动图的最后一步。

当点击停止录制之后就进入了编辑页面,在编辑页面点击【播放】按钮可以预览动图效果,如果有不满意的可以进行编辑。

比如:

1. 删除不必要帧(谁没有手抖的时候,这时候删除就很香)

2. 调整帧的位置(【左移】,【右移】)

3. 直接【反转】来个时空倒流。

4. 你要是嫌一帧一帧编辑太麻烦,直接使用【移除重复】一次性移除大量的相似帧。这个也很香啊。

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

 除了这个还有什么姿势,错了是还有什么高级 功能呢?

可以通过图像功能面板添加更加丰富的内容,比如说:

1. 你想发挥一下你的画画天赋,来个【*绘画

2. 或者你喜欢各种【形状】(zi shi)

3. 如果听不懂你是不是想看【字幕】?

4. 以及【水印】【模糊】(da ma)功能,让你的动图更有逼格

5. 对size不满意?可以通过【调整大小】来调整

。。。

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

 等这些都编辑完,就可以享受你的装逼了,哦不对是成果。

嗯有点上头了,最后一步【另存为】GIF动画。

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

来个完整版:

为什么大神们的文章看起来那么酷?除了写的好还使用了生动的动图(gif)。一款【免费】的动图工具screentogif了解一下

 

总结

感谢CCTV,哦不对是感谢CSDN,感谢大家的捧场。很荣幸在这里给大家介绍了这款.net编写的无广告(ma)的屏幕动图生成工具,在以往的工作中(ban zhuan)我用它无往不利,赢得了领导的欢心,完成了KPI,提高了performance,为公司创造了无限的价值。至于我收获了极大的成就感(o(╯□╰)o)哦不,是提高了业务水平,打下了扎实的技术基础,在工作,学习,生活上都取得了前所未有的成就。当然我不会因此而骄傲,我还会以此为基础继续在我的岗位上努力,做出成绩,为公司(ling dao)的发展奉献我的力量(zhi yao gei qian)。

此致敬礼!

上一篇:vue中使用bus进行组件间的通信


下一篇:Go语言基础-接口