[我想说这是教程...] Flash+PS+鼠绘流水线CG炼成法 ← F.的歪门邪道

Χ 发表于 2005-2-3 23:28:56

本教程仅是少少经验，如果哪位CG大人不小心进来了……嗯请为您的时间着想- -b

另外半夜看这贴请有心理准备

简介：

可以用来画CG的软件很多，Painter、Open Canvas、Photoshop、SmoothDraw

可以用来画CG的硬件也很多，压感笔、扫描仪、鼠标、轨迹球(真的有人用这个么- -b)

然而对于鼠绘来说，这些软件都有一个问题：线条不好控制，这个问题长期困扰了鼠绘派(起码本人是)

私发现Flash之类的矢量绘图工具能较好地处理线条，以Flash为例，刷子工具可以用来画粗糙有变化的线条；曲线可以用来做平滑的线条；变形工具可以灵活地变换矢量贴图

这次的绘图过程是这样的：

1、在Flash中画线稿和填充区域

2、在PS中上色

3、用Flash配合PS做一些特殊效果(如头发、衣服的花纹)

4、在PS中做后期处理(略)

然后开始……

首先打开Flash(这里是 Flash MX 6.0 )，将磁铁和贴近网格的功能去掉

http://img.aptx4869.net/fftp/nevn/step00.jpg

然后使用直线工具打草稿

之所以用直线是因为直线很好操作，并且草稿不必怎么精细，嗯还有历史原因(喂……)

http://img.aptx4869.net/fftp/nevn/step01.jpg

http://img.aptx4869.net/fftp/nevn/step02.jpg

选中草稿，将线条的颜色改浅

http://img.aptx4869.net/fftp/nevn/step03.jpg

http://img.aptx4869.net/fftp/nevn/step04.jpg

然后新建一个图层来描线

http://img.aptx4869.net/fftp/nevn/step05.jpg

先将填充色设为黑色

http://img.aptx4869.net/fftp/nevn/step06.jpg

再用刷子工具http://img.aptx4869.net/fftp/nevn/tool2.gif来描线

用刷子的原因是画出来的线条会莫名其妙(!)地有变化

http://img.aptx4869.net/fftp/nevn/step07.jpg

配合撤销(Ctrl+Z)、橡皮(E)、刷子(B)完成描线

http://img.aptx4869.net/fftp/nevn/step08.jpg

删除草稿图层

http://img.aptx4869.net/fftp/nevn/step09.jpg

用橡皮把多余的地方擦去

http://img.aptx4869.net/fftp/nevn/step10.jpg

填色

http://img.aptx4869.net/fftp/nevn/step11.jpg

填色时最好设置封闭小空隙，所以在画线稿时就应该尽量不要留那么多开口的线，另外要注意有一些小地方可能不被填充，要放大了再填

http://img.aptx4869.net/fftp/nevn/step12.jpg

在线稿层下面建几个图层

http://img.aptx4869.net/fftp/nevn/step13.jpg

把刚刚填的色块转移到新建的图层

依次在线稿层点击色块→剪切→选定目标图层→粘贴到原位置

http://img.aptx4869.net/fftp/nevn/step14.jpg

http://img.aptx4869.net/fftp/nevn/step15.jpg

http://img.aptx4869.net/fftp/nevn/step16.jpg

http://img.aptx4869.net/fftp/nevn/step17.jpg

http://img.aptx4869.net/fftp/nevn/step18.jpg

在时间轴上将图层拉成四帧，准备导出

http://img.aptx4869.net/fftp/nevn/step19.jpg

为了在PS中能对齐，导出前还要做一件事，就是画一个宽度3像素(私人习惯值)的框

http://img.aptx4869.net/fftp/nevn/step20.jpg

发布影片，保存成png连续图片

png是个可以保存透明度的好东西~每个png文件将成为PS的一个图层，为了减少图层数加快速度，可以把几个不相邻的色块放在同一个图层

http://img.aptx4869.net/fftp/nevn/step21.jpg

http://img.aptx4869.net/fftp/nevn/step22.jpg

我没有改什么设置(连Flash都是新装的)，不过要是有什么不对就参考这里

http://img.aptx4869.net/fftp/nevn/step23.jpg

四个png文件……嗯下面启动PS

http://img.aptx4869.net/fftp/nevn/step24.jpg

在PS中新建一个文件；打开这四个文件，依次复制粘贴到上面，需要时改一下图层的位置

注意钩选锁定透明像素

http://img.aptx4869.net/fftp/nevn/step25.jpg

http://img.aptx4869.net/fftp/nevn/step26.jpg

哇哇哇最兴奋的事情开始了—上色

上色通常就是普通色→暗色→高光

使用刷子工具(可以设不透明度为50%)不断取色(Alt+左键)，上色

在这里提一下两个工具，加深工具http://img.aptx4869.net/fftp/nevn/tool3.gif和减淡工具http://img.aptx4869.net/fftp/nevn/tool4.gif

加深工具可以用来画暗色；减淡工具可以用来画高光，不过不好控制，我用它们来配合刷子工具

http://img.aptx4869.net/fftp/nevn/step27.jpg

http://img.aptx4869.net/fftp/nevn/step28.jpg

先粗略涂一下，再耐心地慢慢上色

http://img.aptx4869.net/fftp/nevn/step29.jpg

http://img.aptx4869.net/fftp/nevn/step30.jpg

上完色就是这样啦，如果你想知道更详细的上色方法，请参阅美术部以前的教程

http://img.aptx4869.net/fftp/nevn/step31.jpg

眼睛之类细小物品慢慢解决吧，这是个人喜好的地方所以请自行解决(飘)

