IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    一代宗师之多福八段锦

    嘿轩发表于 2015-09-22 12:02:29
    love 0

    最近大家有没有被下面这只可爱软萌的熊刷屏呢?

    多福

    他的名字叫Dov多福,Dov在希伯来语中是“熊”的意思,他可是QQfamily家族中的一员噢,现在在为”来电”产品代言中,看看他在生活中的样子吧:

    dov x lightalk-02

    ( *・ω・)✄—————————以下是正文,请沿虚线剪开———————————-

    因为发现同学们长期伏案工作,身体缺少活动,加上坐姿不正确,办公室人群都会出现腰酸背痛的现象。而八段锦是古代引法的一种,对腰部疾患有着良好的作用。为了改善这种亚健康状态,QQfamily计划做一次关于八段锦的推广。

    但是我们通常看到的宣传资料图是这样的

    doc_image_2_w600_h378

    看起来是老人家的活动呢,我是年轻人我才不要学(ㅎ‸ㅎ)
    或者是这种

    doc_image_3_w553_h401

    好像教得很详细呢,但是还是看不懂,那么麻烦我还是不学了(ㅎ‸ㅎ)
    (以上图片均来源于网络)

    思考

    八段锦是个好东西,但是它有两个问题:

    1.它很传统,可能会给人感觉很老派,大部分年轻人并不会它提起太大的兴趣;
    2.现有的八段锦分解图资料都是静态图,信息量有限,对接触过八段锦的人或许能起到一定的提示,记忆动作的作用,但是对于大部分观众并没有什么卵用,即使耐下心来照做,也跟正确动作相差甚远。

    所以我们决定:

    第一阶段
    漫画以逗趣,贴近办公室生活的形式让大家接触到“八段锦”
    第二阶段
    GIF动作教程最负责任的把真功夫传授给大家
    第三阶段
    QQ表情把漫画的趣味进一步延续,同时也是一个很给力的传播方式

    漫画

    画之前当然亲自要感受一下这伟大的中华神功(´・_・`)
    看着八段锦的教学视频,时间仿佛慢了下来,我仿佛感受到了阳光,空气,和莫名的喜感,
    我的脑洞阔然开朗( ̄▽ ̄)
    1442559094_31_w600_h250

    就是很和谐对!(并)不!!(没)对!!!(有)
    想想当你的设计做出一团~shi~的时候

    1442489112_44_w329_h218
    完了完了要被骂了
    1442489098_93_w291_h197
    然后对方义正言辞的跟你说
    doc_image_9_w428_h131.jpg
    doc_image_10_w404_h305.jpg

    这是多么让人热泪盈眶的事情!!!

    下班踏进电梯的那一刻
    doc_image_11_w632_h202.jpg

    远方传来产品经理凄厉的呼声

    doc_image_12_w611_h185.jpg

    你优雅地跟他说一声

    doc_image_13_w604_h196.jpg

    doc_image_14_w638_h450.jpg

    又是多么的润肠通便!!!
    简直就是人生
    最完美境界!八段锦最高精髓!(´▽` )

    因为内容场景是办公室,所以会需要用到一些配角,于是我们想到QQ经典头像!这个想法很快得到大家的认同,经典必定引起共鸣!
    doc_image_15_w1200_h900

    (但是这种画风总觉得哪里不对←_←)

    所以将QQ经典头像改编成能与漫画协调的风格,赋予他们性格,在配合漫画的同时,最大限度的保留经典头像的重要特征

    这是自拍达人℡公主夢⌒〆﹏尐豬 ↓
    1442499825_28_w549_h282
    这是小鲜肉设计师林熊猫 ↓
    1442491423_20_w544_h418
    这是产品经理王马刀 ↓
    1442491376_27_w533_h416
    这是追风男孩李建军 ↓
    doc_image_19_w733_h569
    这是闷骚美少女水野亚美 ↓
    1442491485_43_w582_h407-2
    加入了漫画之后感觉以前的头像一下就鲜活起来了,让我怀念起以前用这些头像的小伙伴
    漫画发出去之后看到居然有无知少年用改造过的头像做头像还是好开心。

    于是漫画就完成了

    办公室社交实用技巧的↓
    八段锦漫画之1
    八段锦漫画之2
    产品经理与设计师之爱恨情仇的↓
    八段锦漫画之3
    八段锦漫画之4
    然后是表达同事之间友爱之情的↓
    八段锦漫画之5
    八段锦漫画之6

    QQ20150921-1@2x

    动画

    轻松有趣的漫画系列之后,我们带来了一套GIF动画版八段锦,让同学们真正的学会八段锦,当当当当!!!让Dov多福来手把手教大家做出标准的办公室八段锦

    1234

    欲画此功,必先学功

    我们在观看八段锦视频的过程就发现,原视频里面动作很缓慢,力度感不够,动作的节奏很平均,虽然要让大家学会八段锦,但是我们还是不能完全按照视频的速度来制作,最重要的是动作越慢,后期动画的工作量就越大,所以要自己体会关键的动作,找到关键的点,才能方便后面的制作。

    关键动作·原画

    这样的关键动作在二维动画制作中叫做原画,原画就是动作改变的时候动作结束的地方,定了了这几个原画之后,整个动作的基本动态也就确定了,比如下图就是八段锦第二式的原画张。

    图片 1

    小原画&中间张

    原画画完之后后面的工作就相对简单了一些,“小原画”也被称为“过渡位置”,不同的小原画,也会让动画截然不同,小原画完成之后就要考虑中间张的数量,数量愈多这个动作就越缓慢。
    doc_image_0_w1280_h720.jpg

    画完上图的这种动态草稿,我们就开始清稿了

    清稿也是个力气活每个GIF需要自己手绘的工作量需要40帧(张)左右,因为大部分动作都是左右翻转循环播放的,所以最后每个完成GIF平均80帧(张)左右。

    八段锦这套GIF,考虑到很多平台的限制,所以我们速率设定的是以一秒10帧(张)的速度播放,80帧(张)的GIF也就最终只能呈现8秒。因为我们绘画的时候考虑到GIF一个好的特性就是循环,所以我们把前后帧首尾相接,这样看起来每张GIF就是无限循环的了。经过简单的合成这640张图就变成了最开始的八段锦的GIF了。

    下面就拿八段锦第二式做了的一个流程展示

    表情

    完成gif后,我们沿着漫画的思路,将动作做成了表情。用功夫表达真情实感ᕙ(⇀‸↼‵‵)ᕗ后面会上架到QQ表情商城当中,不过这里提前放给同学们使用啦 ↓

    2713

    8645

     

    最后

    我们绘制这套办公室八段锦的漫画、动画以及表情最重要的原因,还是希望同学们在做需求的同时,不要忘记锻炼我们自己的身体哟!

    QQ20150921-2@2x

    这位同学我看你骨骼惊奇这本秘笈就送你了,快点打印贴起来!

     

    1442491990_35_w308_h303

    扫描二维码,更多逗趣故事!



沪ICP备19023445号-2号
友情链接