找回密码
 注册

新浪微博登陆

只需一步, 快速开始

QQ登录

只需一步,快速开始

快捷导航
事务所专题-柯南20周年纪念事件簿
搜索
查看: 1086|回复: 9

[我想说这是教程...] 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 ),将磁铁和贴近网格的功能去掉



然后使用直线工具打草稿

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





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





然后新建一个图层来描线



先将填充色设为黑色



再用刷子工具来描线

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



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



删除草稿图层



用橡皮把多余的地方擦去



填色



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



在线稿层下面建几个图层



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

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











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



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



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

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





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



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



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

注意钩选 锁定透明像素





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

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

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

在这里提一下两个工具,加深工具和减淡工具

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





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





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



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



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



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

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



下面开始做头发

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



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

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

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





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



白线有两种,首先是亮色



然后是高光



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



嗯我是在做花纹



使用变形工具









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



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



头发做起来其实也很简单

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

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



用30%的橡皮把线头擦去



头发的效果



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



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

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





成品:

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

最后的银色子弹

发表于 2005-2-3 23:33:58 | 显示全部楼层

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

写得很认真,辛苦了。
回复 喝彩 无视

使用道具 举报

版主

发表于 2005-2-4 10:48:18 | 显示全部楼层

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

我这人线稿第一呀||||||||||||
回复 喝彩 无视

使用道具 举报

最后的银色子弹

发表于 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画= =
差点没死掉``
回复 喝彩 无视

使用道具 举报

最后的银色子弹

发表于 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的矢量绘图真的很人性化……
回复 喝彩 无视

使用道具 举报

最后的银色子弹

发表于 2005-2-4 23:54:18 | 显示全部楼层

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

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

一言以蔽之,魔棒选区在哪儿都不是万能的
回复 喝彩 无视

使用道具 举报

杯户小学生

 楼主| 发表于 2005-2-5 00:04:19 | 显示全部楼层

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

主要问题是找出空隙在哪,对于大片的区域我要用填充色分成几个区再慢慢填充
回复 喝彩 无视

使用道具 举报

您需要登录后才可以回帖 登录 | 注册 新浪微博登陆

本版积分规则

Archiver|手机版|小黑屋|名侦探柯南事务所 ( 沪ICP备05038770号 )

GMT+8, 2025-2-1 03:06 , Processed in 0.081402 second(s), 16 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表