dvbbs
收藏本页
联系我们
论坛帮助
dvbbs

堕落街论坛休闲之乐天下美图 → CG教程:


  共有114人关注过本帖树形打印

主题:CG教程:

美女呀,离线,留言给我吧!
数到三就不哭
  1楼 个性首页 | 博客 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 元老 名人堂成员
等级:博一 主题:1164 精华:1 贴子:10002 排名:1168 威望:78 排名:8 注册:2003/8/20 1:22:00 近访:2009/10/20 22:37:59
CG教程:  发贴心情 Post By:2004/6/2 4:15:00

线稿的制作方法

一、最基本的勾线处理

  画一张原稿,然后扫描进电脑。   扫描的设定可以定为灰阶,如果你没有用兰色铅笔打稿的话。   当然分辨率可以说是越高越好,这样可以保留更多的细节。但是对于我们这些业余人士通常300dpi也足够了。   然后处理一下大小,之后大概就象左边的作品一样。 如果你象我的话,大概你的稿件上应该会有或明或暗的铅笔痕(图中箭头指着的地方)。 对想把CG画得象水彩稿一样的玩家,这影响也许不是很大。但对于我这种想把整幅CG做成充满质感的人, 问题可就大了一点。 况且在最后合成时也非常不方便,所以我们要把部分灰线剔除掉,只留下黑色的实线。

Tips

  其实原理很简单,一点就明。

  先确认颜色选项如左图所示,如果不是的话请按一下<D>。 这样你就把当前的前景色定为纯黑了。   然后选菜单栏上的 Select ,跟着选择 Color Range...   之后你会进到一个如 Step 3 所示的窗口。

Tips

  这一步没有什么技巧。(没有技巧就不用说了嘛……)

左图是一比一的图啦,可能会大一点 (对于Ling等800x600的穷用户来说)

Fuzziness 选为 200 以最精确的效果选择黑色部分,这样可以很有效地剔除非黑色的部分。

Invert(反转)不用选 要不你就会选择了白色部分了

