【原创教程】动态二维码教程设计
意匠id 2015-12-29 21:35:21
（图一）
不少同学对意匠一天一换二维码的行为表示了极大的好奇心，其实不是炫技，只是为工作室的预告片小妹留的作业，二维码限她每天出至少两个动态二维码的设计，自然，一个多礼拜以来，我已经成功地把她逼疯了...
（图二）（图三）
我始终认为，设计在遇到瓶颈的时候如果继续坚持思考，坚持做下去，一定会有质的提升。这句话也同样送给正处在设计瓶颈的同学们，坚持一下，风雨之后是彩虹。
言归正传，今天来分享一则动效二维码的制作教程，我们可爱的小可同学（@MBaga酱）还贴心的录制了一个预告片教程，我放在文章最末，如果图文教程看不懂，可以直接跳到预告片教程简介学习。
图一就是今天要做的效果，比较简单，条条大路通罗马，我们只是提供一种设计参考，希望对感兴趣的同学有所启发。
开始。
1.新建合成
2.新建三个纯色（快捷键ctrl+y）
3.调整纯色的位置，使其收尾相连（位置快捷键 p，输入相应算式ae可进行计算）
4.打开图层3d开关，新建摄像机和空物体，并打开空物体的3d开关，充当摄像机的父物体
5.给空物体的位置y轴打上关键帧，使摄像机右蓝色运动到红色
6.使用椭圆工具同时按住shift和ctrl可以鼠标为中心绘制一个正圆
7.将椭圆路径转换为贝塞尔曲线方便路径的调节
8.调整路径
9.改名，打开3d开关，给位置打上关键帧
10.调整摄像机位置，使水滴穿墙动作处于画面中心
11.将空物体和水滴的关键帧均变为缓动（快捷键 F9），调节运动曲线
12.将摄像机中间两个关键帧变为过渡性的关键帧（即圆形关键帧，按住ctrl点击关键帧即可）
13.调整关键帧间距
14.给水滴做变形动画，使其更加生动
15.调整路径动画（做mg动画原理很重要，推荐学习《动画师生存手册》，有预告片版教学）
16.复制前一组路径关键帧到第二次变形处，并进行相应调整
17.使用矩形工具绘制小碎块儿，复制多层后对其位置，缩放以及旋转设置关键帧（二维码动效中是直接使用的二维码碎块儿）
18.可更改碎块儿的填充及描边模式使其呈现凌乱感
19.调整碎块儿的关键帧
20.修剪碎块儿图层长度并复制一份放到相应位置（可更改图层颜色便于区分）
21.调整运动曲线（这步本该在复制前完成的，当时忘了）
22.继续预览、调整、预览、调整
23.可以打开水滴的运动模糊，使其更具动感
24.继续魔性的调整
25.最后可以为水滴添加“生成-填充”以及“风格化-发光”效果
26.对填充的颜色设置关键帧并调整
27.收工~（由于只是方法的介绍所以细节部分没有仔细调节，大家练习的时候可不能偷懒噢~）
预告片教程在此：
咋样，可能还是啥也没看懂，不过能够激发起学习兴趣就足够啦。
谢啦
赏
I 相关 / Other
宝万事件已经出来好多天了，一直想写一篇长微博，不为别的，就为了给万科老王尽一份支持，哪怕我没有任何影
近期，我们收到球迷反馈：在百度搜索预告“直播吧”，结果预告的却是“懂XX”。在表示震惊的同时，我们赶紧
傅希如近期演出安排（含电视台播出节目，2015.12.29更新）
山西卫视“爱要看得见”2016新年戏曲公开课京剧《智取威虎山》选段“打虎上山”饰演：杨子荣主持人：白燕升
【2009年，院长办公室】院长：当初为什幺学医？李建军：寻找真相。院长：什幺真相。李建军：死亡的真相。院
策划◎本刊编辑部 撰文◎爱 喜选自《意林·小淑女》2016.01上--------------------明星小档案------------