很多做少儿识字课件、书法教学微课的朋友，都需要实现按比划逐步书写汉字的交互动效，在flash（现在的adobe animate）中，用遮罩加交互就能轻松实现，以下是完整的制作流程。

前期准备：拆分汉字笔画

打开flash新建空白文档，设置好合适的画布尺寸，先新建背景图层放置田字格或示范底框，再新建文字图层输入目标汉字，选择工整的楷体或宋体，调整大小刚好适配田字格范围。选中汉字按下两次ctrl+b，将文字打散为可编辑的矢量形状，接下来按照汉字正确的书写顺序，把每一个笔画单独分离出来，给每一个笔画新建一个独立图层，每个图层只保留当前笔画的矢量形状，编辑时隐藏其他图层方便调整，拆分时要注意笔画边缘干净，不要残留多余色块，书写顺序一定不能出错，这是后续效果自然流畅的基础。

核心效果：制作逐笔书写动画

flash实现书写效果的核心是遮罩动效，给每个笔画图层上方都新建一个遮罩层，将遮罩层和下方对应的笔画层绑定。在每个遮罩层中，顺着对应笔画的走势做形状补间：写横就将遮罩块从左到右逐步延伸，写竖就从上到下慢慢覆盖，撇捺则顺着起笔到收笔的方向，让遮罩块逐步铺满整个笔画。调整每个笔画动画的时长，控制在0.8-1秒左右，符合正常人书写的节奏，上一个笔画动画完全结束后，再开始下一个笔画的动画，避免出现多笔同时显示的错乱问题。

添加交互：实现点击出笔画的功能

如果需要实现按书写步骤点击出笔的交互，只需要在时间轴第一帧添加stop()代码，让动画默认停止，所有笔画默认隐藏。设置全局点击热区后，每一次点击触发当前笔画的书写动画，动画播放完成后自动停止，等待下一次点击触发下一笔；也可以给每个笔画设置独立热区，只有点对对应位置才会触发效果，更适合识字互动练习。最后按下ctrl+enter测试影片，调整动画速度和触发逻辑，就能得到自然流畅的按比划书写汉字效果，这套方法同样适用于目前替代flash的adobe animate，适配各类教学课件的需求。

免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。