恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【教程•设计】超级奶爸优化思路
0.0°
2017-05-16 原创文章 教程 举报 11627 158 205 15

企业之前有一个形象,但是由于“年久失修”有些过时。这个时候企业的原形象面临着两种选择:彻底放弃原有形象重新设计一款新形象,或在原有形象的基础上进行优化升级。

Image title

1.1 优化思路

      通常情况下,大部分有代表形象的企业在需要更新形象时会优先选择优化升级形象,而不是重新设计。因为企业在这些年运作的过程中,已经积累了庞大的用户群,另起炉灶,设计一个新的形象,会给原有的用户群带来辨识上的困惑。试想一下,如果有天你走在大街上,突然发现KFC门口的老爷爷变成了年轻美丽的大姑娘,估计你会觉得特别别扭,不敢往里进了。所以为了不造成老用户的迷惑和流失,大部分企业会选择优化形象。
      这就是我们在实际设计形象的过程中,经常遇到的情况:优化需求——在保留原形象的基础上,让它变得更好。
      优化需求,说简单也不简单。
      简单,是因为企业已经提供给你了原形象,不用再去烧脑想全新的创意点了。不简单,是因为要把握优化的度。我们可以把升级形象看作是为形象美容,如果做得太过,就变成了易容,如果做得太少,又会被认为没有什么变化。所以我们需要在易容和无变化之间找到平衡点。
      从思路上说,优化分为前、后两个环节,一共4个步骤。

1.1.1 优化之前,要做以下两步

1. 观察
观察原形象哪些地方不够好需要优化,哪些地方是形象的特征需要保留。
2. 分析
具体朝哪个方向去优化能使吉祥物更美好,并且能凸显整个企业的特征。

1.1.2 优化之后,要做以下两步

1. 对比
       将新、旧形象放在一起,看看原形象的特征是否有效地保留下来,如果老用户看到,是否会产生疑惑。
2. 检查
       就像学生时代做考试题一样,优化完之后重新检查一遍,确认是否还有漏掉的企业特征没有表达出来。
       请千万不要小看这两个环节,4个步骤,掌握好它们能让你事半功倍,一稿过也不是没有可能哦!


1.2 实例分析

      这是一个真实案例:为超级奶爸的形象做优化升级。
      简单介绍一下,超级奶爸是上海典梵品牌管理有限公司旗下的品牌,由台湾茶叶富商之子王军天创立,2009年正式进入中国大陆,上海典梵管理公司在原有基础上进一步提升了奶茶的制作工艺,将其打造成集新鲜、优质、美味于一体的时尚茶饮品牌,并赋予其更具时代气息的名称“超级奶爸”。几年间,超级奶爸品牌已经成为在全国各大、中城市拥有800余家店面的茶饮连锁品牌。
      在进行优化之前,首先要完成两步:观察和分析。

1.2.1 观察

1. 待优化部分

      奶爸的头和身体的比例差不多,显得有点儿胖,不太灵活。 肤色相对来说偏黄,感觉气血两虚。 五官的比例和位置都有优化的空间。 发型有些像宅男,发丝过于细碎。
2. 可保留部分

      奶爸的姿势和服装是比较有自己特色的,可以保留。 奶爸的大圆脸其实是蛮有亲和力的,可以保留。 笑眯眯的眼睛和络腮胡子都是奶爸的特征。
特征定下来,大框架就定下来了,这样就不会走弯路了。

1.2.2 分析

可以缩小身体比例,使奶爸变成一个灵活的胖子。

可以调整肤色,让奶爸肌肤红润有光泽。

五官需要微整形,双下巴可以去掉。

修改发型,让奶爸变得更加精神。

Image title


1.3 超级奶爸的优化过程

经过1.2节的观察和分析,待优化和待保留的点都已经很明确了,接下来就是起草图和实际优化了。

1.3.1 草图阶段

草图是为了确定大致比例而存在的,快速出效果是它的优势,所以草稿就出来了。

