“鼠绘”的正确打开方式（圣诞节礼物）

手绘你也许并不陌生，在电商设计中的运用日见频繁。在刚过去的16年双11狂欢节，更是各大手绘大神实力大比拼，各种狂拽炫酷屌炸天，各种奔放洋气有深度；BUT，今天不讲手绘。

今天只讲“鼠绘”。当我在脑海中想像到“鼠绘”二个字时，我还天真的以为“鼠绘”一词是我的初创呢！

还特地跑去百度一下

（来自百度网页搜索）

百度百科：鼠绘——使用鼠标借助图形图像处理软件来进行“创作”的一种技巧。

我不确定百度百科所说的鼠绘是否跟我接下来要讲的“鼠绘”一样，SO，再次百度图片去搜索，结果如下：

（来自百度图片搜索）

这画风咋跟我想像的不太一样啊！跟我今天的分享有较大的出入，这TM就很尴尬了；所以接下来的通篇文章，只要提及“鼠绘”二字，定会加上双引号以示区别，请悉知，谢谢！

对“鼠绘”自我的定义是：借助PS软件，按照1：1图像比例，相对真实的还原照片/图片中的商品。（为什么是商品？因为我的分享多数是针对电商设计，电商就是出来卖（货）的，不讲商品讲啥？讲互联网产品？还是不要扯蛋，会疼）咳……咳咳……先欣赏下我的一组作品：

（纯“鼠绘”）

（纯“鼠绘”）

（“鼠绘”与商品照片对比）

（“鼠绘”与商品照片对比）

没有对比哪来伤害？“鼠绘”图与照片图你会怎么选？好吧！不要啰里啰嗦了，正式进入主题。

为什么需要“鼠绘”？

1/视觉表现需要——大前提，如果说电商就是一场视觉营销盛宴，那么“鼠绘”必然会有它存在的意义！

2/极难拍摄的商品——表面光滑容易形成镜面反射、环境倒影多、成像光线杂乱、质感差、杂质多且不易清除，容易遗留指纹等等拍摄难度极大的商品，均适合用到“鼠绘”；

3/贵重商品——有实力的商家可以通3D建模、场景渲染等等各种手段实现商品视觉高大上；这里只针对实力欠佳，又想卖高客单价且还想要有良好视觉表现的商家（真是贪心呀！）；

4/各种活动图——好看漂亮有质感的图片，能引起更多买家关注，增进购买欲、增强购买信心；同时也是商品自信的表现，以商品品质足够好为前提；

5/设计师、美工的自我需求——“鼠绘”其实是非常基础的技巧，于科班专业人员是底层技巧。但是由于我朝教育问题及这几年电商设计发展经历的蛮荒生长时期，科班/非科班从业人员良莠不齐，各种不学无术、人心浮躁。会“鼠绘”并能做好“鼠绘”的人很少。具备这种技巧的从业人员有着天然竞争优势。SO，如果你在看这篇分享时还不会“鼠绘”，那你是不是得学习呀？

-------------------------------------------- 分割线 ----------------------------------------------

哪些商品适合“鼠绘”？

1/外形轮廓简单——对称、线性、曲面较少的产品适合“鼠绘”。“鼠绘”绘制比较烦琐，需要花去设计师大量的时间与精力。复杂的商品结合“鼠绘”修图，不建议完全纯“鼠绘”绘制；

2/某些类目——比如美妆、家电、快消品等。美妆在这方面的运用比例很高；家电以“鼠绘”作为辅助，以修图为主；

3/产品构图角度少——还是拿美妆说事，一个角度通杀各种需求：详情、banner、直通车、钻展图……

4/你喜欢啰——“鼠绘”不复杂，只是很烦琐、单调重复。只要你愿意，想绘啥就绘啥，剩下的仅仅只是时间问题。

-------------------------------------------- 分割线 ----------------------------------------------

“鼠绘”需要掌握哪些知识？

1/素描三大面，五大调。“鼠绘”跟素描是相通的，素描是用笔在纸上画，“鼠绘”是用软件在电脑上画。所以要想表达物体明暗关系，必须恰到好处运用好素描三大面、五大调。

素描三大面即黑（背光部）、白（受光部）、灰（侧光部）。如下图所示：

素描五大调即高光、明部、明暗效果线、暗部（包括反光）、投影。如图所示：

