Comic Studio黑白插画教程——透视背景的绘制（尺子的应用）
作者：向右向左 策划：肖寅爽 助理：万芳
软件：Comic Studio 4 EX 使用设备：友基漫影WP8060-08数位板
作者简介：向右向左
向右向左，是一对孪生姐妹，姐姐向右，妹妹向左。主要从事漫画、插画绘制，漫画教学等工作。
很多朋友都说想知道如何绘制背景建筑物，所以今天我们就利用Comic Studio里的透视尺来讲讲背
景建筑物的绘制吧！依照惯例先发成品图，这次完成图的风格跟以往的风格略有不同：
完成图
1.新建文件。新建页面文件，分辨率依然选择600dpi，虽然很多黑白插图的成品稿要求300dpi就足够了
，但是600dpi更方便计算网点的线数；另外，Comic Studio是位图显示，其最大的缺点就是分辨率低了
会产生锯齿，而选择600dpi容易改善位图锯齿的情况。
由于内框线可能会干扰绘图，所以我们可以去掉内框线。之前已经讲过两种去线的方法了，那么这次再
换种方法：将图层窗口下方“纸张”里的“裁剪线/基本框图层”前面的小眼睛去掉就可以了，如下图红
色圆圈的位置。
图1
2．绘制背景。大家注意了，本期的重点来咯！
在图层面板中新建图层，在类型中我们选择矢量图层，如图：
图2-1
然后在尺子中单击尺子框（下图红色箭头所指位置），选择尺子图层。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/03.jpg
图2-2
3.建立我们所需要的尺子。在这里我只演示一种比较简单的透视，我打算画一个一点透视的背景。
在工具菜单中选择“尺子”——“建立特殊尺子”——“建立透视尺（1点透视）”。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/04.jpg
图3
4.建立好尺子后，尺子的位置往往并不是我们所需要的，此时使用尺子选择工具移动尺子即可。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/05.jpg
图4
5.为了方便计算，我还用直线工具画了一条直线，直线工具在尺子图层上会默认带上刻度，如下图所示
：
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/06.jpg
图5
6.选择好钢笔工具：
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/07.jpg
图6-1
在“显示”菜单中选择“设置吸附源”——“透视”：
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/08.jpg
图6-2
7.在刚才新建的矢量图层上画线条，就会发现线条默认吸附到尺子上了。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/09.jpg
图7-1
画线的时候可以多画出来一些，然后使用橡皮，在工具设置菜单中选择“矢量用（清除到交点）”。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/10.jpg
图7-2
只要在需要清除的线条中央擦一丁点（如下图）：
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/11.jpg
图7-3
线条就会自动清除到最近的一个交点位置了（如下图），这个功能非常实用哦！
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/12.jpg
图7-4
8.画出整个背景，如果想象不出来，可以参考一些照片，毕竟我们不是建筑设计师嘛！把透视画准，不
需要尺子的时候，可以将尺子图层前面的眼睛去掉，如果不希望线条吸附尺子（特别是清理线稿的时候
），可以将吸附源设置回尺子即可。这样，一个透视的背景基本上就画出来了：
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/13.jpg
图8
9.画完后感觉背景有些呆板，于是我决定打破平衡。选中画背景的矢量图层，右击该图层，选择变换图
层（快捷键Ctrl+Alt+E）。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/14.jpg
图9-1
将矢量图层转换成光栅图层：
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/15.jpg
图9-2
按Ctrl+T变形，旋转背景到我们所需要的角度。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/16.jpg
图9-3
调整好位置，画上太阳和云彩。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/17.jpg
图9-4
10.开始根据背景绘制人物。由于这张图的背景我打算营造一种倾斜的感觉，所以为了绘制方便，可以旋
转页面来绘制人物。使用旋转工具（快捷键是R），或者使用菜单栏下方的这一排按钮来旋转均可。
下图中，红色圈的是旋转角度，绿色圈的是恢复（经常调整后有时候会忘记原本的位置，此时这个按钮
很好用哦！），蓝色圈的是图像翻转（左边的是左右翻转，右边的是上下翻转），这几个按钮都非常实
用！
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/18.jpg
图10-1
页面旋转好之后就可以起草和勾线了。新建光栅图层，为了方便区分，把颜色显示改成其他色。注意背
景不同于网点，一旦擦掉就无法补回来了，因此不要直接用橡皮擦掉被遮挡的部分，而是在人物与背景
之间新建光栅图层，将背景被遮挡住的部分用白色填充，以方便观察人物与背景的关系。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/19.jpg
图10-2
11.勾线。降低草稿图层的透明度，在草稿图层上方新建光栅图层，开始勾线。勾线在之前的教程中已经
讲过很多遍，就不再重复了。人物身上使用的是钢笔工具的G笔，头发使用的是钢笔工具的圆笔。勾线时
可以灵活运用旋转和翻转页面的功能，非常方便。由于页面角度旋转了，有可能会出现锯齿情况，但是
恢复到正常显示角度后就会正常的了。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/20.jpg
图11
12.勾线时，注意用笔的力度，尽量一笔成形，一笔就把该加粗的位置加粗，该画细的位置画细，这样可
以大大提高绘图的效率。当然啦，这也是考验板子的时候。我用的板子是友基的漫影08，笔触感还挺好
，稳定性也不错。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/21.jpg
图12-1
勾线要仔细，不要急于求成。勾完人物部分的线稿后，恢复页面的角度，左右翻转看看，基本没问题就
可以了。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/22.jpg
图12-2
13.涂黑、打线条和画眼睛。涂黑时注意落笔要干净利落，特别是头发，为了方便清理，可以多分几个图
层画，最后再合并到一个图层上即可。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/23.jpg
图13-1
由于本次画面的风格跟之前的略有不同，因此，人物的衣服我不打算使用网点，而是通过打线条来表现
。打线条落笔要轻，尽量规整一些，可以斜向交叉，不要出现明显的正十字交叉线。如果手上力度把握
不了或者板子性能偏低的朋友，可以把笔头的尺寸调小一些。我的友基板压感是1024的，轻轻画的时候
依然可以画出很细的线条，所以就没有调整笔头的大小。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/24.jpg
图13-2
14.用上次讲过的方法画眼睛。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/25.jpg
图14
15.把遮挡的白色图层多出来的部分擦干净，这样线稿大体就出来了。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/26.jpg
图15
16.因为大背景为楼房，不易表现动感，所以在这里我画了一些纸飞机和飘带，让画面动起来，这样线稿
就完成了。
http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/27.jpg
图16
17.贴网点。网点这里就不再详述了，注意大面积的部分尽量使用渐变网，这样就不会太平。远处建筑的
网点要不如近处的网点细致，甚至可以忽略网点，最后点上白点，就完成了！
图17
附：本教程源自http://www.ugee.com.cn/application_tutorial_painter_view.asp?id=397
