GIF图制作以及Markdown编辑GIF图尺寸(简书、github)

最近写了几个小demo,上传github之后老是感觉效果不好,别人家的都有个动图介绍什么的,咱们也不能落后。

  • 生成gif图片,首先使用Mac的QuickTime Player录屏生成mov视频文件。在网上找了个GIF Brewery生成git图,但是速度、帧的控制老是出问题(了解的大佬指点下,先三扣下)。总是花屏失帧 。随后找了个Google浏览器的插件(Convertio)有视频转gif动图功能,用起来挺不错。。


    Convertio.png
  • gif生成之后的问题来了,默认生成的图片尺寸不太符合自己的预期。各种google之后。
    1.普通图片编辑方式(gif图不适用,图片链接中有中文的也不行)
![test.jpg](http://oquujevnh.bkt.clouddn.com/ninth.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/240)

效果图


test.jpg

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->图像->图像大小->修改尺寸。

图像大小.png

图像调整.png

文件导出.png

导出gif.png

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

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

LICEcap录制.png

LICEcap保存路径.png

点击save即开始录制,点击stop即停止录制

这样算是把问题解决了,应该还有其他的编辑方式,各位大佬分享下呗😊

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,127评论 3 119
  • 建立连接前需要注意到的问题 在日常开发中,一个项目绝大多数的情况是离不开数据库的,因此我们需要编写代码使得工程最终...
    山林挽风阅读 880评论 0 1
  • 伟大的发现,都是基于对现实的观察而得来的,而不是从理论来推导现实。经验是大于理性的,但是经验是不一定可靠的,但是它...
    孙彤雯阅读 810评论 0 0
  • 我的心很小,我要把它留给心爱的人。 我的胃很小,我要用它来装最爱的食物。 我能学习的很少,我要学习更实用的东西。 ...
    大大大亭阅读 299评论 0 0
  • 他偶然遇见照料了一朵玫瑰花,因为闹别扭而与她分开,他告别了他的星球和玫瑰花,开始出去旅行。先后拜访和告别了国王、酒...
    悠子凝阅读 699评论 3 2

友情链接更多精彩内容