昨天我们回顾了且慢分享会第一期的嘉宾:孔晨的分享内容,很多朋友想知道还有什么干货,别急,接下来的几天我会一一为大家分享。

今天我们回顾一下美女-潇潇的分享内容:小教程,大收获,先来一张潇潇的真容让大家过过眼瘾。

为什么分享

随着我们从现实化走向虚拟化的逐步推进,信息增长的速度已经大于人们的消化速度。举例来说,早些年我们能轻而易举的找到自己需要的内容,而现在,百度结果三页内充斥着大量垃圾内容。

知识也一样,我们所需要的知识越来越多,随之而来的是大量的知识被很快遗忘。而分享知识能够很好的加深记忆,督促自已解决知识盲点,整理所学内容,形成知识体系。

当然,还有最基本的诉求:用更合理的利用这些时间创造价值,获得自我满足的同时还能够得到收益,为打造自己的ip 提供先决条件。

如何分享

1. 紧抓热点

大家可能会疑问,怎么想到要做二维码教程的?那时候动态二维码还没有现在这么火,但在饭店、小卖部、宣传册或是网络中扫到二维码,并且它能够承载巨大的信息量,从付款,到下载app,到今天火爆的小程序,二维码已经是我们生活中不可分割的一部分了。

 

既然二维码已经和我们的生活这么息息相关,那么由黑白格组成的二维码相貌上过于同质化,肯定不能满足绝大部分公司和个人的需求,所以个性化的动态二维码肯定能成为一种趋势。正巧我们的女神潇潇在这个趋势还没有完全成熟的时候发现了它,于是抓紧时间,趁热吃个螃蟹,成为了比较早期的跟风者。

2. 清扫知识盲点

制作动态二维码这个过程是蛮艰辛的,毕竟当时动态二维码的体系还不太成熟,能搜到的免费教程少的可怜,仅有的几篇内容不够完整,调理也不清晰,单看某一篇文章,很难成功实现出来。

这也就造成了这么一个局面,只有几个懂行的大神在站酷出售动态二维码,价格比较高,某个培训机构占得先机,开设了千元的培训课,保密工作也做的很好,想掌握这个神秘的技能并不容易。美女潇潇办法也很简单粗暴,因为不想付费,就把网上能搜集到的相关文章全都捋了一遍,试探性的做一步,失败了总结经验再重新开始。就这样忙活了两周多的课余时间,第一个动态二维码终于做成了!

3. 形成知识体系

自己做到所需效果是第一步,对其中的知识点总结可并非易事,以下内容是我们美女潇潇的完整教程:

二维码制作之前,要提前找素材,定基调。糯米选择的是浪漫的热气球场景,一直想去土耳其一睹热气球的风采,可惜没有机会,让我在二维码里沉浸一下吧╮(๑•́ ₃•̀๑)╭ 

第一步,就是干货,打起精神,来看简版二维码的生成(..•˘_˘•..)

准备好自己的二维码,在百度搜索“二维码提取信息”,众多转码神奇中,糯米推荐草料,真心不是广告(;¬_¬)……

附上网址 http://cli.im/deqr/

查看《萌妹子教程——个性动态二维码gif制作》原图,原图尺寸:1000x477

点击上面的红框上传自己的二维码图片,得到下面的扫描结果,复制备用。点击左上角的logo打开草料首页。

附上网址http://cli.im/

粘贴刚才复制好的扫描结果,点击下面的生成二维码,得到转码后的二维码。

 

在这里要说明下,有些教程里提到了缩短网址,糯米真真的试过,最终没有成功,在这里就不推荐了 (눈_눈)

 

接下来为了制作更加快捷方便,我们继续在线进行二维码的调整,点击右下角的快速美化器,进入后点击高级美化

 

查看《萌妹子教程——个性动态二维码gif制作》原图,原图尺寸:1000x1635

 

如图将参数设定一下,其中二维码容错,也就是容错率,需要调到最低,让我们在设计时有尽可能多的发挥空间。容错是什么呢?简单来说,比如这个二维码中有100个点,遮盖住其中7个点还可以识别出来,那么容错率就是7%。

左下角液态与圆点可以按照自己的喜好随意选择,糯米选择了圆点。

点击右上角的下载二维码,即可得到我们的设计参考二维码啦(ノ≧∀≦)ノ

咳咳~不要高兴的太早,做到这一步,你已经做好了基本的第(准)一(备)步(工)了(作)!!(“▔□▔)

