如何获取GIF素材。
前言
- 光是文字没啥具体指向,先把网上的一个成品贴出来:
- 前面已经把工具基本都做好了(好吧,只是讲了简单的原理,复杂的功能实现其实就是拼积木)。
接下来要开始正式动工了。以真香.gif
为例,我们应该怎么做呢?- 获取素材(没有对话的GIF + 标准对话的GIF)
- 分离有对话的GIF,观察各个jpg图像,弄清楚有几段对话,分别出现在第几帧到第几帧,比如:
- 我就是饿死: 第0~8帧
- 死外边,从这里跳下去: 第12~23帧
- 不会吃你们一点东西: 第25~34帧
- 真香: 第37~47帧
- 对话的文字应当摆放到图像的哪个位置
- 这里主要是Y坐标要微调,X坐标可以根据对话长度自动计算
- 根据调试好的参数,以没有对话的GIF为模板,加上自定义对话,生成GIF
实现
如何获取GIF素材呢?
- 访问GIF之家(可以是别的,知道这个意思即可)
- 搜索
王境泽
,找到表情包https://www.gifhome.com/diy/8.html
- 下载标准对话的GIF,这个很好办,不用多说
- 下载没有对话的GIF
- 对话为空时提示
请输入对话内容
,怎么办呢?
- 搜索
请输入对话内容
,可以发现有个判断util.isNotEmpty
,把这个hook掉即可
- 按
F12
键,打开控制台 - 输入
util.isNotEmpty=function(){return true;}
- 对话全空格,点击提交,然后下载即可
- 按
- 对话为空时提示