没错，今天阿随君想跟大家开聊一个新的系列：“如何做动态二维码”这个话题，头图这个小黄人履带运输的效果自然是案例之一啦。提到“动态”，那实际上就是打开动画这个大门，只要脑洞在，形式效果简直rio多到无上限。而目前比较常见的就是执艺术二维码牛耳的“第九工场”的MG风格啦。So，那阿随君就先来讲点别的风格，奇怪的、搞笑有趣的……逐渐深入，这是第一课，大家喜欢的话，就会继续挖掘、分享更多玩法了，么么哒。

前方高能教程

1、准备静态二维码素材

做动态之前，当然还是准备好静态素材啦。就以“阿随向前冲”的简书主页网址为例，我们可以先在不同的平台来做基础美化，比如“第九工场”和“草料二维码”等。

方法一. “第九工场”一键美化

“第九工场”的很多模板是付费的，本案例重点在做“动态”，就直接取用免费静态模板了，比如打开网站，未登录状态下如下图所示，直接输入网址或上传准备好的普通二维码，即可得到所示两种美化风格。

未登录状态

而当我们用账号登录之后，目前则可以免费做一张“小黄人”风格的艺术二维码，如下图所示，可以输入网址或者直接上传普通二维码，然后生成后，下载保存，即可。图中，圈1处输入阿随君的简书主页网址，按图操作即可。

登录后三步走

很快就得到这样一张二维码啦

方法二. “草料二维码”美化

“草料二维码”也是被大家用得比较多的美化二维码的网站了，这里就只简单提一下，推荐感兴趣的可以多多去尝试了。打开该网站之后，会发现贴心地专门有直接输入网址就可以生成二维码了，也可以进行进一步的美化。

网址也是即输即得二维码

好了，静态并不是本文重点，所以静态二维码就介绍到这里，后续课程会根据动态制作需要同步更新哦。那么，今天“动态二维码”第一课就直接以小黄人二维码做为素材来介绍，本文将通过两个简单小案例，对，是两个，来告诉大家如何通过PS和素材，来快速粗暴地完成动态二维码的制作，简单实用易上手，你值得拥有。

2、简单粗暴做动态二维码

本案例使用PS来完成，只需用到最基础的PS功能，如液化、时间轴、文字输入等。好咧，那就闲言少叙，马上进入教程。

→ 样式一. 场景动画

顾名思义，就是把二维码放到既有的动画场景片段中，利用大家熟悉的内容来合成。此方法主要用到以下知识点：

●搜商：寻找合适动画片段，当然可以直接从影视剧中直接截取

●时间轴或帧动画：只需一些基础的PS做帧动画的知识，阿随君已经发过多篇教程了哦

Step 01.  准备动画场景素材

根据已经做好的小黄人二维码，阿随君决定直接找一段合适的动画片段，于是在搜索框简单输入“小黄人gif”，然后找到了以下这个表情：

操作传送带

看到这个gif的第一反应就是改成传送“二维码”，那么就不需要这个纸箱子了，所以要对原图做一定调整，只需在PS中打开，然后在“时间轴”面板上，删除中间有纸箱子这些帧，再调整一下让动画更顺滑些。PS：当然，如果会用AE，也可以一帧不删除，而是把二维码绑定跟踪到纸箱子上，效果自然会更好。

通过以上这些操作修改动画

这就得到了如图所示动画背景了

Step 02.  转成时间轴

动画背景修改后，这里需要从帧动画改成时间轴，因为接下来是要置入二维码后，做二维码的位置动画，在帧动画的情况下操作会很麻烦，每一帧都要调整，而在时间轴上操作就很方便简单。

一键转成时间轴

Step 03.  置入二维码

在PS中，用鼠标在图层面板选中一下最上方的图层，然后找到准备好的静态二维码，直接用鼠标选中后拖拽进PS，这样操作的结果是确保二维码是在最上层的。时间轴上可以做动画效果的属性很多，这里只需要使用到“变换”这一种。PS：图片拖入时间轴默认是5s，直接用鼠标把它缩成与动画时长等长即可。

置入二维码

Step 04.  做关键帧动画

PS的时间轴类似于AE，可以针对属性做关键帧动画，“变换”本身是包含了很多属性的，这里需要的就是在不同的时间点把二维码放在不同的位置，然后按下码表，打上关键帧。突如所示，只需两个点，第一点时二维码放到画右外，第二点时二维码放到画左外。然后，按空格键即可预览了，根据预览做微调，调到自己满意为止。

标记关键帧动画

Step 05.  存储完成制作

当把动画效果调整到满意的时候，即可按键盘快捷键Ctrl+Alt+Shift+S，调出如下面板，存储，注意格式选择gif，循环选项设置成“永远”，以及大小不要超过2M。

存储动画gif

设置完成后，点击存储，保存到电脑即可使用了。

最终效果

→ 样式二. 角色动画

如题所示，第二个案例要做的就是角色表达的动画效果，需要运用到的PS知识点也非常的基础：

●液化：做角色表情和动作

●帧动画：一张jpg做成gif，大法好

●输入文字：就是打字啦

Step 01.  准备素材

在PS中新建一个900×500的文档，把二维码和小黄人素材都拖进该文档，如下图所示。

素材准备好

Step 02.  液化做表情和动作

先简单介绍一下思路啦，就是根据小黄人的动作来表达出他在大喊小伙伴们来扫码关注。所以，动作上呢，最关键的就是嘴巴的动作啦，这里用小夸张的卡通风格，就做成一张一合；此外就是说话时身体的细微动作了。而这些，都只需复制小黄人图层，然后选中复制层的情况下，选择“滤镜>液化”，在液化面板上，通过“向前变形工具”把小黄人“推”出图右的效果。

只用一个工具即可

Step 03.  做关键帧动画

在上一步，我们准备好两个不同动作的小黄人，所谓“帧动画”本来就是利用人的视觉暂留自动补充了动作的中间值，所以，这里需要做的就是在PS的时间轴面板上，点击“创建帧动画”。点击后，面板上只有一帧，点击“复制帧”让面板上有两帧，这样通过两帧不同内容即两个不同动作小黄人来形成动画。

点击创建帧动画

要注意，二维码和背景两个图层是整个动画效果的背景，在两帧上始终处于“显示”状态，两帧唯一不同的就是，一帧显示的张嘴小黄人，一帧是闭嘴小黄人。每一帧的延迟时间这里设置成了“0.35s”，循环选项是“永远”，可以通过播放来预览，随时调整到满意状态。

设置动画属性

Step 04.  文字排版和保存

在动画效果设置满意后，还可以继续添加一些说明性的文字，来增加画面信息，更直接的传达出来，比如图下图所示的两句，一句功能性描述，一句宣传语招呼。操作起来，就是选择文字工具输入，设置好字体、字号、颜色等即可。

简单加上说明文字

满意后，依然是按快捷键Ctrl+Alt+Shift+S，调出如下面板，存储，注意格式选择gif，循环选项设置成“永远”，以及大小不要超过2M。

点击存储即可

保存后，记得到如下动态二维码，拿去使用即可。

OK，这就是本文要介绍的两种风格的动态二维码制作方法，这里只是基本款，场景动画、角色动画可以玩的当然远不止这些。小伙伴们如果喜欢感兴趣的话，就来留言告诉我吧，阿随君会继续更新更多好玩、当然好操作的方法。除了PS，之后还会拿出AE大法，做MG，AE大法有多款流弊的脚本可用哦，期待的就来聊聊吧，么么哒。

听说点赞的都是男神女神