曾经在一次站酷设计交流会上
有位游戏界大神教我们
做一个100万软妹币的动态二维码
当天晚上彻夜难眠
激动得尿都流出来了
想想,经过几天努力
终于可以荣登大神榜,迎娶白富美,走上人生登峰.....
然并卵
本癫学会这个神技能
依然在这里卖身(设计)度日
好了,废话不多说
退后,我要开始装逼了.....
1. 生成二维码
然后搜索“二维码生成”会跳出来一大堆网站,这里我选的是http://cli.im,选这个的原因是因为这个网站有个“美化器” 如图:
容错率选择30%,我理解的是这样你可以改动的区域就越大。并且这个美化器可以让你放个logo在中间,放什么不重要,重要的是告诉你了中间区域其实是可以被遮挡的!!!
2 构思二维码
就是画草图啦,想想怎么搞你的二维码。根据我的经(cai)验(ce)。没有轴测或者变形会让二维码更容易识别。但是我不想做正视图,不能被我组的码农看不起(设计师的尊严 咦)我打算做轴测。
看了一些别人做的二维码,画了几张草图,这里的小建议是 可以把二维码转换成轴测图以后调低透明度打印下来,并在此之上画草图。。。
我的草图如上。。。大概是一个未来城市/星球的概念,那些小人就是我们设计组的人!草图有了,就可以开始在此基础上设计了。
3 设计
这一步真没啥好说的,你喜欢用啥软件就用啥软件,但是一定要构思好那些是要动起来的,尤其是用sketch的人,毕竟和ae不兼容。
因为我的ae很烂,属于只会基本动画的人,所以我打算尽量减少动起来的部分。所以我打算把整个城市做成静态的,然后中间logo可以做成一闪一闪的灯,再加一个ufo飞来飞去就好。(动效完全取决于你的能力,我相信你是最棒的!
先从二维码开始画:
注意,二维码不能反色,黑色就只能保持重色,白色只能保持亮色,对比度一定要强,可以调成黑白模式检查,一定要一边做一边扫!
我本来打算像之前参考资料里的人一样把二维码变得很有透视感,但是构思就花了我一个上午,整个项目时间是2天,根据我对自己的了解,我还是放弃了。所以这里的二维码我只做了一些简单的修改, 比如直角变圆角,增加一点点反透视。 如图:
中间圆饼的部分就是美化器里logo的位置,我是不是很机智。
再次强调:深色可以有很多种,浅色也是,但是对比一定要强。
以前的黑色区域只要保持70-80%都没被改变 就可以被扫出来。
二维码画好以后就可以加背景啦,我一开始用黑色做底,发现扫不出来,所以换成深蓝色,我发现背景用太多深色也会导致识别错误,所以我全部用的是比较亮和浅的颜色。
大色调大概就是这样啦,然后就是加细节做局部调整。
底图就做好了!感谢万能的sketch!然后就是做要动起来的部分,这里我分开做了,虽然还是用sketch,一个是暗色的中间的拼图,一个是盘旋ufo,最后就是ufo的光(这个最后用ps做了,不知道为啥。。。)。
如图:
然后就是把底图,拼图,ufo都扔进ps,然后我又用ps画了三道不同颜色的光:
弄好以后作为psd导出。
4 毫无技术感的动效
终于有了psd!那么下一步就是用ae做毫无技术含量的动效啦!
首先打开你的ae,倒入psd,注意要选择保持图层:
动效就是简单的
位移+透明度+逐帧动画,如图所示 不能更简单,我相信稍微有点技术的都能完爆我十条街 (我tm连曲线都没调整
最后就是导出啦!然后拉入ps里,存为gif!就大功告成了!(这一步不会可以百度。。。)
好了,本癫装逼完毕!
不服,来点个赞!我们华山论剑
再见!
