学习使用Sketchbook Designer 绘制工业产品草图(四) - 纳金网

在前面的教程里，我们使用了渐变方式将手柄的部分进行了填色，也学习到了渐变色的控制与调整，接下来的部分我们将要使用导入图片的方式来设置屏幕，使用的技巧并不是很复杂，需要搭配的是遮罩功能，请看以下的操作说明。

使用画线的功能在屏幕的左右边分别定出控制点，确认位置后按下打钩的符号完成绘制。

在中间的位置同样的增加一段直线，然后以复制线段的方式将底部的线段复制后调整到如图的位置，目的是模拟出底部的厚度。

还记得我们之前介绍的Solid fill的填色功能吧，使用填色的方式在底部进行填色，而填入的颜色如果没搭配到周围的黑色部分，可以使用吸管工具吸附黑色后进行颜色的替换。

如图所示，使用直线的绘制与填色后，现在屏幕的位置已经决定出来，接着就是进行图片的导入工作。

使用Import > Image选择附件里面的图片，Sketchbook Designer支持的图片格式非常的多，基本已经能满足用户的需求了。

导入图片后，整个画面一下就被这个图片占满，这时要如何处理呢? 很简单，使用中间的箭头与小三角型可以对图片进行移动与缩放，这样就能很容易的将图片对到预设的屏幕位置。

在调整的同时还可以在右上方的Mask里面拖动滑轨来改变图片的透明度，如此就能方便的看到图片与屏幕的相对位置。

接着需要保留屏幕的区域来放置图片，然后将多余的部分清除，在base color的位置选择复制图层的功能新增一个相同的图层。

然后再选择黑色的填充部分进行删除，因为这些部分也是属于用不到的位置。

使用Solid fill的填色将屏幕的部分填入黑色，如图所示：

填入黑色的区域后，周围的一些线段要如何处理呢?可以框线出所有的线段，然后取消Show stroke的勾选，这样就可以在没有任何线段被选取的状态下，将所有的线段隐藏起来。

在Mask里面新增一个new paint mask的遮罩层，注意的是Mask里面是可以添加矢量与绘图的两种遮罩。

将装换的绘制层拖到Mask Paint 1，系统会出现一个提示，询问遮罩的转换模式，这里我们选择的是Luminance only，这样就能将黑色的区域转换为遮罩部分。

勾选Mask Paint2的遮罩层，现在我们看到了原来导入的图片与遮罩的位置，看起来图片似乎还需要进行一些微调的工作。

如图所示，在遮罩层与图片的比对下就能清楚的看到图片的位置与大小还需要修正。

按下Ctrl + T键将屏幕缩小并调整位置，再使用Distort工具(在Scale按钮的旁边)将屏幕画面的底部往两边延伸。

最后使用橡皮擦工具清除屏幕周围的部分，如图所示，现在屏幕的效果已经呈现出来，看起来与我们设计思路越来越接近了。

下一个教程里面我们将要对手柄上的右边按键部分进行制作，如果有兴趣了解更多技术与设计资源的朋友，请到 http://www.narkii.com官方网站进行查看，将会有意想不到的收获!