用FLASH制作汉字笔顺动画

用用 FLASH 制作汉字笔顺动画制作汉字笔顺动画 制作汉字书写笔画顺序的多媒体课件 如果使用传统的制作汉字书写笔画顺序的多媒体课件 如果使用传统的 GIF 动画软件 制作起来并不动画软件 制作起来并不 困难 但缺点是需要逐帧制作大量图片 生成的文件体积庞大 播放效果较差 而困难 但缺点是需要逐帧制作大量图片 生成的文件体积庞大 播放效果较差 而 Flash 动画创作灵活高效 生成的文件体积小 质量好 因此最好使用动画创作灵活高效 生成的文件体积小 质量好 因此最好使用 Flash 软件来创作 创作软件来创作 创作 思路为 利用思路为 利用 Flash 软件的遮罩功能 在被遮罩层中呈现汉字的形体 而在遮罩层中则按软件的遮罩功能 在被遮罩层中呈现汉字的形体 而在遮罩层中则按 汉字笔顺用颜色块逐步遮挡下层汉字的笔画 这样播放后即可产生汉字按笔顺书写的效果 汉字笔顺用颜色块逐步遮挡下层汉字的笔画 这样播放后即可产生汉字按笔顺书写的效果 考虑到汉字笔画有弯曲 转折 粘连 交叉 粗细不一 书写顺序多样 如先中间后两边 考虑到汉字笔画有弯曲 转折 粘连 交叉 粗细不一 书写顺序多样 如先中间后两边 先里面后封口等 所以在遮罩层中一般不适宜使用先里面后封口等 所以在遮罩层中一般不适宜使用 动作补间动作补间 而需进行 而需进行 逐帧逐帧 制作 制作 制作过程制作过程 下面以在下面以在 米字格米字格 中书写中书写 永永 字为例 说明创作的过程和方法 字为例 说明创作的过程和方法 1 建立文档 运行建立文档 运行 Flash MX Professional 2004 中文版 新建一个中文版 新建一个 Flash 文档 文档 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 所示 所示 8 保存文件 测试动画 播放效果如图保存文件 测试动画 播放效果如图 7 所示 所示 进阶策略进阶策略 以上结果已基本能满足通常需要 有一定以上结果已基本能满足通常需要 有一定 Flash 创作基础者还可继续对动画进行修改 创作基础者还可继续对动画进行修改 根据不同需要创造出不同的效果 根据不同需要创造出不同的效果 1 改变视觉 在改变视觉 在 字形字形 层中 把层中 把 永永 字打散后 可以使用字打散后 可以使用 颜料桶颜料桶 工具把其填充为工具把其填充为 其他不同效果 如图其他不同效果 如图 8 所示 所示 2 增减内容 增减内容 增加图层 新建手握笔杆的图形元件 设置好动作补间动画 再添增加图层 新建手握笔杆的图形元件 设置好动作补间动画 再添 加一个引导图层 设置好引导线 如图加一个引导图层 设置好引导线 如图 9 所示 可产生更加逼真的动画书写效果 如图所示 可产生更加逼真的动画书写效果 如图 10 所示 所