---------------------------------------休息一下,下一步更关键-------------------------------------------------

第二步,素材的绘制

这个是拼软实力的时候了,创意为大,有了好的思路,是作品成功的关键。

糯米贴合了浪漫的主题,选取了灯塔,风车等素材。

偷偷告诉大家几个小技巧,下图蓝色的区域是二维码的重点定位区,这个区域尽可能减少夸张的设计,运用较强烈的对比色(糯米尝试过用热气球的粉色来做定位的点点,但因为对比不强烈而失败)。如果不喜欢方形,也可以和糯米一样做成圆形的。

查看《萌妹子教程——个性动态二维码gif制作》原图,原图尺寸:716x437

创作过程中注意素材大小的把控,糯米试过把素材的每个点都做成和黑色的圆点一样大,但做好后扫不出,翻阅教程才知道,二维码其实是打点的,最好的方案就是按照蓝点的大小来做,最小别小于上图红色的点,最大别大于黄色的点,这样可以增加识别度 (ง •̀_•́)ง。

素材创意时,糯米把圆点分成了几个区域,方便制作。

查看《萌妹子教程——个性动态二维码gif制作》原图,原图尺寸:892x395

其他的形状可以用道路代替,经过漫长的拼凑和实验,终于做出了完整的二维码!成就感满满:.゚ヽ(。◕‿◕。)ノ゚.:。+゚

再配上之前做好的环境图,还是蛮梦幻的~嗯,可以先小小的庆祝一下啦!

查看《萌妹子教程——个性动态二维码gif制作》原图,原图尺寸:890x269

---------------------------------------休息一下,下一步更关键-------------------------------------------------

做到这一步,基本上可以算是小功告成,最后动态部分用AE(Adobe After Effects)来制作,都是一些简单的移动和旋转,在这里糯米就不多做赘述了,感兴趣的朋友可以参考网上的教程。

在这里糯米推荐优阁网的视频教程,讲解清晰易懂,老师风趣幽默,而且全都是免(棒)费(棒)的! ♪(^∀^●)ノシ 

附上链接http://www.uigreat.com/course/explore 选择UI动效教程

说了那么多,糯米口好渴,一套下来断断续续做了有一个月(当然是利用午休时间和周末时间做的,咳咳,其实上班真的忙成狗,没有耽误工作好不啦(๑•́ ₃•̀๑٥)),技术上并不难,难的是要耐下性子反复试验,纠正每一个可能出现的小误差,想做的朋友们加油喽(*•̀ㅂ•́)و

在这里糯米也提供动态二维码的制作,有意向的朋友可以直接和我联系:15801452016,祝大家周末愉快!(╭ ̄3 ̄)╭♡

查看《萌妹子教程——个性动态二维码gif制作》原图,原图尺寸:735x938

我不告诉你,这个是美女微信的二维码

收获

写教程的作用一方面能够获得业内人士的认可,增强自己的信心,一方面通过文章的传播量累积自己的ip,为商业化铺路。美女的这篇教程很荣幸被优阁网推到首页banner一段时间,又被几个微信公众号转载,也因此结识了不少志同道合的设计师。最重要的一方面,通过写教程,对零散的知识进行了有机整合,用罗胖的话说,是对知识的一种缝合。

我们都有正常的遗忘周期,东西做过了,不见得能记得住,以后再需要的时候,难道又要漫天搜索资料重新来一遍吗?当然不能,写教程其实也是为了作者自己,在第二次对知识进行回味的时候,潜移默化的加深记忆,并且对散乱的知识进行一次系统的梳理,把零七八碎的知识片段缝合成一个整体,记录下来,即使这些信息将来我们忘光了,也知道到哪里去找到它。

关于私活

说到个人ip的传播与积累,你肯定已经想到了,一定会有人找你做动态二维码的生意吧。我们的美女潇潇确实接到了一个私活,但第一次接私活心里特别忐忑,在价格上,谈判策略上,设计速度上完全没经验,既激动,又慌乱。熬了几个晚上,直到最后一次交稿的前一天突然因为产品的页数和对方有了分歧,最后多亏了朋友帮助,才能镇定的和对方各退让一步,达成共识。

从此就长了心眼,价格和修改次数一定要提前谈好,遇到坡折时淡定处理,才能促进良好的合作,从而和对方建立相对稳定的合作关系。