Image title

       由于草稿没有上色,肤色暂且放在一边,从草稿上看,我缩小了身体的比例,使头部大了一些,也突出了奶爸亲切的大圆脸。眼睛和眉毛整体下移,嘴巴也从卖萌的小喵嘴型(原形象的嘴型适用于招财猫等卖萌系)变成了沉稳大气的笑容。发型上也对之前细碎的头发进行了整理,没有之前那么杂乱了。
       接下来是上色。

Image title

上色后可以看到,优化后的形象和原有形象有很大变化,这时我们就可以进行优化后的两步了。

1.3.2 对比

身体比例变化之后,奶爸感觉消肿了,整个人都轻松了不少。

有血色的皮肤让奶爸显得更加阳光。

眉毛和眼睛下移使得奶爸更加可爱,去掉了双下巴,人也更精神了。

头发规整了一些,但还是感觉像宅男,不够潮,还有优化的空间。

1.3.3 检查

整个形象感觉还是奶爸,并不会给老用户造成困扰。

整体形象比较阳光,但还缺少了超级奶爸的“超级”元素。
有了这一次的对比和检查,很快找到了这轮优化的不足和下一轮优化的方向。于是在发型上做了进一步的调整,将奶爸的刘海全部梳上去了,但在奶爸的额头前面又保留了一小撮头发,用于突出超级奶爸的“超级”含义。


Image title

这一轮优化升级后是不是感觉奶爸不一样了?变得更加精神,更加有活力了。

Image title

Image title


1.4 超级奶爸的绘制过程

1.4.1 脸部的绘制

Step 01 使用钢笔勾勒出脸部的形状。可以只绘制一半,然后镜像得到另一半。由于我是用数位板先上大色块,确定大位置,再用钢笔勾出需要的区域,所以脸部上部的形状比较不规则。因为上部后期会有头发遮盖,所以也不需要对看不见的地方再下工夫了。

Image title

Image title

Step 02 绘制脸部的明暗,在色彩过渡的时候要考虑到血色的问题,虽然奶爸是黄种人,但在颜色的使用上,也不可以使用过于偏黄的颜色。值得注意的是脸部下方的反光处,由于奶爸衣服的颜色为黄色和红色,所以反光中稍微加一些黄红色彩会更加自然。

Image title

1.4.2 头发的绘制

Step 01 绘制两鬓和顶部的头发。此处将两鬓和顶部的头发画在了一起,如果是新手,分开两层绘制会更简单一些。(两鬓的底部由于有耳朵的遮挡,所以不需要仔细画。)

Image title

Step 02 顶部头发的光影要分开绘制,刻画出体积感,才能和两鬓的头发分离开来。顶部头发的反光处比较多,如果只用单色难免单调,所以我在左边增加一些黄色。有了这一抹黄色,头发的色彩就跳跃了起来,显得更加生动。

Image title

Step 03 顶部头发的体积绘制出来以后,会发现有些突兀,这是因为没有添加阴影。在添加顶部头发的阴影后,会发现鬓发太平了,没有体积感,所以脸部两侧的鬓发也需要加上暗部以增加体积感。另外,顶部头发现在看上去有大面积的空白,所以稍微加一点发丝的光泽来进行调节。

Image title

Step 04 绘制额前一小撮头发的光影。

Image title

Step 05 头发和脸的交接处会有一些阴影,这一点不可以忘记,不然头发没有了阴影会显得很不自然。即便是一小撮头发,也需要有阴影,每一个细节都不可以放过。

Image title

1.4.3 五官的绘制

Step 01 眉毛和眼睛的形状可采用镜像绘制,但是因为光源的原因,明暗关系是不可用镜像的。(有一个小细节需要注意一下,奶爸可是有双眼皮的哦。)

Image title

