用FLASH制作汉字笔顺动画
制作汉字书写笔画顺序的多媒体课件,如果使用传统的GIF动画软件,制作起来并不困难,但缺点是需要逐帧制作大量图片,生成的文件体积庞大,播放效果较差。而Flash动画创作灵活高效,生成的文件体积小、质量好,因此最好使用Flash软件来创作。创作思路为:利用Flash软件的遮罩功能,在被遮罩层中呈现汉字的形体,而在遮罩层中则按汉字笔顺用颜块逐步遮挡下层汉字的笔画,这样播放后即可产生汉字按笔顺书写的效果。考虑到汉字笔画有弯曲、转折、粘连、交叉,粗细不一,书写顺序多样,如先中间后两边、先里面后封口等。所以在遮罩层中一般不适宜使用“动作补间”,而需进行“逐帧”制作。
制作过程
下面以在“米字格”中书写“永”字为例,说明创作的过程和方法:
1. 建立文档。运行Flash MX Professional 2004中文版,新建一个Flas档。
2. 制作背景层。“米字格”在汉字书写过程中自始至终都要呈现,故可以将其放在最下层作为背景。操作如下:图层1改名为“米字格”;用“矩形工具”画一个适当大小的正方形外
框,打开“对齐”面板,在其中设置正方形外框为“相对于舞台”、“水平中齐”和“垂直中齐”,使其居于舞台中央;用“直线工具”在正方形上方(或下方)画一条与上边(或底边)平行等长的直线,全选图形后,在“对齐”面板中单击“垂直中齐”;再在正方形左侧(或右侧)画一条与左边(或右边)平行等长的垂线,再一次全选图形后,在“对齐”面板中单击“水平中齐”。这样即画出一个标准的“田字格”;沿正方形对角分别画两条直线,使图形变成“米字格”;利用“属性”面板设置好线条的颜、形状、粗细。如图1所示;在时间轴第70帧“插入帧”,用以延长“米字格”显示的时间,然后把本图层锁定。
3. 创建元件。插入一个名为“永字”的图形元件,用“文本工具”输入“永”字,设置好属性。本例为“静态文本”、“楷体”、“96号”、“黑”、“粗体”。
4. 制作“轮廓”图层。操作如下:返回至场景,新增一个图层,命名为“轮廓”;打开“库”,把“永字”元件拖入舞台并使其居中,打开“变形”面板,在其中设置“永”字按“约束”比例放大至适合“米字格”大小,记住其比例数值;用“修改→分离”命令把“永”字打散成图形物件;选择“墨水瓶工具”,设置好笔触颜、线型、线宽(要粗些),拖动墨水瓶光标至文字笔画边缘单击,为笔画添上轮廓线;用“选择工具”分别点选各笔画的内部
后将其删除,“永”字就成了“空心字”。如图2所示;在本图层第70帧处“插入帧”,延长其显示时间,然后把本图层锁定。
5. 制作被遮罩图层。操作如下:新增一个图层,命名为“字形”,拖动第1帧至第5帧位置,使开头4帧为空;把“库”中的“永字”元件拖入舞台并使其居中,打开“变形”面板,在其中设置“永”字按前面记录的数值“约束”比例放大至适当大小,使其刚好处于下层“空心字”的包围之中,如图3所示;在本图层第70帧处“插入帧”,延长其显示时间,然后把本图层锁定。
6. 制作遮罩层。操作如下:新增一个图层,命名为“逐帧遮罩”,拖动第1帧至第5帧位置,使开头4帧为空;在第5帧中绘制一个长方形块,调整其角度和大小,并把其复制到剪贴板中;把长方形块移动到“永”字第一笔“点”上,遮挡住“点”的一小部分,如图4所示;在下一帧(第6帧)插入关键帧,按Ctrl+V组合键把长方形块粘贴进来,再把它移动到“点”笔上,扩大遮挡范围;用同样方法,按笔顺逐帧设置,直至全部笔画被遮挡起来,结果如图5所示。
提示:本层的制作是关键,应注意如下几点:要根据汉字笔画的长短,灵活设置遮罩
块的个数(也即关键帧个数),遮罩密度愈大,动画效果愈细腻,反之则愈粗糙;为了使播放时产生笔画与笔画之间有间隔效果,相应的帧之间应“插入帧”以延长时间;应随时调整遮挡块的方向,使其与实际书写时的倾斜角度一致,播放时效果才更加逼真。
7. 设置遮罩效果。右键单击“逐帧遮罩”图层,勾选菜单中的“遮罩层”。此时时间轴如图6所示。
制作flash
8. 保存文件,测试动画。播放效果如图7所示。
进阶策略
以上结果已基本能满足通常需要,有一定Flash创作基础者还可继续对动画进行修改,根据不同需要创造出不同的效果。
1. 改变视觉。在“字形”层中,把“永”字打散后,可以使用“颜料桶”工具把其填充为其他不同效果,如图8所示。
2. 增减内容。增加图层,新建手握笔杆的图形元件,设置好动作补间动画,再添加一个引导图层,设置好引导线,如图9所示,可产生更加逼真的动画书写效果,如图10所示;删除“米字格”和“轮廓”图层后,可形成直接在空白纸面上书写的效果,如图11所示。
3. 添加交互。若要细致分解书写顺序,则可以加入“播放”、“暂停”控制按钮,以实现对动画进程的随意控制,在此不再赘述。
我在这里先给了一个简单的流程,如果你看不明白,可以点我的专家提供链接,里面在“FLASH特效”区“使用FLASH制作写字效果”就可以到了。
在平时的课件开发中,经常碰到要制作汉字书写动画的制作。制作这类动画的方法很多,利用多种课件开发工具均可以实现,比如在Authorware中,可以利用图像处理软件将文字按笔画肢解,然后按笔顺分别放在多个显示图标内并且设置为透明,再设置显示图标的出场特效,运用不同方向的出场效果来实现汉字书写的动画;在PowerPoint 中也可以利用,在PowerPoint中制作方法也十分类似,不同之处是在分解文字时,必须使用Word,用其他软件分解出来的笔画在PowerPoint中会出现遮挡现象。然后将分解后的文字粘贴到PowerPoint中,再设置每个笔画的“自定义动画”为“擦除”,最后根据实际情况设置“擦除”的方向和速度。笔者在制作这类汉字书写动画课件的时候一般在Flash中进行制作。不但制作简单,修改方便,更重要的是可以很方便地将这类课件发布到网络上或在其它网络课件中调用。
Flash来制作汉字书写动画的课件主要是利用了Flash中的“遮罩(Mask)”功能,首先把汉字按照笔画进行分解,如:“儿”字可以分成三笔:撇、竖弯钩,然后通过“遮罩”按相应的笔顺分别从相应的运笔方向逐步显示,从而形成写字效果,这样制作不但节约时间,而且书写过程也十分平滑流畅。
制作步骤如下:
1、 启动Flash Mx,建立两个新图层,分别命名为“第一笔”和“第二笔”,在“第一笔”层中的第一个关键帧输入需要制作的汉字“儿”,移动到合适的位置;
2、 选择“第二笔”图层,在第20帧处插入关键帧,将刚才“第一笔”层中的帧复制到此处,选择“修改”菜单下的“分离”命令,将两处关键帧内容打散,并分别擦除“第一笔”层中的竖弯钩和“第二笔”层中的撇;(如图1、2)
3、 选择“第一笔”层,在“第一笔”层上面插入一个新图层用来制作遮罩,绘制一大小合适的矩形区域(如图3),选择“修改”菜单下的“组合”命令将此矩形组合,有第20帧处插入关键帧,并将矩形遮罩移动到下面全部挡住撇为止,将矩形移动生成补间动画,右击新图层,勾选“遮罩层”,按回车键预览,第一笔的书写动画就制作完成了。
提醒:如果需要改变书写的速度,只需要延长相应的关键帧就可以了。
4、 制作竖弯钩书写动画的时候还是使用了上面的方法,只是因为竖弯钩书写的方向发生了变化,因而在制作的时候采用了三个关键帧(如图4、56所示),并且绘制的遮罩也不是简单的矩形。
大家可以思考为什么在遮罩右下角设计成这种形状?其实这里也可以设计成其它形状的遮罩和相应的关键帧配合产生同样的书写动画效果,大家不妨一试!
  最后按“Ctrl+Enter”键可以测试整体效果,一切满意就可以生成正式的SWF格式的动画文件,在各种课件中进行调用了。如果想要让书写过程更加逼真、更直观,可以加上一支动态的笔跟随遮罩一起运动,也可以再增加一个图层,并画上田字格;还可以添加播放按扭和暂停按钮来更好的控制汉写书写动画的播放(如图7),有兴趣的朋友不妨也试一试来制作一个网络上运行的汉写书写动画!