这种动态二维码是怎么实现的？

参考：百度动态GIF版“梦幻二维码” 我也很想做这么一个炫酷的二维码，那位大神了解怎么实现吗？

有关回应 · 2021-5-15 08:54:21

我的方法有点麻烦，期待有人找出更简便的方法。
但是我这个方法可以插视频啊，完全自己定制样式，可选性更高一点，配合gif压缩工具还是可行的。
用到的软件：Ps, Pr
首先，准备好一张二维码（分辨率要高），比如这张：

还有一个背景视频，之后要注意使用这个视频要确保二维码能被扫描。
然后在ps中新建一个文件，宽度高度都是1000，背景选白色。
建好之后把准备好的二维码拖进ps中，再在二维码上新建一个图层：

然后切换回二维码的图层（选中上图中那串数字的图层），切换到魔棒工具。点击一下二维码以外的地方。

点了之后接着右键-》选择相似：

然后切换回镂空二维码图层，填充白色或者其他你想要的颜色。
然后将其他图层隐藏：

最终效果如下：

把它保存为PSD文件。
接下来打开Pr。新建项目

然后新建序列：

接着选择序列，序列设置，按照下图修改：

然后导入刚才做好的PSD文件和你的视频背景，像下图中拖入到序列的轨道上：

你可以在每条轨道上前后拖动，让视频和PSD文件的长度一样就可以。时间不要太长，像这样：

好看一下效果如何：

最终结果

好！接下来我们把它导出为GIF，文件-》导出，按照下图设置：
(我这样设置导出文件有点大，可以减小宽度和长度还有帧速率就可以减小文件大小)

好啦！这样我们就得到了一个会动的二维码啦！

有关回应 · 2021-5-15 08:54:22

作者：野鹿志
链接：社区专栏
来源：社区
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

1、首先我们需要准备一个纯黑白的二维码，注意！不是公众号后台下载的中间带logo那种哦！

http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
由于公众号后台下载二维码都是自带Logo的，这里给大家安利一个网站：草料二维码

http://cli.im/
我平常制作简单的二维码几乎都用它，由于它不是今天的主角，所以详细功能改日再介绍，先看看如何用它准备纯黑白的二维码吧！
首先打开草料二维码网站：

点击右上角红色的更多
然后点击生成工具中的微信二维码

这里只要输入微信公众账号

就可以自动生成二维码啦！然后直接点击下载即可！

http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
准备好纯黑白的二维码以后，接着我再给大家安利另外一个网站：第九工厂

http://www.9thws.com/
这个网站有不少不错的二维码模版，有些是付费的，可以简单方便的帮你把土得掉渣的黑白二维码美化的不要不要的...具体操作这里不再赘述，有兴趣的童鞋可以去试试。
hello world (二维码自动识别)
这里我随便选择一个哥斯拉的模版来制作，点击上传普通二维码

http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
这样我们就可以得到一个漂亮的静态二维码了

http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
以上，已经得到一个不错的二维码了，接下来是要做成动态的，例如图中的汽车、消防车、火焰、以及怪兽，怎么样让他们动起来呢？
有人说：用美图秀秀把这些元素抠出来、抹掉，再加进去就行啦！

这样野郎觉得太麻烦啦！我的办法是用ppt！

首先把二维码以图片的形式插入幻灯片中，我觉得三个角的码眼不好看，直接用二维码覆盖。

http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
码眼替换是不会影响二维码扫描的
（关于二维码的构造，如果大家感兴趣的话，可以后台撩我哦，我会根据大家的反馈情况进行分享！）
接下来就是要把图中的汽车、消防车、火焰、以及怪兽给去掉，方法也很简单，直接插入图形-矩形，然后填充白色，无线条，将这些元素覆盖就可以了！

当然，虽说方法简单，要一个元素一个元素的覆盖也是个细致活啦！大家可以看到野郎上面这张图上覆盖了多少矩形，不过相对于一个元素一个元素的抠出来再抹去，这个办法算是简单的啦！最后再将所有元素组合，我们就得到了这张图：http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
这个时候我们就要发挥一些想象啦！例如：图画里首先应该出现的是一些汽车

http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
汽车在城市中正常行驶http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
突然城市里来了一些怪兽http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
怪兽在城市里大肆破坏，于是着火了紧接着怪兽越来越多着火处也越来越多
消防车也赶来救火
http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
于是，按照这个思维方向和逻辑，我做了12张图片：
然后再打开美图秀秀，利用更多功能中的闪图功能

选择自定义闪图，将12张图片全部添加帧，最后再适当的调节一下速度：

最后我们再来看一看成果吧：

http://weixin.qq.com/r/UDrawgXE01isrUGh929C (二维码自动识别)
长按之后正常识别，没毛病！怎么样！
不能和设计师相比，糙是糙了点
不过野路子方法也挺好用啦
感兴趣的话赶紧去试试吧！
如果你有更简单的方法
欢迎后台撩我哦！

本文由“野鹿志”发布
欢迎分享，转载请注明出处

