![超级漫画CG技法完全自学教程:线稿+透视+光影+上色+质感](https://wfqqreader-1252317822.image.myqcloud.com/cover/353/22690353/b_22690353.jpg)
1.2 认识ComicStudio
ComicStudio是漫画绘制中非常热门的线稿绘制软件,下面介绍其常用工具的使用。
1.2.1 ComicStudio工作界面
启动ComicStudio4.6软件,其工具界面如下。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0011_0002.jpg?sign=1739343213-637q1Ftq2FjaQguHEg6ZN1n6BZo5rqZH-0-5c27e71b5bf83504f6362cdee992c264)
工具栏:用于存放常用绘画与编辑工具,用户可以根据需要隐藏或者显示工具栏。
自定义工具栏:可以通过选择“文件/自定义/自定义工具栏设置”菜单来自定义适合自己的工具栏。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0012_0001.jpg?sign=1739343213-eW8lIjRKZbrRpAC6DLgpgEOIxr1gVLII-0-870033e70a7478b3d6513b34654fc2c1)
图层:CS的图层有草稿层、光栅层和矢量层3种。草稿层专门用于打草稿(这个图层新建页面时自动生成);光栅层即可用来画正稿也可用来打草稿,图形笔刷和油漆桶工具只能用于此图层;矢量层的线条可以单独地被改变形状,或者改变粗细。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0012_0002.jpg?sign=1739343213-IKyMqQ5GAmU9CNp12OJDnrJEJOh9xvnI-0-3ecc89e7d4c128beab0ad1e7875108d7)
工具调板和工具选项调板:包括选择工具和调整工具各项参数等。
图层属性调板:用来调整图层线条颜色、粗细等属性,用于使用多个图层时方便分辨图层。
页面:画图空间。
素材调板:CS最大的特点就是集成了很多网点,还可以去官网下载或者自己制作。
当然,CS里还有很多工具调板,可以通过选择“工具栏/窗口”菜单显示或隐藏。
1.2.2 ComicStudio常用工具
CS绘制漫画最常用的绘制工具分别是画笔、钢笔、铅笔、图形笔刷和油漆桶。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0013_0001.jpg?sign=1739343213-Bybwm2roe1XOIsoQafSriCdEVAAAdqCR-0-6c2335c31e20334519fae8b5b3de6abe)
1.2.3 画笔
画笔工具无疑是ComicStudio里用得最多的部分了。与Photoshop不同的是,ComicStudio是一款专门为漫画家设计的软件,画笔自带防抖动功能,可以很好地平滑你画出的线条。哪怕是刚从纸绘转入电脑绘的绘图板新手,也可以很流畅很平滑地画出漂亮而且粗细有致的线条来。
从画笔面板中可以看到画笔工具有很多类型,可以根据个人习惯进行选择。我个人比较喜欢用G笔,不管是打草稿还是描线,使用一支G笔就都可以搞定了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0013_0002.jpg?sign=1739343213-hXgZZHrMe5eOhg4QFR9lAt5QdYK5SClS-0-8849d1f689cbe0dee466b1161e78b368)
1.2.4 笔刷
笔刷工具也是画漫画时经常用到的工具,从下拉列表里可以知道笔刷有很多类型,相当于Photoshop里的毛笔工具。用户也可以自定义各种各样的图形笔刷,方便描绘比较复杂的图形,如树冠、花丛草丛、蕾丝边等等。
其中,图形刷子(即自定义笔刷)的功能和PS里的笔刷一样,可以使用各种图案素材编辑成需要的笔刷。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0013_0003.jpg?sign=1739343213-Mzunc30cgEZ6tB6vj2xxRSGrriY3xxtg-0-eb9af1ad985be75360cfa005db278a8b)
1.2.5 尺子
尺子工具是ComicStudio 和IS特有的工具。Comic Studio不仅有透视尺工具,还有画漫画常用的各种特效尺功能,如放射线、平行线、曲线、同心圆、对称线等等。
我们先在图层工具栏内新建一个尺子图层,然后在工具栏内点击三点透视,就可以在画布上新建一个透视辅助尺了。
Tips
建议尺子建在尺子图层里,方便显示和隐藏。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0014_0001.jpg?sign=1739343213-BDVBlmqFpznvUmb72c7PmXlXVOCNFUku-0-1ecb09f5c2ec3d88683455b136c9160f)
对称尺:建立对称尺之后,只要画其中一边,与之对称的一边
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0014_0002.jpg?sign=1739343213-U2WsBDrDuT7cQsrC84PqKPfqzb4OagQH-0-9fb92668d778a4eec780c5f93800da0d)
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0014_0003.jpg?sign=1739343213-bTS7sNiO5N02Bg1EbZ4typZdKlCMHSwq-0-2a7a1d396f450e2f61c1199c07760820)
透视尺:画透视建筑物时超级方便哦。用尺子选择工具来调整透视线条,添加或者删除透视辅助线。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0014_0004.jpg?sign=1739343213-Qg9aTgTLwEiCWuEGeRprm7QC3EJqg1VL-0-3a467310041ce3eade657a7a93a2381a)
1.2.6 选取工具
CS的选取工具和PS一样,分别有图形选框、自定义套索和魔术棒三种选取方式。比PS方便的是CS的选取工具都有闭合间隙功能,即使是不连贯的线条也可以很方便地选取对象。选区选好后会有一个小工具栏,可以用油漆桶或者网点工具直接对选区进行填充。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0015_0001.jpg?sign=1739343213-z8O4b8jDbgx5lm6c7syJ95QJ5bvUDFM7-0-fd9c2a1f615bcff5dc538f1fcc49aea4)
1.2.7 矢量线条编辑工具
此类工具专门用于编辑矢量线条(此类工具只能用于矢量图层)。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0015_0002.jpg?sign=1739343213-UDN4hjQtS24JidW0ddXMles3pKh4oOnR-0-47b3ffbbc9046fdbcc0560ed628b4d3c)
抓线:用于把画错的线条抓起来放到合适的地方。
编辑线:用于把较抖和不平滑的线条调整平滑。
线宽修正:用于改变线条粗细。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0015_0003.jpg?sign=1739343213-hGfLIIYNyrOSUyLRLlM8M3FWBTmxIYA4-0-163b302f1fa3a5a0e93e94fe28c7fa14)
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0015_0004.jpg?sign=1739343213-qiqaBH1xJYpVxvW34toF9nqgk4NZQd8D-0-75e11386adac3023605776d6c00b7990)
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0015_0005.jpg?sign=1739343213-dM5p8LYF9daZikezSJ5ez7UWEeChGcC8-0-80003f32a9a354c66db54a6c11380e13)
以上是绘图时常用的工具,其余工具和编辑命令大家可以自己去尝试和使用。
1.2.8 实战:ComicStudio绘制线稿
熟悉了ComicStudio的常用工具后,下面我们就用这款软件来绘制一张完整的漫画插图线稿,一方面可以掌握软件使用技巧,另一方面可以为学习使用别的软件打下基础。
在作画之前我们最好在头脑中有一个大致的构图,然后把脑子里想象的场景在画布上打一个草稿。注意:草稿不用画得太细,定位好构图和角色的动作就差不多了。具体操作步骤如下。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0016_0001.jpg?sign=1739343213-eNmPoTS3tvGHezsuvymigxK7IhXxy9Wi-0-09eacb044a3bddb1073735e7b0a5688e)
01 画面的构思是一个骑着自行车的男生,停下来想要欣赏风景。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0016_0002.jpg?sign=1739343213-lYFXSiAftjSTfhtiM4CDABoM4LTDui8R-0-2cd10f3c525f48c3e72eda63a2bfdbc4)
02 粗稿的草稿完成之后,我们就来确定一下人物的表情和衣着,大致画出结构线就好了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0017_0001.jpg?sign=1739343213-hR3QC4BxRrnBCyexILa2Xp9EETGdWQsT-0-bb735a0a3b9177a478caf73c23ffead3)
03 为了方便以后修改和做图,我们把自行车图层和人物图层分开来画。在画自行车的时候,把人物图层换一种颜色,这样就不会互相干扰。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0017_0002.jpg?sign=1739343213-57bkjVuuPp4Jb5QmZGd1jlS4X1JM5nTM-0-f221e28a662449cd7ed5df7adabea913)
04 把多余的线条先隐藏,看一下人物大致的效果。
简单地画几根透视线,用一点透视原理来画男生身后的背景,这里也可以找一些照片作为参考。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0017_0003.jpg?sign=1739343213-5C0R631lLWuQEipVau0a5J0Kt0p4Fxux-0-f46c6cd3a4b8b0a27a8381b22d5480b6)
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0017_0004.jpg?sign=1739343213-sgnOshKrODC4w3NIuErw7uAaroCkbuVS-0-452c8b0b5b093cf05f3c920b1db70d87)
05 接下来把人物图层透明度降低,画一下背景。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0018_0001.jpg?sign=1739343213-Xzl5H3GyD49ExlJKzlPrOcyBCwJVEgow-0-e1af7f6e066630606729e2d77a698c14)
06 背景图画好之后,在人物图层下方新建一个图层填充白色,把背景和人物区分开来,看一下最终的效果。
草稿大致完成,接下来就可以描线了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0018_0002.jpg?sign=1739343213-h9jqZxQn4KOrpl94nwJ4MzxKDnB26mY0-0-d3b991b1f402617380f5f4c6d27ce3fd)
画画最忌讳的就是不懂装懂,如果不清楚某样物品的外形和构造,一定要多找参考资料,不要盲目地画,否则画出来的东西很容易被人诟病。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0018_0003.jpg?sign=1739343213-KeCnoxK7DksolCF6c30C9vky0okkkmJq-0-1be62791b2e21246eab498ca1fc1def3)
07 描线的时候把草稿层的透明度调低一点,比较好描。先从最近的自行车开始描。如果不清楚自行车的构造,不妨搜一些图片来参考。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0018_0004.jpg?sign=1739343213-W7eXBNHXUGzHT8ZFyRNKHlzxUdA2TXQ3-0-8ca3cfd248c3382aba95d530aff0cd83)
08 自行车完成。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0019_0001.jpg?sign=1739343213-TNusCSogGK4TrsPCsN602gKdg7YmmzHG-0-b22975f23d7cd1653c38032324d49693)
09 我们把自行车图层的透明度调低,开始描画人物。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0019_0002.jpg?sign=1739343213-Vp9XFCb4V72mMRqZwKWcjmmpnwSXbGqj-0-869558d3f16c45656d5c26cb35bd0f50)
10 从人物的脸开始描,注意线条最好一步到位,不要有毛边。对绘图板不熟悉的人可以把画笔的手抖补正开大一点。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0019_0003.jpg?sign=1739343213-9ZU55AL0FwEWzS2ryCzOI7TuOn6nLqnZ-0-66cbc66b49d17609209bdf2b50bb19a6)
11 因为人物是正脸,所以画眼睛的时候可以稍微偷懒一下,把画好的右眼复制一个,然后左右互换方向,就可以把左右眼画得很对称了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0020_0001.jpg?sign=1739343213-zKWD6eTxgozhLrhcP4OpEiBV861gmhzE-0-367d7c0cd98b4539cfc3a5b42d70f439)
12 注意调节一下眼珠子的位置,要不然就成斗鸡眼了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0020_0002.jpg?sign=1739343213-69fgOr5YLtLf9hJZ9dglsAE7f268gZbW-0-8365ce8914cb84ed8c755c3b010bcb82)
13 左右旋转一下画布,看看脸是否画正了。
Point
我们在画正面脸的人物五官时,想知道自己画的人脸是否“五官端正”,一般可以通过把画布左右对调来查看,如果歪的话,左右一对调马上能看出来,然后及时修改。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0020_0003.jpg?sign=1739343213-frvWbRB3k4BJB0GoKiLcuziXRQTvMDCK-0-15170eebf2e509fdcef82f8edac69e6e)
14 接下来把身体描完。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0020_0004.jpg?sign=1739343213-8NaB6ZQvq1mrLQurbrdWMcqQkeryTDbu-0-002079bc5ce2ebfe0e97291330d99775)
15 被自行车挡住的部分最好也描上。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0021_0001.jpg?sign=1739343213-uurWoDyf3bEmUrNnaAdJLz98ikddyFAX-0-46ccfb1ea4026baa4b2cbc651832dbd5)
16 角色的头发也新建一层来画。如果是要画彩色插图,头发图层分开画比较好。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0021_0002.jpg?sign=1739343213-96CBVlKKI5tkmFbkmsZm4CEA8nJu7A7l-0-6d909ece72640aa3434096beab22d5df)
17 人物和自行车都画完后,我们在线稿的图层之下新建一个图层填充上白色
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0021_0003.jpg?sign=1739343213-Huya6QsLjXxJ2jzTn50w43MgwH2oJ6Hx-0-4701f022020963a94efa48ba677520d4)
18 检查遗漏的小物件,把背包的扣子都补上。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0021_0004.jpg?sign=1739343213-fr5n1c9n3XJwhP4JerLEWtnHu1tS7LQd-0-26d55b95c97c433d020b3208962f31a2)
19 人物部分就描完了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0022_0001.jpg?sign=1739343213-MbfZ9JgxPEcFaxEzUHhDdE1DkddaYNMF-0-dbd77f7612b69fbfd3bd9715e5e1b12a)
20接下来开始画背景新建一个尺子图层,我们原先的设定是要用一点透视来画背景的,可是因为后期想要在护栏上加一些石柱,所以就要考虑一下用两点透视来画了。
把透视尺调整到满意的角度,画出石柱和栏杆的高度和宽度。
这里可以多画几条辅助线,以确定每个石柱的宽高能一致。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0022_0002.jpg?sign=1739343213-iePPg0damn2tB5nTaY47o3ExjqQBdPYK-0-840b2b1f758615d079f9aebaf25b61a2)
21 把辅助线擦掉,效果就可以看出来了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0022_0003.jpg?sign=1739343213-iNFjTiEVdAIsdvkkWvK1OQoS1hqDHJa3-0-c6680da45d55325935fe575360fd9332)
22 接下来把树干画好。这里可以直接使用笔刷工具中的树叶形状笔刷。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0022_0004.jpg?sign=1739343213-c9wogeGHheWAC58WnFoE0gZteswM78dG-0-c34bcc834fe94750a6ac767fd1cb75c2)
23 先大致地画好几片大叶。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0023_0001.jpg?sign=1739343213-0204SWfntujHWag3RNsrP5hDLnINPNXx-0-56c205ccba906c341a05a51d09dacf97)
24 框选树叶,然后右键单击它,在弹出的菜单中选择“登记图形”/“笔刷素材”选项。把树叶定义成笔刷,这样就可以直接用笔刷刷出浓密的树叶了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0023_0002.jpg?sign=1739343213-1RTlANY4pPoYnL3QJMlFWLmBLxHMQGDI-0-24c9fcba5129db390ef5ba7fe02b38b8)
25 用笔刷把树冠画好。注意这里可能有些叶片不一定能按照想要的方向摆放,这时候可以手动调整。上图就是完成的效果。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0023_0003.jpg?sign=1739343213-uLLWylfO4ZMRiqAaaSUfic1BWxtr50eY-0-b231f294c5a8ca5e75d39508388dfe94)
26 用同样的方法把第二棵树的树冠也画好,剩下的两棵我们可以偷懒了,把前面两棵树的树冠复制然后左右翻转一下,按照比例缩小贴到后面的树干上就完成了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0023_0004.jpg?sign=1739343213-zEK59qUsUIUW45bIbgUO7nCk3u5u0Waw-0-069fa18f41d01e896c852d7e8f4660fc)
27 远处的楼房,我们大致画一下就好了,因为是远景不需要刻画太细。同样,如果有很多建筑物的话,画好一簇再复制粘贴吧。然后在建筑物前面画上一些矮树丛。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0024_0001.jpg?sign=1739343213-s2jgRKFRV2wHS7Xql4KKVFvoR8JHBkpL-0-b3dbe45624e2cf8c09921ea5d112ae78)
28 最后为人物添上一副耳机。新建一个图层,打个草稿。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0024_0002.jpg?sign=1739343213-Dk487o7jFejiMEcpC3nARQJnB9yy7AXA-0-46cc9dec0c31f0230f629dfe8daea432)
29 描好线,这样线稿就描完了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0024_0003.jpg?sign=1739343213-GCgrjVNjRf3DSfvRQy4SuzweK48iOmBv-0-3b20c3a801e770f8f0002db4001be197)
30 我们看一下整体的效果,如果还有什么遗漏或者不是很好的地方可以进行修改。这样,一张线稿就完成了。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0024_0004.jpg?sign=1739343213-S5N0j3Uvu6E5aQ3pJRnbrBxtYG3KKjZ1-0-8dd954ef24a4e2e8f4dccc9d342256b5)
31 最后将画好的稿子导出成psd格式,这样就可以导入到IllustStudio、Photoshop或者Painter软件中进行上色了。
完成后的最终线稿如下图所示。
![](https://epubservercos.yuewen.com/60AA8A/11261863003040306/epubprivate/OEBPS/Images/figure_0025_0001.jpg?sign=1739343213-bwyXG8LvOuG87ez0HBT5Or4lOKadyP1q-0-f8bb2f929ee73787cb6f10df029d702e)