《Flash CS5实例教程 第2版 配套习题作者 刘杰 许晶华 08章》由会员分享，可在线阅读，更多相关《Flash CS5实例教程 第2版 配套习题作者 刘杰 许晶华 08章（8页珍藏版）》请在金锄头文库上搜索。
1、 层与高级动画 8.6 课堂练习制作文字遮罩效果 【练习知识要点】 使用矩形工具和颜色面板绘制渐变矩形， 使用文本工具 添加文字，使用遮罩层命令制作遮罩效果，如图 8-1 所示。 【效果所在位置】光盘/Ch08/效果/制作文字遮罩效果.fla。 8.6.1 制作图形元件 （1）选择“文件 新建”命令，弹出“新建文档”对话框，单击“确定”按钮，进入新建 文档舞台窗口。按 Ctrl+F3 组合键，弹出文档“属性”面板，单击“大小”选项后面的“编辑” 按钮，在弹出的对话框中将舞台窗口的宽度设为 400，高度设为 600，将“背景颜色”设 为灰色（#CCCCCC） ，单击“确定”按钮，改变舞台的大小和
2、颜色。 （2）在“库”面板下方单击“新建元件”按钮，弹出“创建新元件”对话框，在“名称” 选项的文本框中输入“文字” ，在“类型”选项的下拉列表中选择“图形”选项，单击“确定”按 钮，新建图形元件“文字” ，如图 8-2 所示，舞台窗口也随之转换为图形元件的舞台窗口。 （3）选择“文本”工具，在文本工具“属性”面板中，选中“改变文本方向”选项下拉列 表中的“垂直”选项，其他选项的设置如图 8-3 所示，在舞台窗口中输入黑色文字。选取所有文 字，在文字“属性”面板中，将“段落”选项组下的“行距”选项设为 12，舞台窗口中的文字效 果如图 8-4 所示。 图 8-1 Flash CS5 实例教程（
3、第 2 版） 2 图 8-2 图 8-3 图 8-4 （4）单击舞台窗口左上方的“场景 1”图标，进入“场景 1”的舞 台窗口。将“图层 1”重新命名为“底图” 。选择“文件 导入 导入到舞 台”命令，在弹出的“导入”对话框中选择“Ch08 素材 制作文字遮罩 效果 01”文件，单击“打开”按钮，图片被导入到舞台窗口中，并将其放 置在舞台的中心位置，效果如图 8-5 所示。选中“底图”图层的第 400 帧， 按 F5 键，在该帧上插入普通帧。 8.6.2 制作遮罩文字效果 （1）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“遮罩” 。 选择“窗口 颜色”命令，弹出“颜色”面
4、板，在“颜色类型”选项的下拉列表中选择“线性 渐变” ，单击色带，添加两个色块，选中色带上左右两侧的色块，将其设为白色，并将“Alpha” 选项设为 0，选中色带上中间的两个色块，将其设为黑色，如图 8-6 所示。 （2）选择“矩形”工具，在工具箱中将“笔触颜色”设为无，在舞台窗口中绘制一个长方 形作为遮罩图形。选中长方形，在形状“属性”面板中将“宽”和“高”选项分别设为 400 和 212， 舞台窗口中的效果如图 8-7 所示。 图 8-6 图 8-7 （3）单击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“文字” 。 将“库”面板中的图形元件“文字”拖曳到舞台窗口的左侧，效
5、果如图 8-8 所示。选中“文字” 图 8-5 第 8 章 层与高级动画 3 图层的第 400 帧，按 F6 键，在该帧上插入关键帧，如图 8-9 所示。 图 8-9 图 8-9 （4）选中“文字”图层的第 400 帧，按住 Shift 键的同时，水平向右拖曳文字到适当的位置， 如图 8-10 所示。鼠标右键单击“文字”图层的第 1 帧，在弹出的菜单中选择“创建传统补简”命 令，生成动作补间动画，如图 8-11 所示。 图 8-10 图 8-11 （5）鼠标右键单击“文字”图层的名称，在弹出的菜单中选择“遮罩层”命令，将“文字” 图层转换为遮罩层， 如图 8-12 所示。 文字遮罩效果制作完成
6、， 按 Ctrl+Enter 组合键即可查看效果， 如图 8-13 所示。 图 8-12 图 8-13 Flash CS5 实例教程（第 2 版） 4 8.7 课后习题制作气球升空动画 【习题知识要点】使用椭圆工具和钢笔工具绘制气球图形， 使用添加传统运动引导层命令制作引导层动画效果，如图 8-1 所示。 【效果所在位置】光盘/Ch08/效果/制作气球升空动画. fla。 8.7.1 绘制气球图形元件 （1）选择“文件 新建”命令，弹出“新建文档”对话框，单击“确定”按钮，进入新建 文档舞台窗口。按 Ctrl+F3 组合键，弹出文档“属性”面板，单击“大小”选项后面的“编辑” 按钮，在弹出的对
7、话框中将舞台窗口的宽度设为 400，高度设为 279，单击“确定”按钮， 改变舞台的大小。 （2）在“库”面板下方单击“新建元件”按钮，弹出“创建新元件”对话框，在“名称” 选项的文本框中输入“气球” ，在“类型”选项的下拉列表中选择“图形”选项，单击“确定”按 钮，新建图形元件“气球” ，如图 8-2 所示，舞台窗口也随之转换为图形元件的舞台窗口。 （3） 选择 “椭圆” 工具， 在工具箱中将 “笔触颜色” 设为无，“填充颜色” 设为黄色 （#F5BD12） ， 在舞台窗口中绘制一个椭圆形，并使用“任意变形”工具调整其角度，效果如图 8-3 所示。 图 8-2 图 8-3 （4）选择“钢笔”
8、工具，在工具箱中将“笔触颜色”设为黑色，在舞台窗口中绘制一个闭 合路径， 如图 8-4 所示。 选择 “颜料桶” 工具， 在工具箱中将 “填充颜色” 设为黄色 （#F5BD12） ， 在舞台窗口中的闭合路径内单击鼠标，填充图形为黄色，并将轮廓线删除，效果如图 8-5 所示。 图 8-4 图 8-5 图 8-1 第 8 章 层与高级动画 5 （5）选择“钢笔”工具，在舞台窗口中绘制一个闭合路径，如图 8-6 所示。选择“颜料桶” 工具，在工具箱中将“填充颜色”设为白色，在舞台窗口中的闭合路径内单击鼠标，填充图形 为白色，并将轮廓线删除。使用“选择”工具将其拖曳到黄色椭圆形上适当的位置，效果如图
9、8-7 所示。 （6） 选择 “椭圆” 工具， 在工具箱中将 “笔触颜色” 设为无，“填充颜色” 设为黄色 （#FAE20E） ， 在舞台窗口中适当的位置绘制一个椭圆形，效果如图 8-8 所示。 图 8-6 图 8-7 图 8-8 （7）选择“钢笔”工具，在舞台窗口中绘制一个闭合路径，如图 8-9 所示。选择“颜料桶” 工具，在工具箱中将“填充颜色”设为橘色（#F1AC19） ，在舞台窗口中的闭合路径内单击鼠 标，填充图形为橘色，并将轮廓线删除。使用“选择”工具将其拖曳到黄色椭圆形上适当的位 置，效果如图 8-10 所示。 （8）用上述相同的方法再分别绘制出红色和绿色气球，并调整其位置和角度，
10、效果如图 8-11 所示。选择“选择”工具，将所用气球图形同时选取，按 Ctrl+G 组合键，将其组合。 图 8-9 图 8-10 图 8-11 （9）选择“钢笔”工具，在舞台窗口中分别绘制出两个闭合路径，如图 8-12 所示。选择 “颜料桶”工具，在工具箱中将“填充颜色”设为绿色（#99C325） ，分别在舞台窗口中的闭合 路径内单击鼠标，填充图形为绿色，并分别将其轮廓线删除，效果如图 8-13 所示。 （10）选择“选择”工具，将两个图形同时选取，按 Ctrl+G 组合键，将其组合，并将其拖 曳到适当的位置，如图 8-14 所示。选择“修改 排列 移至底层”命令，将组合图形移动到气 球组合
11、图形的下方，效果如图 8-15 所示。 Flash CS5 实例教程（第 2 版） 6 图 8-12 图 8-13 图 8-14 图 8-15 8.7.2 制作气球动画效果 （1）在“库”面板下方单击“新建元件”按钮，弹出“创建新元件”对话框，在“名称” 选项的文本框中输入 “气球动画” ， 在“类型”选项的下拉列表中选择 “影片剪辑” 选项，单击 “确 定”按钮，新建影片剪辑元件“气球动画” ，如图 8-16 所示，舞台窗口也随之转换为影片剪辑元 件的舞台窗口。 （2）将“库”面板中的图形元件“气球”拖曳到舞台窗口中，并调整其大小，效果如图 8-17 所示。用鼠标右键单击“图层 1” ，在弹
12、出的菜单中选择“添加传统运动引导层”命令，为图层 1 添加引导层，如图 8-18 所示。选择“铅笔”工具，在工具箱下方的“铅笔模式”选项组中选 择“平滑”选项，在舞台窗口中绘制一条曲线，如图 8-19 所示。 图 8-16 图 8-17 图 8-18 图 8-19 （3）选中“引导层”的第 100 帧，按 F5 键，在该帧上插入普通帧，如图 8-20 所示。选中“图 层 1”的第 1 帧，选择“任意变形”工具，将其气球图形移动到曲线的底部，并移动气球图形 的中心点的位置，如图 8-21 所示。选中“图层 1”的第 100 帧，按 F6 键，在该帧上插入关键帧， 在舞台窗口中将气球图形移动到曲线
13、的顶部，如图 8-22 所示。用鼠标右键单击“图层 1”的第 1 帧，在弹出的菜单中选择“创建传统补简”命令，生成动作补简动画，如图 8-23 所示。 第 8 章 层与高级动画 7 图 8-20 图 8-21 图 8-22 图 8-23 8.7.3 制作气球升空效果 （1）单击舞台窗口左上方的“场景 1”图标，进入“场景 1”的舞台窗口。将“图层 1” 重新命名为“底图” 。选择“文件 导入 导入到舞台”命令，在弹出的“导入”对话框中选 择“Ch08 素材 制作气球升空动画 01”文件，单击“打开”按钮，图片被导入到舞台窗口 中，并将其放置在舞台的中心位置，效果如图 8-24 所示。 （2）单
14、击“时间轴”面板下方的“新建图层”按钮，创建新图层并将其命名为“气球动画” 。 将“库”面板中的影片剪辑元件“气球动画”拖曳到舞台窗口的下方，并调整其大小和角度，效 果如图 8-25 所示。 图 8-24 图 8-25 （2）用相同的方法将“库”面板中的影片剪辑元件“气球动画”多次拖曳到舞台窗口中适当 的位置，并调整其大小和角度，效果如图 8-26 所示。选择“选择”工具，选中最左边的气球 图形，选择“修改 变形 水平翻转”命令，将图形水平翻转，效果如图 8-27 所示。气球升空 动画效果制作完成，按 Ctrl+Enter 组合键即可查看效果，如图 8-28 所示。 Flash CS5 实例教程（第 2 版） 8 图 8-26 图 8-27 图 8-28
