【www.shanpow.com--简历制作】
动态二维码怎么制作篇(1):动态二维码制作新手入门教程
动态二维码制作新手入门教程
书法字体2018.01.18添加评论 31
刚给大家分享了一篇创意二维码制作教程，今天再给大家分享一篇动态二维码制制作的新手入门教程，算是上一篇二维码制作教程的辅助篇。…
刚给大家分享了一篇创意二维码制作教程，今天再给大家分享一篇动态二维码制制作的新手入门教程，算是上一篇二维码制作教程的辅助篇。
想要制作二维码首先你需要知道二维码是怎样构成的，有什么规范：
二维码（2-dimensional bar code）是用某种特定的几何图形按一定规律在平面（二维方向上）分布的黑白相间的图形记录数据符号信息的；
在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图象输入设备或光电扫描设备自动识读以实现信息自动处理：它具有条码技术的一些共性：每种码制有其特定的字符集；每个字符占有一定的宽度；具有一定的校验功能等。同时还具有对不同行的信息自动识别功能、及处理图形旋转变化点。
二维码制作时有六大不能动，好了开始上图：
如图上红色框中的几处，称之为“码眼”。以上的这四处切记一定不能动，那么有童鞋该问了为什么别人的就可以，后面我会再讲解。
还有这两处，叫什么我给忘了（QAQ），不过不重要，只要记住这里位置一定不可以变就好啦，不管怎么设计这两处的码点一定都是一空一实的。
上面这些一定要记住、注意！上面这些一定要记住、注意！上面这些一定要记住、注意！重要的事情说三遍（别嫌我啰嗦）。
下面我们开始说怎么对二维码进行设计，上图啦：
首先，你要对二维码的码点进行位置区分，来进行设计，多大的区域可以做多大的设计这些都是需要提前做好准备的，如上图，一个码点的用一颗树来代替，以此类推。哎呀！反正看你怎么想象设计啦。
那么在设计码眼的时候需要注意什么呢？
外圈的码眼可以是圆形也可以使方形、各种形状，但是必须是闭合的，而且中间的码点一定不要跟外圈的码眼颜色相差太多，说白了就是对比度，如果在PS的通道里查看单个的红蓝绿通道，码眼的对比度不够就会造成二维码无法识别，二维码右下角的校正码眼也是一样的。
还有很重要的一点就是二维码其实是有容错率的，新手推荐的容错率最好用容错率30%的。意思就是30%容错率可以允许你对一些码点进行覆盖或是修改（这里不包括上面讲的六大不可动）。
新手的话，还是推荐大家找到一个二维码对里面的元素临摹来设计，等到熟悉的掌握了技能，就去放飞自己吧！记住还有最重要的一点：一定要边做边扫！一定要边做边扫！一定要边做边扫！（麻麻说重要的事情说三遍）
总的整理起来说就是：
1、生产普通二维码，将普通二维码的方块替换成圆点（有部分在线二维码制作网站可直接生产圆点二维码，或者用本站分享过的Best QRcode二维码插件）。个人觉得这步并非是必须的，主要是为了方便后续制作。
2、运用你脑洞中的元素替换二维码中的圆点，在替换的时候要特别注意素材的大小，太小或太大都会影响二维码的识别（边做边测试，以防返工）;
灵感提示:例如可以运用圆形小树、灯塔、风车、小汽车、道路、热气球、房屋、小山坡等等元素进行替换，素材的大小不要太大与太小。
素材可识别大小
图中的红色框中的三个重点区域尽可能减少夸张的设计，运用对比色进行色彩组合。
3、最后进行动态二维码制作，例如运用位移、旋转、透明度等简单的技巧完成动态制作，可以直接用PS的动画制作效果，也可以用AE，Flash等软件，至于用什么软件这个就看你的喜好了。
教程收集于网络，有整理及修改。
动态二维码怎么制作篇(2):动态二维码还可以这样简单做(1)
小黄人喊你关注阿随君
没错，今天阿随君想跟大家开聊一个新的系列：“如何做动态二维码”这个话题，头图这个小黄人履带运输的效果自然是案例之一啦。提到“动态”，那实际上就是打开动画这个大门，只要脑洞在，形式效果简直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大法有多款流弊的脚本可用哦，期待的就来聊聊吧，么么哒。
听说点赞的都是男神女神
OK，我就是那个爱折腾软件的策划君阿随，没事搞搞视频、听听Nirvana、读读陶渊明、看看戈达尔，生活就很美好。
如果亲爱的小伙伴喜欢这篇文章，阿随这里卖萌求点赞求支持哦，么么哒。
动态二维码怎么制作篇(3):会动的二维码生成方法
由于本页面调用大量gif图片，所以打开速度可能会稍慢，请耐心等待。
先看看下面的这些二维码：
有没有想过也生成一个呢？先说第一个
其实右侧的图片的制作方法我也不会，我会的仅仅是把左侧二维码换成我们自己的。
使用工具：美图秀秀
1、打开电脑上已安装好的美图秀秀（没有安装的，可以先去安装一个）
2、打开美图秀秀以后点击新建一个画布！（注意是新建画布，不是直接用美图秀秀打开图片）
3、点击饰品
4、导入饰品
5、选择其他饰品
6、将需要修改的gif文件导入进来
从右侧插入自己的二维码，将左侧的二维码覆盖掉（随便举例以供说明），并调整好位置及大小
此时已经基本完工了，下面将制作好的gif图片保存出来就可以了（保存在右上角的位置）。
选择好保存地点即可完工了，新修改的图片效果如下所示：
再说一下第二个，第二个的原理就是在动的地方换上多张二维码（这些二维码中仅有一张是可以扫描并识别的，其余的二维码不具有任何意义）
使用工具：Photoshop、图片合并成gif图片的在线工具
1、先制作几张无任何意义的二维码，也就是用手机扫描后，不会出现任何的结果。
我这里给大家制作好了一张，可以直接拿来使用（其实制作方法，就是将有意义的二维码在Photoshop中稍微改动一下即可）
2、将不能识别的二维码在Photoshop中替换掉可以识别的二维码部分（具体操作暂不多做介绍了，后期补充吧）
制作好后效果如下：
3、使用在线制作 GIF动画工具，例如：http://gif.55.la/（如果点击后没有反应，建议更换ie浏览器）
将图片一张张的导入进去，选好图片切换速度（为了保证二维码能够被识别到，建议选择“快”）
然后生成动画图片即可
附：这张图片知道是怎么做的了么？