Step 02 眉毛和眼睛是比较规则的图形,所以可以使用图层样式中的斜面浮雕来实现眉眼的光影效果。(我个人平时不太喜欢使用图层样式,因为软件计算出来的效果太过精确,不够自然。)暗面和亮面绘制出来之后,眼睛部分加一点高光显得更加活泼一些。

Image title

Step 03 绘制小鼻子,再小的部位也不可以忘记明暗面,特别小的地方可以忽略反光处。

Image title

Step 04 绘制嘴巴,奶爸的嘴巴不止是一条线,虽然面积不大,稍暗的部分也是需要刻画的。

Image title

Step 05 绘制胡子,之前想过使用斜面浮雕样式来表现胡子的光影,试过之后觉得不够自然,最终还是用手绘光影的方式实现。由于身上有红色的围裙,所以胡子底部的反光稍加了一些红色,显得更加自然。

Image title

Step 06 胡子同样需要有阴影,要注意细节的刻画。

Image title

Image title

Image title

1.3.4 耳朵的绘制

Step 01 绘制耳朵之前需要了解真实的耳朵构造。真人的耳朵太过复杂,所以我做了简化,留下耳轮部分,将其他部分去掉。

Image title

Step 02 绘制耳朵的阴影,因为光源的问题,所以左右耳朵的光影是不一样的,右耳朵的颜色会略深一些。

Image title

Image title

1.3.5 身体的绘制

Step 01 绘制衣服。

Image title

Step 02 增加细节,奶爸头大,衣领处容易被忽略。

Image title

Step 03 在绘制阴影的同时,不要忘记衣服的厚度。由于围裙在黄色衣服的外面,两层要区分开来,所以加一些阴影。

Image title

Step 04 身体的体积感已经基本上表现出来了,但是身体和头部衔接的地方看着不自然,是由于没有阴影的缘故,要注意添加细微处的阴影。

Image title

1.3.6 手臂的绘制

Step 01 左边手臂的绘制较难,所以这里就从左边手臂开始绘制,也就是奶爸的右手。奶爸的围裙背带在手臂上也要有一点才会显得更完整。

Image title

Step 02 左边手臂不是完全侧面的,有一些向前,所以可以看到袖管中的一些手臂。(手臂前端由于会有手的遮挡,这里可以忽略。)

Image title

Step 03 在绘制光影的过程中,头部的阴影在手臂上也会有所体现。画完之后还是觉得手臂与身体连接处有些亮,所以添加暗部,可以显得手是从后往前伸的。另外,袖口没有厚度,像一片纸,所以袖口也加了一些亮色,这样感觉有一点厚度,更真实一些。

Image title

Image title

1.3.7 手部的绘制

Step 01 先来看一下真人的手,手上有指甲盖和骨节,还有血管、汗毛等,但是Q版人物的手没有这么复杂,所以我们应该在这个基础上做减法。

Image title

Step 02 将手色块化,分清明暗面,再进一步细化。

Image title

Step 03 在检查时发现有一个特别特别小的细节漏掉了,就是放在胸前的手和身体之间少了阴影,显得不够自然。(当你成慢慢成为了一个抠细节的疯子的时候,离成功就不远了!)

Image title


形象确定之后,他可以穿不同的衣服,做不同的动作,有不同的表情,变得有“生命”。

Image title


Image title




更新:2017-05-16

收藏

158人已收藏

数艺设

人民邮电出版社数字艺术分社

  • 491

    作品

  • 1108

    粉丝

  • 0

    关注

  • 分享一个普通插画师,很难Hold住的画法!
  • 为什么现在学Photoshop,也不算晚?
  • 乌江榨菜国风新包装!设计师画了40多稿
  • 你感受过五彩斑斓的孤独吗?这些高饱和度插画里隐藏着生活的力量

    猜你喜欢

      2017-05-16 原创文章 教程 举报 11627 158 205 15

      【教程•设计】超级奶爸优化思路

      0.0°

      你确定要举报【教程•设计】超级奶爸优化思路

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年05月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      205
      158
      15

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录