在预览的窗口下选 Selection 这样可以看出你选择了哪些部分(白色是选择区,黑色是非选择区

最后在 Selection Preview (选择区预览)中选 Quick Mask 这样你就可以在实图中看到你选择的地方了

Tips   如果你的 Quick Mask 选项和我一样:就是用半透明红色显示选择区

  你就会看到你的人物的黑色部分有一层淡红色覆盖着。那些淡红色就是选择区 Selections(如右图)

  现在你应该还可以清楚地看到那些不干净地铅笔痕

  好了,到这里就差不多搞定了。   新建一个新图层,将其命名为 Mask(当然这个名字是随你了)   然后选择菜单栏上的 Edit(编辑) , 然后再点 Fill...(填充)。   填充颜色选择 Black(纯黑)   OK! 搞定了!按 <Ctrl> + <D> 将选择区去掉吧。   然后将除 Mask 外的其他层的 显示(就是Layer前面的眼睛图形) 关闭,就能看到这样一个只有黑线的一个层。

Tips

  Fill(填充)的颜色随你,不过Ling在这里只是教你用黑色的而已。   如果你想Cool一点的话,可以到时再加一层反白。^_^

完成后的图层结构如右图   其中的 Background 是原稿, Mask 是黑线层   这里解释一下为什么还要加上一个纯白的 white bg 层,这完全是工作方便的需要。 你不觉得有那些格子在不容易看出哪里上了什么颜色吗?(把它们关掉有时也不太方便)

Tips

  这里没有显示出来的,其实Ling在实际工作时还喜欢再加一个 blue bg   顾名思义,就是一个纯蓝的层。说是纯蓝,其实比纯蓝更深,大概就就象右图的选择的那种颜色。   如果说 white bg 是用来观察比较深的颜色的上色情况,那 blue bg 就是用来观察比较浅的颜色的上色情况。 比如说肤色,女孩子的肤色通常都很浅的, 而纯白和肤色的差别不是很大,很难观察得出哪里有涂哪里没有涂,这时就要把 blue bg 打开,看看哪些地方有漏洞。



0 支持(0中立(0反对(0回到顶部
美女呀,离线,留言给我吧!
数到三就不哭
  2楼 个性首页 | 博客 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 元老 名人堂成员
等级:博一 主题:1164 精华:1 贴子:10002 排名:1168 威望:78 排名:8 注册:2003/8/20 1:22:00 近访:2009/10/20 22:37:59
二、全面介绍一张CG的形成过程  发贴心情 Post By:2004/6/2 4:16:00

  

  首先画来一张原稿,然后用 G - PEN 勾线,当然这些都是在纸上完成的。   完成后把一些多余的铅笔痕擦掉。 Tips   打稿最好用水溶性的兰色铅笔,如果你能找到的话。   能找到 G- PEN 的话尽量找,因为笔压可以稍大,且画得非常流畅。

  然后当然是扫描了。用什么样的扫描仪随你,因为灰度扫描都是差不多的。不过如果你是用兰色铅笔打稿,就可以用彩色扫描。之后的事,就很好办了。   勾线,其实右图已经是经过勾线的处理了。具体方法请见“一”   具体在擦掉一些多余的线条,比如最左边的铁丝网。

Tips

  勾线的值视你的画面而定,一般来说200是最好了。

  用电脑修饰一下笔迹之类,比如改一改不直的线条等等。还可以进行一些大范围的加工。比如左图,那些铁丝网就是用Sample着色而成,然后用 Free Tran**orm 之类改动一下形状和大小。

Tips

  相信也好,不服也好,电脑画的比你自己描的要准N倍。多多利用电脑的对位功能。

处理完线条之后就可以上色看看了。由于这幅画设定的时间是黄昏(看看影子)。所以全部用了偏黄的色调。   在上色初期先平实的上基本色,光影暂时之类不用考虑。   (天空是我多手用 Cloud 弄的,再在左边做局部的曝光处理)

Tips

  多分层,反正不会影响文件大小的。   尽量把画面中每个元素独立一层,这样要做什么改动都很方便。比如右图,大概分了17层,基本涵盖了要做独立修改的层面。



0 支持(0中立(0反对(0回到顶部
美女呀,离线,留言给我吧!
数到三就不哭
  3楼 个性首页 | 博客 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 元老 名人堂成员
等级:博一 主题:1164 精华:1 贴子:10002 排名:1168 威望:78 排名:8 注册:2003/8/20 1:22:00 近访:2009/10/20 22:37:59
三、PATH的圆滑线条处理  发贴心情 Post By:2004/6/2 4:18:00

  打开一张新的PSD   可以看见这已经是一张做过勾线处理的画   现在我们就从这里开始

Tips

  一定要先做勾线哦! 如果你没有做勾线处理的话, 那请先用 Color Range 之类把要做圆滑处理的线条勾勒出来

  做一个新层,如图中的 Layer 2

  按下 <Ctrl> 的同时用鼠标点击 Layer 1   也就是你要做圆滑处理的线条   选择之后就如右图那样

Tips

  这就是为什么说一定要做勾线处理的原因, 这样的话选择线条就比较简单了

  OK, 现在去到 Paths 面板   可以直接点左图下方的按钮直接做一个路径   或者按右上方的三角形按钮, 在出现的菜单中选 Make Work Path...

  按下 Make Work Path... 之后, 会弹出这样一个窗口   你可以在 Tolerance 里调节参数, 以决定取样的大小

Tips

  如果你找不到 Paths 面板, 可以在菜单栏中的 Window 下的 Show Paths 打开

  之后的事就交给电脑了

  在新的 Paths 做好之后, 按 Paths 面板左下角的 有黑色圆形的按钮 Fills Path with Foreground Color   在 Layer 2前景色来填充Path部分

  下面是经过处理的对比图

这是未经处理前的原图

Tolerance = 0.5 时的圆滑效果

Tolerance = 1 时的圆滑效果

Tips

  我想你应该也发现了吧?太大的圆滑程度会使线条造成一些额外的损失   所以,你当初的扫描精度越高,在经过圆滑处理之后就能保留更多的细节而又能取得更圆滑的线条

  而且 Tolerance参数 的设定也应该按照你实际的需要来定   一般说来,300dpi的扫描图用 0.5~1 也差不多了

应该说这种方法的效果是见仁见智的 如果你觉得有用的话,不妨一试


0 支持(0中立(0反对(0回到顶部
美女呀,离线,留言给我吧!
数到三就不哭
  4楼 个性首页 | 博客 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 元老 名人堂成员
等级:博一 主题:1164 精华:1 贴子:10002 排名:1168 威望:78 排名:8 注册:2003/8/20 1:22:00 近访:2009/10/20 22:37:59
四、CG上色全功略!(Photoshop + Painter)  发贴心情 Post By:2004/6/2 4:21:00

扫描一张新画,处理一下,除掉一些不干净的地方

然后当然是做好勾线了

  好啦,现在将画面转换成RGB顔色模式

  这一步主要是为了下一步的顔色处理,当然如果你扫描画稿是就是用彩色模式的画,這一步当然就免了

  打开 Preserver Transparency (保留空白)   然后将顔色的线条改成相应的顔色   搞好后存成一个TIF文件

Tip

  这一步其实是为后面做准备的,要不然纯黑的线条是挺难看的(我觉得)   另外TIF的格式通常來說不会失真,所以才用它了,当然你用別的也沒有关系

  現在打开Painter吧,打开剛才的那个TIF文件。   快快乐乐地上色吧!   以Painter的功能,你乱画都会有很好的效果的啦 ^^

Tip

  Painter和Photoshop的处理方式很不同,大家要慢慢适应哦~~   上色粗糙点沒有所谓。   人物最外围有点出界也沒有问题啦,后面可以改掉的

  画好了么?那就继续存成TIF吧   回到Photoshop,将在Painter中处理过的画面Load回來。   然后把刚才画的多余的東西刪掉吧~~

Tip

  所以我說画粗糙一点沒有所謂嘛

  然后的事就简单啦,用Photoshop进行一下后期处理吧~~   图层结构如右图,其实很简单的啦,我随便做做而已   那這就完成啦,大家自己多实践吧!

Tip

  Photoshop我想大家都很熟悉,所以就不多說了



0 支持(0中立(0反对(0回到顶部
美女呀,离线,留言给我吧!
数到三就不哭
  5楼 个性首页 | 博客 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 元老 名人堂成员
等级:博一 主题:1164 精华:1 贴子:10002 排名:1168 威望:78 排名:8 注册:2003/8/20 1:22:00 近访:2009/10/20 22:37:59
线稿的制作方法(椎名 优的CG制作教学翻译版)  发贴心情 Post By:2004/6/2 4:26:00

一:

自己画出底稿 (相当重要)

绘制的时候要好好思考,考虑人物的性格,大环境等等, 这样一个人物才会显得饱满。

嗯...感觉还不错

二:

小心地勾上墨线

比较专业的文具店都可以买到的漫画用材料就是不错的选择。 使用漫画墨水通过漫画笔尖勾墨线。

还不错~

*上墨线的时候可以使用拷贝箱,这样就不会有讨厌的铅笔印了。 但是...那个东西不便宜(^^;)
三:

把线稿输入电脑

完成的线稿就可以使用扫描仪输入电脑。 一般来说用200dpi的解析度就足够了。 (工作的时候用300dpi)

解析度如果用得太少,会在曲线上出现断片,这对我们的画没有好处。 一般来说,印刷用的解析度是300-450dpi。 (所以,家庭的话200dpi就足够了)
四:

去掉纸上的污点,决定构图

扫描后的线稿多多少少都会有污点,对于工作是 很不利的,所以我们来除掉它。

Adobe Photoshop 5.02  使用

图像 → 调整 → 亮度/对比度 (sleepd注:椎名优老师使用的是MAC版的photoshop,所以在界面上有一点区别)

画面变亮后污点都除去了。

现在按照预先构思的草图, 来截取需要的大小。

左右切去了一些,上方的空白增加了一些。


0 支持(0中立(0反对(0回到顶部
美女呀,离线,留言给我吧!
数到三就不哭
  6楼 个性首页 | 博客 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 元老 名人堂成员
等级:博一 主题:1164 精华:1 贴子:10002 排名:1168 威望:78 排名:8 注册:2003/8/20 1:22:00 近访:2009/10/20 22:37:59
  发贴心情 Post By:2004/6/2 4:28:00

五:

线稿的保护

现在我们对线稿进行一些处理,确保在上色的时候 颜色不会把线稿盖掉。

直接上色的话就会出现这样的情况。

下面我们就来对线稿进行处理。

方法1.使用"正片叠底"模式

-1-

刚扫描的线稿还是灰度模式,我们把它转变过来。 图像 → 模式 → RGB颜色 变化。

-2-

首先我们要把线稿放到最上面。所以需要新开图层。

复制背景。

现在前期工作就做好了。

-3-

把背景涂白,线稿层模式改为"正片叠底"。

先把背景涂白(使用油漆桶)...

把线稿部分图层模式改为"正片叠底"

-4-

现在在背景上上色就OK~

无论在背景层上如何上色都不会 破坏线稿了~

接下来介绍另外一个方法...
六:

线稿的保护 方法2.制作线稿层

では、今度はおいらが普段やっているやり方です。

まず作業を始める前に、Adobe PhotoshopのCDROMの中にある Luminosity->Opacityというファイルをプラグインフォルダに コピーして入れて下さい。

Adobe PhotoshopのCDROM ↓ その他のファイル ↓ プラグイン(オプション) ↓ Filter Factory ↓ Filter Factory Examples ↓ Transparency Suite Examples ↓ Luminosity->Opacity

↑ これをハードディスクにインストールしてある Adobe Photoshopのプラグインフォルダに入れて下さい。

これでこのファイルの機能がPhotoshopの フィルタで使うことができます。 *プラグインに新しくファイルを追加したら Photoshopは立ち上げ直して下さい。

さてそれではまず、乗算レイヤーの時の「-2-」まで 同じように作業を進めてください。

-1-

次に背景は白く塗りつぶしておきましょう。

背景の部分を白く塗りつぶしま~す

-2-

線画のレイヤーを選び フィルターでLuminosity->Opacityを適応します。

フィルター → Transparency → Luminosity->Opacity

すると画面の白い部分をすべて抜きにしてくれます。 これで、あとはレイヤーの透明部分の保護をチェックすれば、 どんな色でもおくことができます。

このとおり線画の部分だけ残して他を抜きにしてくれます。 *ただしこのフィルターはRGBモードでしか使用できず、 白黒にしか抜くことができません。

あとはお好みの色に変えてみてください。(^^)

(sleepd注:椎名优老师这里讲的是使用一种叫做Luminosity->Opacity的 滤镜把白色的部分删除的方法。由于在下没有这个东西(好像是在 photoshop里面附的),所以这里就不翻译了。)



0 支持(0中立(0反对(0回到顶部
美女呀,离线,留言给我吧!
数到三就不哭
  7楼 个性首页 | 博客 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 元老 名人堂成员
等级:博一 主题:1164 精华:1 贴子:10002 排名:1168 威望:78 排名:8 注册:2003/8/20 1:22:00 近访:2009/10/20 22:37:59
  发贴心情 Post By:2004/6/2 4:31:00

再可以上色了.........有时间再来发....


0 支持(0中立(0反对(0回到顶部
美女呀,离线,留言给我吧!
慧宝。
  8楼 个性首页 | 博客 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 动漫贡献水王音乐优秀版主元老 名人堂成员
等级:宝宝 主题:1816 精华:8 贴子:23716 排名:55 威望:154 排名:1 注册:2004/1/17 22:36:00 近访:2025/12/3 10:20:10
  发贴心情 Post By:2004/6/2 10:26:00

专业的东西很难懂也````````````````````我就是学不会,太笨了啊



欢迎收听多乐之声:radio.dolod.net

全力打造多乐校园自己的网络电台!

多乐点歌台:欢迎同学们点播喜欢的歌曲

多乐炫歌坊:用年轻的声音推荐最酷最炫的音乐

多乐故事会:讲述一个个青春故事

多乐音乐街:聆听歌者背后的故事

0 支持(0中立(0反对(0回到顶部