论坛's Archiver

god8128061 发表于 2010-7-15 15:42

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

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


作者:向右向左
策划:肖寅爽
助理:万芳
软件:Comic Studio 4 EX
使用设备:友基漫影WP8060-08数位板
作者简介:向右向左
向右向左,是一对孪生姐妹,姐姐向右,妹妹向左。主要从事漫画、插画绘制,漫画教学等工作。

     很多朋友都说想知道如何绘制背景建筑物,所以今天我们就利用Comic Studio里的透视尺来讲讲背

景建筑物的绘制吧!依照惯例先发成品图,这次完成图的风格跟以往的风格略有不同:
[img]http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/00.jpg[/img]

完成图

1.新建文件。新建页面文件,分辨率依然选择600dpi,虽然很多黑白插图的成品稿要求300dpi就足够了

,但是600dpi更方便计算网点的线数;另外,Comic Studio是位图显示,其最大的缺点就是分辨率低了

会产生锯齿,而选择600dpi容易改善位图锯齿的情况。
由于内框线可能会干扰绘图,所以我们可以去掉内框线。之前已经讲过两种去线的方法了,那么这次再

换种方法:将图层窗口下方“纸张”里的“裁剪线/基本框图层”前面的小眼睛去掉就可以了,如下图红

色圆圈的位置。
[img]http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/01.jpg[/img]

图1

2.绘制背景。大家注意了,本期的重点来咯!
在图层面板中新建图层,在类型中我们选择矢量图层,如图:
[img]http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/02.jpg[/img]

图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.贴网点。网点这里就不再详述了,注意大面积的部分尽量使用渐变网,这样就不会太平。远处建筑的

网点要不如近处的网点细致,甚至可以忽略网点,最后点上白点,就完成了!
[img]http://www.ugee.com.cn/imageLib/edu/wp8060-08/chizideyingyong/28.jpg[/img]

图17

附:本教程源自[url]http://www.ugee.com.cn/application_tutorial_painter_view.asp?id=397[/url]

页: [1]

Powered by Discuz! Archiver 7.0.0  © 2001-2009 Comsenz Inc.