http://img.aptx4869.net/fftp/nevn/step32.jpg

在衣服边上画一条纯色色带

http://img.aptx4869.net/fftp/nevn/step33.jpg

混合模式改为色相；不透明度改为 80%

这样就能弄出多种颜色的衣服啦

http://img.aptx4869.net/fftp/nevn/step34.jpg

下面开始做头发

首先把头发分成头前面和头后面的两部分(其实这个应该一开始就做的我错啦- -)

http://img.aptx4869.net/fftp/nevn/step35.jpg

然后保存为jpg文件，嗯让我们把目光转回flash...

在flash中新建文件，粘上那个jpg文件，然后新建图层沿着头发的走向画线

首先是暗色的黑线，先画直线，再拉成曲线

http://img.aptx4869.net/fftp/nevn/step36.jpg

http://img.aptx4869.net/fftp/nevn/step37.jpg

可以在多个图层中画，这样拉曲线不受干扰

http://img.aptx4869.net/fftp/nevn/step38.jpg

白线有两种，首先是亮色

http://img.aptx4869.net/fftp/nevn/step39.jpg

然后是高光

http://img.aptx4869.net/fftp/nevn/step40.jpg

这里有一些个人趣味(?)

http://img.aptx4869.net/fftp/nevn/step41.jpg

嗯我是在做花纹

http://img.aptx4869.net/fftp/nevn/step42.jpg

使用变形工具

http://img.aptx4869.net/fftp/nevn/step43.jpg

http://img.aptx4869.net/fftp/nevn/step44.jpg

http://img.aptx4869.net/fftp/nevn/step45.jpg

http://img.aptx4869.net/fftp/nevn/step46.jpg

这次要输出的png文件好像多了一点点- -b

http://img.aptx4869.net/fftp/nevn/step47.jpg

回到PS吧，耐心地粘上这些png文件，然后调整图层顺序

http://img.aptx4869.net/fftp/nevn/step48.jpg

头发做起来其实也很简单

双击图层，选用外发光效果，调整一下参数，这里的参数仅供参考：

      混合模式不透明度  扩展  大小  范围
高光    叠加(白)    100% 22% 65 81%
暗色颜色加深(黑) 75% 12% 13 73%
亮色    叠加(白)    100%    5% 10 90%

http://img.aptx4869.net/fftp/nevn/step49.jpg

用30%的橡皮把线头擦去

http://img.aptx4869.net/fftp/nevn/step50.jpg

头发的效果

http://img.aptx4869.net/fftp/nevn/step51.jpg

衣服的花纹也用类似的方法

http://img.aptx4869.net/fftp/nevn/step52.jpg

记得旁边一直有一个红框，这是要删去的

前期的制作基本上就是这样了~后期制作就看个人喜好

http://img.aptx4869.net/fftp/nevn/step53.jpg

成品：

背景越来越不知道在弄什么了默

http://img.aptx4869.net/fftp/nevn/nevn.jpg

takagi 发表于 2005-2-3 23:33:58

回复: [我想说这是教程...] FLash+PS+鼠绘流水线CG炼成法 ← F.的歪门邪道

写得很认真，辛苦了。

谁的马甲 发表于 2005-2-4 10:48:18

回复: [我想说这是教程...] Flash+PS+鼠绘流水线CG炼成法 ← F.的歪门邪道

我这人线稿第一呀||||||||||||

takagi 发表于 2005-2-4 12:14:53

回复: [我想说这是教程...] Flash+PS+鼠绘流水线CG炼成法 ← F.的歪门邪道

。。真教我回想起当年用CompactDraw刻矢量的璀璨场景

然F你完全可以把描线后全部工序都交给PS来耕耘……尤其做图层选区，直接在PS里做不是更省事
这样单独存png再合并的话，三四个图层尚可应付来，画面繁复一点就有的搞了
单是合图层做透明选区即可催人挠墙

思雪发表于 2005-2-4 17:10:41

回复: [我想说这是教程...] Flash+PS+鼠绘流水线CG炼成法 ← F.的歪门邪道

厉害~~~
好像变魔法哦
>///////////<

花想家 发表于 2005-2-4 17:52:50

回复: [我想说这是教程...] Flash+PS+鼠绘流水线CG炼成法 ← F.的歪门邪道

有一次因为需要矢量尝试了FLASH画= =
差点没死掉``

takagi 发表于 2005-2-4 19:08:55

回复: [我想说这是教程...] Flash+PS+鼠绘流水线CG炼成法 ← F.的歪门邪道

其实……CompactDraw的矢量才是王道啊啊啊！！花要不要尝试用一下（伺机推销）

Χ 发表于 2005-2-4 23:49:38

回复: [我想说这是教程...] Flash+PS+鼠绘流水线CG炼成法 ← F.的歪门邪道

今天好有学术氛围- -b

老实说PS我不熟，在PS中填色我也试过，主要是PS没有“封闭小空隙”的功能

flash的矢量绘图真的很人性化……

takagi 发表于 2005-2-4 23:54:18

回复: [我想说这是教程...] Flash+PS+鼠绘流水线CG炼成法 ← F.的歪门邪道

用实心笔刷直接在色层上补充细节就很好用再搭配实心橡皮擦
多小的空隙都不成问题

一言以蔽之，魔棒选区在哪儿都不是万能的

Χ 发表于 2005-2-5 00:04:19

回复: [我想说这是教程...] Flash+PS+鼠绘流水线CG炼成法 ← F.的歪门邪道

主要问题是找出空隙在哪，对于大片的区域我要用填充色分成几个区再慢慢填充

页: [1]

名侦探柯南事务所's Archiver