----------------------------------------------
Keep Curiosity Keep Learning
公众号ID：yeluzhi666
微信ID：maluyelang666

有关回应 · 2021-5-15 08:54:23

最近工作中刚接手了一个公众号，恰好需要做二维码创意图，找到了个傻瓜式的方法（不用PS更不用Flash）。按照下面的步骤，你也可以做一张属于自己的二维码动图啦！
https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzU4NDM0MzgzNA==&#wechat_redirect (二维码自动识别)
（下方是动图，点击体验↓↓↓）
[h1][动态不动的话点这里戳开] [/h1]https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzU4NDM0MzgzNA==&#wechat_redirect (二维码自动识别)
[h1]一、事前准备[/h1]①准备二维码
公众号：登录后台公众号，点击右上方公众号头像或者名字进入公众号设置，选择二维码下载（最小尺寸）即可；
个人微信号：点击底部菜单最右【我的】，然后点击最上方微信头像和昵称，新页面点击二维码名片，最后右上方点开保存到手机即可。
②找一张GIF背景图

我直接用了战狼2的素材，你也可以在其他网站通过“关键字+GIF”的字样搜索到自己喜欢的图片。比如堆糖网（https://www.duitang.com）搜索“GIF”
下载好的动图你先看一下大小（通过鼠标右键-属性查看），因为微信公众号上只能使用2MB之内的动图。这张图片的大小是2.72MB，这就需要我们进行压缩。
③压缩GIF图片大小
在soogif动图压缩网站（http://www.soogif.com）——工具制作——GIF压缩里选择“＜2M公众号”里上传你的图片，进行压缩，保存。压缩后图片变为1.58MB。

[h1]二、将二维码进行解码[/h1]①选择第三方工具
进入模板码（http://www.mobanma.com/store.html）
http://weixin.qq.com/r/8EQOFjvEDWZyrX919xHi (二维码自动识别)
在“免费模板”中随便点一个模板，进入后点免费领取（购买成功，关闭页面）。
http://weixin.qq.com/r/8EQOFjvEDWZyrX919xHi (二维码自动识别)
②上传二维码
点“二维码生成器”—上传二维码——选择二维码图片，上传自己的二维码。

③二维码解码
解析解码成功，点右下角蓝色的美化二维码。

选择刚才购买的模板，点一下进入，应用模板。
http://weixin.qq.com/r/8EQOFjvEDWZyrX919xHi (二维码自动识别)
等3-5秒生成图片

对右侧生成的图片用QQ或者360浏览器工具进行截图保存。
http://weixin.qq.com/r/4ziSigvEYlYdrU-p923x (二维码自动识别)
最后选择网页最上方右侧【解码】

进入下面界面

在“选择二维码图片处”把刚才的截图进行上传。

得到解析结果，选中，复制备用。
[h1]三、制作动图二维码图片[/h1]进入动态二维码制作网站（http://www.mobanma.com），上方有二维码生成方式，选择第一行第二个全视觉。

进入网页后，点“上传二维码背景图”，把一开始前两步中下载的动图上传。

把“二维码内容”粘贴成刚才复制（第③步最后）的，选择喜欢的码眼、元素，开启提高识别率前面打勾。

点击最下方生成二维码。生成结果在右侧出现。点击“查看记录”—点击下载图片即可保存到电脑。
http://weixin.qq.com/r/5DoxKRjEZ0UYrVxK92-2 (二维码自动识别)
最后留给懒人党，有人需要这个战狼素材或者别的需求的都可以私信我。有空我会多做一些模版然后分享出来给大家。
喜欢看电影的朋友也可以扫一下二维码支持支持哦，关注会送摩拜月卡和美团饿了么红包哦！
https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzU4NDM0MzgzNA==&#wechat_redirect (二维码自动识别)
[动态不动的话点这里戳开]

有关回应 · 2021-5-15 08:54:24

1、准备素材：做背景的GIF 和不带LOGO的二维码（展示效果更佳）

PS：百度【草料二维码】- 更多功能 - 微信，可生成不带LOGO的公众号二维码，当然此软件还可以将文本/网站/图片等生成二维码形式，并能制作不同形状的二维码

2、打开PPT，插入二维码和GIF（GIF置于底层），点击二维码，在工具栏中选择【图片工具】- 设置透明色，选取二维码的黑色为透明，完成后效果如下：

3、将PPT另存为视频

4、打开视频转GIF软件，小官这里用的是【若水GIF动态截图】，可去百度下载

5、打开刚刚保存的视频和“若水”软件，点击“若水”里的【区域截图模式】，框出视频里想要截取的范围后，点击“若水”下方的【开始录制】按钮，在3秒倒计时后开启视频播放，在想要结束的地方点击“若水”的【停止录制】，最后保存预览调整

关注“没品内容官”（微信号：mpnrg1987）
好好学习，天天向上

有关回应 · 2021-5-15 08:54:25

最快最好的动态二维码制作教程
个性动态二维码，是你吸粉的利器【内有教程】
你问题的链接404了~

这种动态二维码是怎么实现的？

5 个回复

浏览过的版块