设计让生活变得更美好,手绘让设计变得更简单
今天给大家讲一讲数字手绘当中最重要的元素之一:“图层”。这是一个经常被人忽略又特别重要的一个数字手绘元素,之所以经常被人忽略,是因为“图层”太常见了,常见到人会常常忽略了它。
你可以反问一下自己,我们经常听到、见到、用到图层,但有没有仔细琢磨过图层?要完全了解图层后你才能更加游刃有余地进行手绘。要不然,你只是在随波逐流。我们就以手绘高阶案例-交通工具-摩托车数字手绘为例来给大家解读“图层”。
那图层是什么呢?我们可以把图层比作上面记录了各种设计手绘元素的图形、图案、标注等介质的胶片,按照先后、上下顺序有规则地叠加(叠放)在一起,这样叠加组合起来形成效果图的最终视觉完整呈现。或者你也可以把绘图软件里图层看成是N张堆叠在一起的透明纸张。我们可以透过图层的透明区域看到下面的图层。Photoshop软件里面的图层图标通常处在操作界面的右下角,如下图所示:(注明:Photoshop2021最新版的创建新图层图标有所变化,是一个“+”符号,其位置不变)。
2/图层的显示与隐藏
如下图所示,靠近图层最左边有一个“眼睛”符号,这个“眼睛”符号是控制图层正常显示与隐藏功能的。
我们也可以移动图层来定出图层上的内容位置。当然也可以更改图层的不透明度以使内容出现部分透明的效果,我们在图层中可以加上各种各样可视化元素,比如文字、图案等等,当然也可以在现有的图层里面再新建、嵌入新的空白图层。
如下图所示,图层图标的颜色也可以编辑起来用作图层记号,这个功能在画效果图出现大量图层的时候尤为有用。
如下图所示,我们还可以把N个图层进行分组管理,方便梳理清楚多个图层,让图层的调理更加清晰,分组操作只需要拖动相关图层进图层组(文件夹图标)即可。
如下图所示,我们可以直接点击创建新的填充或调整图层对相应的图层内容进行快捷编辑。
6/图层蒙版
添加图层蒙版最大的好处就是变换形状以蒙版形式保存,比如你抠图时路径,可以保存为图层矢量蒙版,如下图所示,如果图层1在图层4之上,把图层1中的一部分蒙起来,相当于镂空这一部分,那么图层4就会从镂空的部分显现出来。类似于蒙板,只不过它是矢量的,也可以叫做图层剪贴路径。
图层样式,顾名思义是图层的样子和形式,我们数字手绘时除了画之外,还有很多效果可以省力,比如浮雕、描边、阴影、内发光、渐变、外发光、投影等等效果,都可以通过添加图层样式来完成,可以显著提高绘图效率。在图层编辑对话框里有一个添加图层样式符号图标,可以最快进行图层样式的编辑。如下图所示:
链接图层是让至少两个或者两个以上图层链接起来,注意,是链接,不是合并,就像链接图层的图标直观显示一样,是把不同图层锁链起来,可同时移动和自由变换,但是不等于合并,它们还是相互独立的图层。注意操作时点击链接图层图标为执行“链接图层”命令,再点击一下这个图标为“取消图层链接”命令。
绘图软件里面的图层可以让我们自由编辑手绘图案(线条、笔触、色块、高光线、高光点等等),图层也可以将各种手绘元素精准定位、摆放在你想要达到的图面位置。我们在图面上画出的任何可视化元素都可以变换调整编辑,比如:对这些可视化元素进行移动位置、变换(扭曲)形状、变换(缩放)比例、旋转角度。
我们都知道手绘需要层次感,没有层次感的东西就会显得生硬且不生动,手绘的层次感是一个宽泛的概念,存在于手绘的各个方面,比如线条层次:粗细、轻重、虚实。笔触层次:大小、浓淡、虚实。颜色层次:色相、饱和度、明度。等等,这些微妙的变化效果都可以用图层来进行调整,可以得出图层越多越明显,图层越少越清淡。
我们看到的每一个数字手绘效果图基本都是通过多图层的上下叠加方式来组成最终的图像效果。罗老师举例说明:比如我们在A3纸面上画一个汽车,汽车相对其他产品复杂一些,当然线条、颜色就更多一些,画的时候把握的难度也就更大一些。所以基础不好的同学就会出现比例不准,线条开叉等等问题,那么在A3纸面上画不对了就要擦除重新画,而且可能擦不干净,但是我们用不同图层来分别表达汽车的底盘、裙线、肩线、轮胎、轮包等,这些元素都处在不同的图层上面,就算是有哪个地方画不对了,可以立即新建一个图层再画,修改的机动性极高。我们可以看到,其实图层分层就相当于把一个可能存在的手绘问题给分解了,而同时又可以把这些图层瞬间合成,被分解成各个手绘小问题解决起来也就更容易。我们现在就以学生作业练习线稿原图为例,罗老师给大家演示一下如何运用图层原理来塑造一个精彩的数字手绘效果图。第一步:先把原图的背景处理干净,只留下摩托车的线稿。第二步:这个效果图罗老师计划以润色和线稿并存的方式来表达,把摩托车细节最多的部分润色,除此之外的其他部分以线稿的方式存在。第五步:把不太好表达清楚的面体光影用剖面线表达面体的微妙起伏变化,可以让自己下笔之前更加清楚知道造型的细微转折变化。第六步:画出摩托车的车身涂鸦,可以新建图层以后填充涂鸦所设定的颜色,然后再把这个图层的混合模式调整至正片叠底即可。第七步:把摩托车尾部吊牌的零件和车头仪表盘(侧面角度)也要塑造出来。第八步:对摩托车的前大灯、刹车系统配件进行润色,注意金属材质和玻璃材质需要对比强烈。第十步:开始润色摩托车的轮胎和金属车体,注意区分开两种不同材质,一种是金属高反光材质,另一种则是橡胶的漫反射材质。第十一步:每一个局部细节都要深入刻画,包括金属螺钉、螺帽等等细节。第十三步:逐步润色摩托车的尾部零部件,让润色区域和线稿的过渡更加柔和一些。图文素材 | 一线 编辑 | 🍋
关注“产品手绘”,更多优质作品/素材与系列教程!
【我爱这个魔幻的世界】