看到很多带动态二维码的文章或者广告，很好奇效果如何，就自己试了一下，果然有效~
所以抱着分享好东西的心态，今天边肖就送给大家~
首先，我们要知道什么是二维码。
二维条码(2-dimensional bar code)是以特定的几何图形在平面(二维方向)上按一定规则分布的黑白图形，用以记录数据符号信息；在编码中，巧妙地运用了构成计算机内部逻辑基础的“0”和“1”位流的概念，用与二进制相对应的几个几何图形来表示字符的数值信息，这些信息可以被图像输入设备或光电扫描设备自动读取和读出，实现信息的自动处理。它具有条形码技术的一些共性：每种编码系统都有自己特定的字符集；每个字符都有一定的宽度；具有一定的验证功能等。同时还具有自动识别不同线条信息，处理图形旋转变化点的功能。
注：制作素材和动态效果需要的软件版本是2015CC，会用到AI和AE
一、素材源文件的制作
首先我们要准备好AI中二维码的矢量源文件。以“UI设计师之家”为例，在度娘上找一个在线二维码编辑器，然后上传扫描二维码，就会得到一个链接。用这个链接生成一个新的二维码，简单的美化一下它的样式，可以大大节省时间。
下载这个新生成的二维码。记住一定是最大的那个~
高清二维码生成后，我们接下来需要绘制矢量二维码，将美化后的二维码导入AI进行绘制。
图02
画好之后，调整颜色，把途中的素材“花、树、云、自行车”放进右边的二维码。
注意，我们需要在后期给这些材质添加动态效果，所以需要在AI中创建单独的图层，并标注图层名称。
图03
图04
然后只需保存源文件。接下来我们要放大招了！
第二，动态效果添加
打开AE和Ctrl I，导入我们准备好的素材。一定要选择“复合-保持图层大小”，不要勾选旁边的“序列选项”。
图05
确认导入。
图06
接下来，我们需要调整AE的构图文件。首先，我们需要分析我们的动画所需的时间。通常我们导入素材的时候，AE会默认为30S的素材长度。但结合具体情况分析，时间太长，不得不对时间设置进行一系列调整。众所周知，在AE中，时间的构成是“时、分、秒、帧”，其中“帧”是最小的时间单位。这里，我们将帧速率设置为每秒24帧。Ctrl调用构图设置面板来调整帧速率。
图07
有的童鞋会问，截图中的时间轴是以帧为单位的。这个怎么调？我们可以在“文件-项目设置”中选择“帧数”然后确认，然后就可以改变时间的显示方式了。
图08
接下来可以给素材添加关键帧~
选中三朵小花的图层，按英文小写的R键调出旋转属性，然后点击属性前面的码表符号，拖动时间轴一段时间，再调整数值，实现花朵的旋转效果。
图09
接下来是自行车的动态效果。同样是英文小写，按P键调出位置属性，用同样的方法激活属性前的码表，给时间，调整位置属性中横轴的值，实现自行车的左右移动效果~
图10
这下一步有点复杂，我们要开始制作云彩和雨滴的动态效果~
但是，云的位移也是通过调整位置属性中的值来实现的，雨滴也是如此。这里可以根据个人制作习惯选择是否按F9设置慢度。
图11
至此，整个过程已经完成了近三分之二。接下来我们要导出完成的动画，Ctrl M，在底部选择输出位置，然后点击右上角的渲染。就是这样！
图12
渲染完成后，到指定位置找到我们导出的视频，拖动到PS中。
图13
点击文件-导出-另存为WEB(旧版本)弹出面板使用的格式，在右边选择格式“GIF”。在下面的动画选项中选择“永远”点击保存~
图14
最终效果是酱紫滴~当然我们也可以根据产品的具体情况酌情添加动态背景~动静结合！
图15
完整的步骤是这样的。当然，边肖在这里举个例子，会引玉的~
还找到了一个有趣的美术二维码，供大家欣赏和学习。
暂无讨论，说说你的看法吧
