动态二维码还可以这样简单做(1)

你所不知道的简单粗暴制作动态二维码的方法。


动态二维码还可以这样简单做(1)_第1张图片
小黄人喊你关注阿随君


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

前方高能教程

1、准备静态二维码素材

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

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

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

动态二维码还可以这样简单做(1)_第2张图片
未登录状态


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


动态二维码还可以这样简单做(1)_第3张图片
登录后三步走


动态二维码还可以这样简单做(1)_第4张图片
很快就得到这样一张二维码啦

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

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

动态二维码还可以这样简单做(1)_第5张图片
网址也是即输即得二维码


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


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

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

→ 样式一. 场景动画

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

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

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


Step 01.  准备动画场景素材

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

操作传送带

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

动态二维码还可以这样简单做(1)_第6张图片
通过以上这些操作修改动画


动态二维码还可以这样简单做(1)_第7张图片
这就得到了如图所示动画背景了

Step 02.  转成时间轴

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

动态二维码还可以这样简单做(1)_第8张图片
一键转成时间轴

Step 03.  置入二维码

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

动态二维码还可以这样简单做(1)_第9张图片
置入二维码


Step 04.  做关键帧动画

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

动态二维码还可以这样简单做(1)_第10张图片
标记关键帧动画


Step 05.  存储完成制作

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

动态二维码还可以这样简单做(1)_第11张图片
存储动画gif


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

动态二维码还可以这样简单做(1)_第12张图片
最终效果


→ 样式二. 角色动画

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

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

●帧动画:一张jpg做成gif,大法好

输入文字:就是打字啦

Step 01.  准备素材

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

动态二维码还可以这样简单做(1)_第13张图片
素材准备好


Step 02.  液化做表情和动作

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

动态二维码还可以这样简单做(1)_第14张图片
只用一个工具即可


Step 03.  做关键帧动画

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

动态二维码还可以这样简单做(1)_第15张图片
点击创建帧动画

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

动态二维码还可以这样简单做(1)_第16张图片
设置动画属性


Step 04.  文字排版和保存

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

动态二维码还可以这样简单做(1)_第17张图片
简单加上说明文字

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


动态二维码还可以这样简单做(1)_第18张图片
点击存储即可


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

动态二维码还可以这样简单做(1)_第19张图片
扫码、长按识别进入阿随君的哦,么么哒


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

听说点赞的都是男神女神


OK,我就是那个爱折腾软件的策划君阿随,没事搞搞视频、听听Nirvana、读读陶渊明、看看戈达尔,生活就很美好。

如果亲爱的小伙伴喜欢这篇文章,阿随这里卖萌求点赞求支持哦,么么哒。

你可能感兴趣的:(动态二维码还可以这样简单做(1))