制作铅笔书写文字的Flash动画效果

制作要点：

本例将制作铅笔书写文字的动画效果，如图4-37所示。通过本例的学习，读者应掌握“分散到图层”命令、逐帧动画和传统补间动画的制作方法。

图4-37 铅笔书写文字的效果

操作步骤：

1.制作逐笔绘制的文字效果

1）打开配套光盘中的“素材及结果\第4章Flash CS6动画技巧演练\4.4用铅笔书写文字\写字-素材.fla”文件。

2）从“库”面板中将“字”“铅笔”和“纸”元件拖入舞台，然后同时选择这3个元件，单击鼠标右键，从弹出的快捷菜单中选择“分散到图层”命令，从而将这3个元件分散到不同图层中。接着将“图层1”删除。最后同时选择3个图层，在第80帧按快捷键＜F5＞，插入普通帧，从而将这3个图层的总长度延长到第80帧。

3）为了便于下面的操作，锁定“铅笔”“纸”和“字”层，并隐藏“铅笔”层。然后单击时间轴下方的（新建图层）按钮，在“字”层上方新建“遮罩”层，此时时间轴分布如图4-38所示。

图4-38 时间轴分布

4）选择“遮罩”层的第12帧，执行菜单中的“插入|时间轴|关键帧”（快捷键＜F6＞）命令，插入关键帧。然后选择工具箱中的（刷子工具），设置相应的笔刷大小和形状，接着在纸上绘制图形，如图4-39所示。

图4-39 在“遮罩”层的第12帧绘制图形

5）同理，在“遮罩”层，逐个在前一关键帧的基础上按快捷键＜F6＞，插入关键帧，并利用（刷子工具）逐帧添加图形，添加关键帧的位置为第13～30帧。绘制后的结果：在第30帧时的图形正好将字母“O”遮挡住，如图4-40所示。

图4-40 使第30帧时的图形正好将字母“O”遮挡住

6）同理，继续在“遮罩”层，逐个在前一关键帧的基础上按快捷键＜F6＞，插入关键帧，并利用（刷子工具）逐帧添加图形，添加关键帧的位置为第36～47帧。绘制后的结果：在第47帧时的图形正好将字母“K”的第1笔遮挡住，如图4-41所示。

图4-41 使第47帧时的图形正好将字母“K”的第1笔遮挡住

7）同理，继续在“遮罩”层，逐个在前一关键帧的基础上按快捷键＜F6＞，插入关键帧，并利用（刷子工具）逐帧添加图形，添加关键帧的位置为第51～66帧。绘制后的结果：在第66帧时的图形正好将字母“K”的第2笔遮挡住，如图4-42所示。

图4-42 使第66帧时的图形正好将字母“K”的第2笔遮挡住

8）将“字”层的第1帧移动到第12帧，然后右击“遮罩”层，从弹出的快捷菜单中选择“遮罩层”命令，接着恢复“铅笔”层的显示，此时时间轴如图4-43所示。

图4-43 时间轴分布

9）此时按＜Enter＞键，播放动画，即可看到逐笔出现的文字效果，如图4-44所示。

图4-44 逐笔出现的文字效果

2.制作铅笔绘制文字的效果

1）显示出“铅笔”层，然后将“铅笔”以外的其他图层锁定。

2）在“铅笔”层的第12帧，按快捷键＜F6＞，插入关键帧。然后在第1帧，将“铅笔”元件移动到如图4-45所示的位置。接着，在第12帧，利用工具箱中的（任意变形工具），将“铅笔”元件旋转一定角度并移动到如图4-46所示的位置。最后在“铅笔”层的第1～12帧之间单击鼠标右键，从弹出的快捷菜单中选择“创建传统补间”命令，此时时间轴如图4-47所示。(www.xing528.com)

图4-45 第1帧“铅笔”元件的位置

图4-46 第12帧“铅笔”元件的位置

图4-47 时间轴分布

3）在“铅笔”层，逐个在前一关键帧的基础上按快捷键＜F6＞，插入关键帧，并根据逐笔绘制的文字位置调整“铅笔”元件的位置和角度，添加关键帧的位置为第13～30帧。结果：在第30帧时的铅笔正好书写完字母“O”，如图4-48所示。

图4-48 在第30帧时的铅笔正好书写完字母“O”

4）在“铅笔”层的第36帧，按快捷键＜F6＞，插入关键帧。然后将“铅笔”元件移动到字母“K”的起始处，如图4-49所示。

图4-49 在第36帧将“铅笔”元件移动到字母“K”的起始处

5）由于字母“K”的第1笔是直线，用户可以通过动作补间动画来完成字母“K”的第1笔的绘制。方法：在“铅笔”层的第37帧，按快捷键＜F6＞，插入关键帧。然后将“铅笔”元件移动到如图4-50所示的位置，接着在第47帧插入关键帧，将“铅笔”元件旋转一定角度并移动到图4-51所示的位置。最后在“铅笔”层的第37～47帧之间单击鼠标右键，从弹出的快捷菜单中选择“创建传统补间”命令，此时时间轴如图4-52所示。

图4-50 第37帧“铅笔”元件的位置

图4-51 第47帧“铅笔”元件的位置

图4-52 时间轴分布

6）在“铅笔”层的第49帧按快捷键＜F6＞，插入关键帧。然后将“铅笔”元件旋转一定角度并移动到如图4-53所示的位置。接着在“铅笔”层的第51帧按快捷键＜F6＞，插入关键帧，再根据人手书写的规律，将“铅笔”元件旋转一定角度并移动到如图4-54所示的位置。

图4-53 第49帧“铅笔”元件的位置

图4-54 第51帧“铅笔”元件的位置

7）同理，继续在“铅笔”层，逐个在前一关键帧的基础上按快捷键＜F6＞，插入关键帧，并逐帧调整“铅笔”元件的位置和角度，添加关键帧的位置为第51～66帧。结果为：在第66帧时，铅笔刚好绘制完字母“K”的第2笔，如图4-55所示。

图4-55 第68帧“铅笔”元件的位置

8）至此，整个动画制作完毕，此时时间轴分布如图4-56所示。下面执行菜单中的“控制|测试影片”（快捷键＜Ctrl+Enter＞）命令，打开“播放器”窗口，即可看到铅笔书写文字的效果，如图4-37所示。

图4-56 时间轴分布