- ·上一篇教程:FLASH动画 命令大集合
- ·下一篇教程:Flash MX制作简单的情景动画
FLASH MX制作动画卡通人物
好,进入正题,先看看整个制作流程:起草(手绘-扫描或压感笔绘制)-PHOTOSHOP处理线稿-在FLASH中对各部位填色-组合成动画,加入ACTION-插入网页。
1.用铅笔在A4纸张上绘制出草图,人物尺寸略大些,线条粗糙一些无所谓,将线条画得粗重,明显一些,方便下一步的钢笔描摹。
2.用一张新纸在草稿基础上重新描出轮廓线。黑钢笔勾一遍就行了,不需要任何阴影与装饰,头发也如此,不必填墨(其实眼珠也如此...)。完成后扫描到计算机里,DPI尽量大一些(我采用的是500,灰度)。如下图:

PS:如果用压感笔,在PAINTER中用钢笔工具,效果是很好的。
3.在PHOTOSHOP中打开图像,RGB模式或灰度模式都行。调节亮度/对比度至合适的值,去掉灰点(因为图片较大,速度可能会慢一点)。

洗心革面,干净多了:)

除了线稿,空白处的RGB值应该都是255。
4.把线条提取出来,另建一层。可以通过channel选择,或者用“select-color range”选中白色部分,再Ctrl+Shift+I反选(如果图片很白的话,这种方式更好些)。新建图层,Ctrl+V。

5.现在可以删除背景层,转为RGB模式了。再转为Index模式(@#$$^^)...记住要保留透明层属性(下图)。另存为GIF图片。

6.赶快把PHOTOSHOP关掉!!开的窗口太多,搞得机器半死不活了:(
7.在FLASH中新建文件。Ctrl+R导入GIF图:

比较大...先不进行缩放。选择Modify-trace Bitmap,将位图打散成矢量图。

PS: Color指颜色的容差值(从0-500),略选大点。Minimum Area指包含的像素范围。可以按PHOTOSHOP中魔术棒的参数来理解。如果我理解有误,那就是...贻误网友了。
说了这么多,总算转换完了...如果是彩图,还得多写几行PS:)

效果还好。PS:如果毛刺很明显,最好重新打散一遍,把值再调大些。
8.下面修饰一下看起来突兀的线条,这样既能圆滑线条,又可以减少文件大小。全选-Modify-Optimize,将节点优化,让整幅图先减下肥。然后选中要局部修改的线段,点击Smooth,多点几次,满意就松手!
平滑多了!
把其他不满意的地方也修改过来。
9.按Ctrl+G将所有线条群组(这样可以避免移动时不能全部选中),将图像缩小至合适大小。

虽然理论上矢量绘图软件图形的缩放不会影响形状的变化,但实际运用中,缩小后的图形将忽略一些细节,因此字节数也会小得多!
10.因为最终作出的效果是带有一定动画效果的,所以要将图片进行分层处理。用套索工具将头部圈起来,剪切后另存在一层中。
继续--双手各一层,躯体一层,眼睛一层...注意选取时边界的光滑就行了,尽量不产生多余的节点。action是一层空的,专门建关键帧,存放行为动作的。
11.开始上色了。一般情况下,用到的主要是填充工具。上色的过程大同小异,所以这里只列出重要的几项。因为填充工具对颜色封闭范围有要求,在填充前,须进行设置:
若开口较大则用线将其封闭:
头发可使用渐变工具做出光泽效果,当然没有手绘的逼真,不过颜色有规律,做出来文件小,适用于网络。
先设置填充渐变值(圆形),填入头发部分:

在填充工具
被选择时,下面会有填充变形(Transform Fill)工具
,它可以修改渐变的形状,大小,位置等值。选择该工具后,鼠标就这样了: ![]()
在头发渐变色块未被选择的情况下,用鼠标点击渐变色块。这时会出现如图所示的控制区:

将中间的小圆点移动,改变渐变色的中心位置,再适当调整大小到你满意的感觉。
眼睛也是用的渐变色,加上黑色的瞳孔和高光,呵,还有点深邃感。在对方的眼睛里,看到的原本是自己啊...

加个复活节彩蛋。
其它部位也以色块填充。先上基本色,再加上阴影,都在一层就行了。上完大体颜色后,可以用节点工具进行局部微调:

效果就是这样了:

最后加入帧动画以及ACTION:

动作设计是这样的:眼睛按时间闪动,当鼠标移上娃娃的手时,手上下移动,同时脑袋也歪一歪。
眼睛很好做,增加一帧闭眼的动画:
按时变幻。
为了让手能上下活动,在不同帧加上透明按钮,并为按钮赋予动作:
|

|
到这里,基本算完成了,整个文件10K左右,身材还算精巧。