2/对静物摄影布光有所了解。静物摄影布光大概有5种方法，以下作简单介绍：

一、 正面光(也称为“顺光”)

光源位于被拍静物正前方，光与摄影方向一致，故称为顺光。

二、主光+辅光

辅光是补充光照射不到被拍静物其他面的光种，以弥补光照的不足，起辅助作用，增强静物细节表现，须配合主光使用，所以又被称为副光。

三、顶光

顶光，即来自被拍静物顶部的光线，与景物、照相机成90度左右的垂直角度。

四、侧光

侧光，即来自被拍静物左侧或右侧的光线，同静物、照相机成60~90度左右的水平角度。

五、逆光

逆光一种是由于被拍静物主体恰好处于光源和照相机之间的状况，这种状况极易造成使被摄主体曝光不充分。相信我们都有试过逆光拍摄的人像，黑黑的看不清。

-------------------------------------------- 分割线 ----------------------------------------------

“鼠绘”运用的布光及光影表现：

“鼠绘”运用的布光方法主要有正面光、主光+辅光。具体的光影表现如下图所示：

“鼠绘”中也经常会运用到对称光的表现手法。对称光仅存在于绘图中，多用于圆柱形状物体的表达，真实的摄影布光中是不存在对称布光的。真实的光是会叠加并增强，二个强光叠加会使拍摄物体曝光过度；二个弱光叠加可能会曝光不足，也可能会光影表现平平。对称光的光影表现如下图所示：

“鼠绘”运用材质的各种光影表现特点：

塑料与磨沙材质高光与阴影过渡柔和，金属材质高光阴影过渡生硬，玻璃材质高光阴影过渡柔和且通透。

平时在日常生活中，多点留意观察各种材质物品的光影表现，在“鼠绘”中就不会显得无从下手。以上“鼠绘”知识点均介绍完毕，下面请看湿纸巾案例实操步骤。

-------------------------------------------- 分割线 ----------------------------------------------

步骤一：确定材质及布光方法

湿纸由外包装材质为塑料膜，塑料在“鼠绘”材质中高光与阴影过渡柔和。从照片拍摄角度看，适合使用正面光布光方法绘制。

（湿纸巾实拍图）

步骤二：绘制商品基本轮廓

商品结构比较复杂可以拆分成多个部份单独绘制，绘制过程中各个面用不同色块加于区分。

步骤三：吸取照片颜色，为每块区域上色

前面三大步骤主要用到矩形工具及钢笔工具，绘制出商品基本形状跟抠图。每个色块需要独立并分组管理，这样做是为了方便后面整个模型的布光。（运用PS软件时，平时养成分组的习惯，毕竟上了规模的公司都有好多个设计师一起协作，方便自己也方便他人）

步骤四：绘制细节

这部主要用到钢笔工具、高斯模糊，将细节抠出且绘制出来。

步骤五：整个模型、细节搭建完成后开始绘制光影，布光

高光阴影绘制主要是通高斯模糊白色或黑色色块叠加到模型的每个色块中，如下动态图所示：

用这种方法布光需要叠加多个图层，调整每个图层透明度及叠加模式，简单点说就是尽量让光表现的真实、有质感一些。

步骤六：贴图

如果有外包装设计稿，可以直接将上面的图文信息贴到模型上。没有的话还是用“鼠绘”绘制出来。最后要注意：整体搭建完后再次进行整体布光。正面光的特点是由中间向二边递减，用画笔将湿纸巾包装的二头压暗点，中间的高光提亮点。完事后用中性灰进一步加强明暗对比关系，以突显空间感跟立体感。

抽纸部份同样利用上述方法步骤绘制。这里将不再复述。以下是整体制作的动态效果图：

“鼠绘”分享完毕

-------------------------------------------- 分割线 ----------------------------------------------

结语：其实作一幅好图没有想像的这么难，只是你得花时间去磨，过程确实是件很痛苦的事，坚持下去会有意想不到的收获！一段时间的努力工作与学习，蓦然回首时你会看见你的成长与进步，进步是很快乐的事情（我已不止一次强调了，你自己去感受吧）。

最后送上一碗鸡汤，与君共勉：“今天不努力争取过你想要的生活，明天你将疲以应对你不想要的生活。”我先干了，你随意。哈哈……

附件分享一些PSD源文件。喜欢的就拿去，感谢支持。记得点赞哈~