Comic Studio黑白插画教程——透视背景的绘制（尺子的应用） Comic, 插画, Studio, 黑白, 教程

god8128061

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/applicati ... ter_view.asp?id=397