GIF图制作以及Markdown编辑GIF图尺寸(简书、gith
2018-09-14 本文已影响0人
喝酸奶舔下盖
最近写了几个小demo,上传github之后老是感觉效果不好,别人家的都有个动图介绍什么的,咱们也不能落后。
-
生成gif图片,首先使用Mac的QuickTime Player录屏生成mov视频文件。在网上找了个GIF Brewery生成git图,但是速度、帧的控制老是出问题(了解的大佬指点下,先三扣下)。总是花屏失帧 。随后找了个Google浏览器的插件(Convertio)有视频转gif动图功能,用起来挺不错。。
Convertio.png
- gif生成之后的问题来了,默认生成的图片尺寸不太符合自己的预期。各种google之后。
1.普通图片编辑方式(gif图不适用,图片链接中有中文的也不行)

效果图
2.gif图按上面方式调整不了尺寸。使用HTML方式编辑
<img src="https://github.com/wangxuewen/WXWLuckView/blob/master/WXWLuckView/Resource/%E6%8A%BD%E5%A5%96.gif" width="320" alt="抽奖">
效果图外链
3.HTML方式在github上可以简书是不能用的。然后想到自己手动修改gif文件尺寸,在网上找个编辑gif文件的网站,可以线上编辑 gif图尺寸修改(这个是有水印的,还可以去 aconvert 修改)修改gif本地文件之后再上传到简书。
效果图外链
4.最优方式,极力推荐PS(要是你装了PS的话)
PS->图像->图像大小->修改尺寸。




5.新找到一种在手机上制作gif图的方法。iOS12之后手机添加了录屏的功能,通过iphone手机录屏功能,录制小视频再通过gif生成的应用(了解的有GIF2制作,这个大家可以根据自己的习惯筛选)也可以直接生成想要的gif;下图是录屏的步骤:

6.新找到一种在Mac电脑是上直接制作gif图的应用 [LICEcap](链接: https://pan.baidu.com/s/16fjZjK38LHZvol2jaqYxrA) 提取码为pf2c
。相应的使用见下图


点击
save
即开始录制,点击stop
即停止录制
这样算是把问题解决了,应该还有其他的编辑方式,各位大佬分享下呗😊