CG入门篇
何谓CG
CG既是Computer Graphic的缩写,即电脑绘图。因此,CG的范围给常广阔,从普通的图片、gif动画到flash,其实都可以称为CG。
在这里,Hana主要为大家介绍的是利用photoshop等软件制作以漫画为主体的图片。
美术基础
想要制作一张漂亮的CG,美术功底到底有多重要呢?
一定的美术基础对创作表现是有帮助的,但制作一张漂亮的CG,Hana认为,其实个人的想象力和创造力才是最重要的,只要有了好的构思,电脑帮助你弥补你美功上的不足。
技术还是艺术
制作一张好的CG,艺术灵感占了很大的比例。电脑并不能为你提供灵感,而灵感多数来自于个人平日生活中一点一滴。没有好的想法和艺术底蕴,就不能诞生一幅优秀的作品!技术是为了更好地表达自己的想法,是用来创作的技巧。技术固然重要,但它最根本地是服务于创作。优秀的技术是为了让作品更精致,跟耐看,更值得推敲。所以,这两者是相辅相成的。
新手建议
如果你是一个CG新手,或者你想加入创作CG的队伍,Hana建议各位多朵借鉴优秀的作品,细心留意平日生活中的一点一滴、美好事物,并且大胆去尝试创作,正所谓熟能生巧!Hana祝大家能拥有一份快乐的心情去感受,去创作。
CG之制作流程篇
在开始之前,Hana来简单介绍一下制作一张CG的基本流程:
首先是画图,当然是用笔、纸来画拉,Hana可没有手写板,555,再说,手画的更好看些嘛^O^ 画图的时候,Hana一般都是用铅笔,反正最后要用photoshop来处理,只要线条清晰就ok了。但是如果你喜欢,也可以用钢笔啊,圆珠笔阿(我想是没问题的,没试过:P 别打我啊) 你也可以和Hana一样,先画一张草图,然后在玻璃(窗户)上印一遍画下来,这样可以有很好的效果哦!
画好之后,当然是扫描到电脑里了^-^ (你也可以像Hana一样偷懒,用数码相机照下来,再输入电脑,不过这样出来的效果很差,除非你的CG不需要很好的线条,主要以颜色为主,可以试一下,否则不要像Hana这么懒拉,天将降大任于斯人也,必先苦其心志、劳其筋骨阿!)扫描的时候,选择300px即可,清晰度不必太高,不过这都是依据个人的偏好,你大可多试几次)但要切记,要用灰度扫描哦,因为黑白的破坏力太大了,扫描出来的效果会失真的。
当片片输入到电脑里之后,你就要利用photoshop之类的绘图工具来修改,线条处理、描线、上色、制作出阴影等效果、这样就完成了。(说得好象很简单-_-""")至于这些东东呢,就是Hana要在下面的教程中要讲的了。
好了,废话一大堆,希望你们能够明白偶的话拉,如果不能――可以来问我啊,欢迎欢迎!

CG教学之勾线篇
在上一篇教学中我们讲到,做一张CG,首先要画图、扫描,之后就是靠电脑来处理了。而电脑处理的第一步,就是勾线。
为什么要勾线呢?或许你会有这样的疑问把。勾线就是指把图片中的线条提取出来,单独放在一层,即是说,这一层上只有线条,而图片中原来的白色部分是透明的。这样做使后面的上色及其其他处理步骤方便很多。
好,让我们来看看怎样勾线把:如图所示,左图是刚扫描出来的图片,(当然是缩小图),因为Hana用的是灰度扫描,所以图片中的白色部分也是浅灰色的。
为了把线条成功的提取出来,我们必须用photoshop对图片进行处理,使之黑白分明一些,然后提取图片中的黑色部分。
1. 我们用photoshop打开图片,选择:Image → Levels,调整level可看出图片的深浅变化,尽量使线条颜色深,底色浅。修改后如图所示。
p.s.如不满意改变后的效果,可按Ctrl+Z撤销上一步。

2. 选择图中所有黑色部分。
将调色框内的颜色选择成黑色,(Tip: 或按D键,即可使调色框内的颜色变为黑色,底色为白色)。
选择Select → Color range (选择 → 颜色选择)即选中图片内的所有黑色部分。将Fuzziness选为最大200,在预览中选择为Quick Mask,即可看到选中部分被一层淡淡的红色覆盖。(如图所示)
点击ok,即可看到图片上选中的部分(即线条)被虚线包围。
Tips: 在这一步,你也可以选择图中所有的白色,然后反选,效果有时候会更好!

3. 将选中部分填充颜色。
选择Image → Mode → RGB Color,将图片从灰度改为RGB色彩格式,(这样才能画彩色的阿,不要忘记了我们使用的是灰度扫描)。选择一个你喜欢的颜色(来填充线条),一般为黑色、咖啡色之类,当然,还要看你想要什么样的效果了。新建一层,并选中此层,(即该层呈high light状态),然后选择Edit → Fill,即可在这一层上填充出线条了。隐藏原图(点击原图background层的眼睛)便可以看出刚刚填充出来的效果,如图所示,没有颜色的地方为透明,即方格状显示。你也可以将原图层删去,因为这一层将不会再被用到。
为了方便做图,可以再新建一层,用鼠标拖动该层到线条层的下面,然后用白色,或其他你喜欢的颜色填充,然后起名为background。(Hana建议大家为每一层都起名,这样才不会弄混淆)
到这里勾线就完成了,你的图片现在应该有一个线条层和一个背景层。这时,如果需要,你可以对线条进行处理,例如用橡皮擦擦去不想要的线条,或者用加深工具将必要部分颜色加深等。

CG教学之上色篇
用电脑上色最大的好处就是可以随时保存和撤销,这比手工上色要方便得多,而且,随着我们对photoshop等软件运用的熟练度的增加,做出的效果会越来越好。当然,如果你手工上色能做得很好,你一定也会发现电脑上色易如反掌,因为我在这里只能教你如何用photoshop给图片上色,却不能告诉你上什么颜色,配什么花边,如果想要把图片做得漂亮,基本的美术知识还是不可缺少的。
如果这里是你的弱项,Hana建议你多多观察、临摹别人的作品。
现在我来续刚才那副图来说说如何上色:
首先是上基本的颜色。左图为此步骤的完成图
在这里,如果你的画图时线条都连接起来(即没有空隙),你可以使用魔术棒来选择区域上色,(记住在use all layers里面打勾)这样会很省时间。当然,如果你的线条没有连接起来,你也可以用刷子(brush)一笔一笔的画,也许效果会更好。
上色的时候注意要记得分层,例如头发一层,皮肤一层,衣服一层等,这样方便修改和后面的细节处理。

CG教学之上色篇
基本的底色上完之后,就是一些细节的处理了,这幅图的细节处理主要包括:
1. 花的上色
如右图所示,我在这里使用的是从粉红到白色的渐变工具来填充花瓣。

2. 衣服和枕头的花纹
这里选用了不同的画笔笔头来画,这些笔头可以在网上下载,会有很多不错效果哦~

3. 眼睛的上色
眼睛是心灵的窗口,嗯,它的上色真得很重要,所以要仔细!建议你在不同的层里大胆尝试几种不同的颜色和效果,然后选择最好的一个。

4.阴影,高光
这就是最后的处理了,完成图如左图所示,呵呵,因为这幅图是早期风格,与现在的画风截然不同,现在看来画得挺丑的~ 大家见谅啦!
最后,希望我这篇教程对大家学习CG有所帮助,如果你画出了漂亮的作品,记得要给Hana看看哦~
加油! p(^o^)q
提问,为什么你的ps是粉红色的啊?
于 2005-03-09 02:06, qingqinglinde 写:
提问,为什么你的ps是粉红色的啊?
因为我的windows 显示设置选的是粉红色的阿
于 2005-03-09 02:09, hana 写:
于 2005-03-09 02:06, qingqinglinde 写:
提问,为什么你的ps是粉红色的啊?
因为我的windows 显示设置选的是粉红色的阿![]()
![]()
酱紫啊。。。。。
好复杂啊~~看了半天还是看不懂~~还是要UNDER姐姐来教我好了~完了~在HANA的里面说UNDER~是不是太表露我的心了~~
哈哈~~
我也想说姐姐的ps真好看啊
画得也很好看。
不过我没有扫描的= =所以就直接涂线稿的
于 2005-03-09 04:28, Subaru_aya 写:
我也想说姐姐的ps真好看啊![]()
画得也很好看。
不过我没有扫描的= =所以就直接涂线稿的
呵呵,我现在都是用dc照下来的拉~~
其实现在的画法跟写这篇教程的时候完全不一样了阿,有空我来写篇新的吧
于 2005-03-09 05:47, hana 写:
于 2005-03-09 04:28, Subaru_aya 写:
我也想说姐姐的ps真好看啊![]()
画得也很好看。
不过我没有扫描的= =所以就直接涂线稿的
呵呵,我现在都是用dc照下来的拉~~
其实现在的画法跟写这篇教程的时候完全不一样了阿,有空我来写篇新的吧![]()
![]()
![]()
期待啊期待啊~~~~
于 2005-03-09 05:55, Subaru_aya 写:
于 2005-03-09 05:47, hana 写:
于 2005-03-09 04:28, Subaru_aya 写:
我也想说姐姐的ps真好看啊![]()
画得也很好看。
不过我没有扫描的= =所以就直接涂线稿的
呵呵,我现在都是用dc照下来的拉~~
其实现在的画法跟写这篇教程的时候完全不一样了阿,有空我来写篇新的吧![]()
![]()
![]()
期待啊期待啊~~~~![]()
嘿嘿,最近好像给自己制造了很多任务的说
都不知道什么时候才能兑现呢
研究了半天还是没弄懂
于 2005-03-11 00:58, carolhe 写:
研究了半天还是没弄懂![]()
哪里不懂?不会是全部都不懂把…………