清华大学版（2012） 八年级上册信息技术 课件 - 4.11心语星愿——按钮元件的应用 (共21张PPT)

心语星愿——按钮元件的应用 1 任务导航 节日里，你希望为远方的朋友表达美好的祝愿吗？就让我们制作一张Flash电子贺卡，用真心传递一份真挚的情谊，让远方的朋友通过网络感受到浓浓的祝福吧！ 本课，我们学习按钮元件的制作方法，并通过给按钮元件添加动作实现简单的动画交互。制作完成的动画画面如图所示，按下太阳按钮，心形图形慢慢升起；按下月亮按钮，心形图形停止运动。 实例效果图 2 1.制作背景 步骤1：新建动画文件，为了方便后期绘制白色图形，将文档背景颜色改为“浅蓝色”。 步骤2：将“图层1”重命名为“背景”，执行“文件”→“导入”→“导入到舞台”命令，将素材图ball.jpg导入到舞台，在第60帧插入普通帧。 3 2.制作在星形图案中上升的心形图形 绘制星形图案并作为遮罩层，制作各种影片剪辑元件，将多个元件组合为上升的心形图形，设置动画渐变效果。 （1）制作移动的心形图形 步骤1：分别新建“花”、“桃心”和“圆”3个影片剪辑元件，使用“绘图工具”分别绘制图形，如图所示。 影片剪辑元件“花”、“桃心”和“圆”的效果图 4 简单叠放后的心形图形 步骤2：回到“场景1”的编辑状态，新建图层，重命名为“形状1”，依次将影片剪辑元件“花”、“桃心”和“圆”拖放到舞台合适位置，调整各实例叠放顺序，如图所示。 5 设置“圆”实例的发光效果 步骤3：选中“圆”实例，在“属性”面板中，选择“滤镜”选项卡，为“圆”实例添加“发光”效果，模糊X、Y值设为13像素、13像素，选中“挖空”和“内发光”选项，颜色为“淡粉色”，设置如图所示。 6 设置各种滤镜效果后的心形图形 步骤4：选中“花”实例，在“属性”面板中设置颜色属性色调为“黄色”。设置完成后的心形图形如图所示。按Ctrl+G键将其组合成组。 7 步骤5：执行“修改” →“转换为元件”命令，将图形转换为图形元件，名称为“图案1”。 8 （2）设置心形图案的上升动画 步骤1：右击舞台上的“图案1”实例，在弹出的快捷菜单中选择“创建补间动画”。 步骤2：分别选择第20、40帧的“图案1”实例，调整其位置，产生上升的效果。使用“选择工具”，将“图案1”的补间动画路径调整为弧线，如图所示。 为“图案1”设置补间动画 9 （3）通过制作遮罩层使