7.1 情人节快乐——制作电子贺卡（练习）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

7.1 情人节快乐——制作电子贺卡 同步练习 基础巩固 制作动画短片。镜头伴随着背景音乐慢慢拉近，由照片引发思念，昔日浪漫场景再现，由日出到日落，表现出浓浓的思念之情。最后呼应主题，呈现祝福语“情人节快乐”文字。 能力进阶 新建名为“阳光”的影片剪辑，利用“直线”工具。 选择“颜料桶”工具，设置填充色为白色 (Alpha 值设置为 50%)到白色 (Apha 值设置为0%)线性渐变，为该形状填充渐变色并删除边线。 在“太阳”图层上方新建图层“骑车人”，将库中“骑车男”、“骑车女”影片剪辑元件拖动到舞台右侧，调整其合适的大小及位置，并将其合成为一个影片剪辑元件“骑车人”。 在“骑车人”图层上方新建图层“花草”，将库中的素材“花草.png”移至舞台,并调整其合适的大小及位置。 素养提升 1.情人节快乐——制作电子贺卡的案例分析？ 场景 1中创建背景图像由小到大的传统补间动画;添加背景音乐 场景 2 中创建骑车人物由右至左的传统补间动画;创建“阳光”影片剪辑: 制作蝴蝶飞舞的运动引导动画: 制作文字逐字出现的遮罩动画效果。 场景3中创建“星光”、“萤火虫飞”影片剪辑。 场景4中制作文字逐字出现的遮罩动画效果; 添加并设置“replay”按钮。 2.情人节快乐——制作电子贺卡的具体操作步骤？ 1、打开文件“情人节贺卡素材.fla”，按【Ctrl+Shift+S】组合键将文件另存为“情人节贺卡素材.fla”。 2.执行“插入一新建元件”菜单命令，新建名为“背景”的图形元件。打开“库”面板，将“背景 l.png”、“照片.png”拖动到元件舞台中，利用“任意变形”工具调整“照片.png”的大小及倾斜程度，效果如图 7-2 所示。 3.返回“场景1”，将“图层1”重命名为“背景”层，将新建的“背景”元件拖动到舞台中，调整其大小及位置与舞台匹配。在“背景”层第 20 、300 顿分别插入关键，在第 355 处插入帧。 4.选中第 300 顿处的“背景”元件，选择“任意变形”工具，按住[Shift]键的同时将元件变大，调整时可参照图 7-3 所示的效果，保证元件桌面的部分留在舞台中。选择第 20~300 顿之间的任一帧，单击鼠标右键，执行“创建传统补间”案单命令。 5.在“背景”图层上新建图层，命名为“音乐”。选中“音乐”图层时间轴的第 1帧将库中的“美好回忆.wav”文件拖动至舞台。打开属性面板，设置声音属性:同步为事件。按[Ctrl+Alt+Enter ]组合键测试“场景1”。 6.执行“插入一场景”菜单命令，新建“场景 2”。将“图层1”重命名为“背景”层，将库中的“背景 2.png”拖动到舞台中，调整其大小及位置与舞台匹配。在“背景”层第450 顿处插入顿。 7.新建名为“阳光”的影片剪辑，利用“直线”工具，绘制如图 7-4 所示的形状。选择“颜料桶”工具，设置填充色为白色 (Alpha 值设置为 50%)到白色 (Apha 值设置为0%)线性渐变，为该形状填充渐变色并删除边线，效果如图 7-5 所示。 8.返回“场景 2”，在“背景”图层上方新建图层“阳光”，将库中的“阳光”元件拖动到舞台并复制2份，重新组合成元件“阳光组”，效果如图 7-6 所示。在“阳光”图层中以图 7-7 所示的元件变形点为旋转点，制作长度为 300 的“阳光组”元件上下旋转的传统补间动画。 10.在“太阳”图层上方新建图层“骑车人”，将库中“骑车男”、“骑车女”影片剪辑元件拖动到舞台右侧，调整其合适的大小及位置，并将其合成为一个影片剪辑元件“骑车人”，效果如图 7-9 所示。在“骑车人”图层的第 450 处插入关键，将影片剪辑移至舞台最左边，在第 1~450 之间创建传统补间动画，效果如图 7-10 所示。 11.在“骑车人”图层上方新建图层“花草”，将库中的素材“花草.png”移至舞台,并调整其合适的大小及位置。 12.在“花草”图层上方新建图层“蝴蝶”，将库中的“蝴蝶”影片剪辑元件拖动到舞台。 13.新建按钮元件“重播”,选择“文本”工具,设置文字大小为 61点;系列为 Broadway;颜色为#99ff00，在元件编辑窗口输入文字“replay”。分别在“指针经过”及“按下”帧中插入关键帧，调整“指针经过”帧中的文字大小为 50 点，颜色为ffff00。 14.回到场景 4，在“矩形”图层上方新建“按钮”图层，在该图层第 300 插入关键帧，将“重播”按钮元件放置到舞台中。将“按钮”元件实例命名为“replay”。 15.将播放头放到第 300 处，打开“代码片断”面板，展开“时间轴导航”分类，如图 7-20 所示。双击“在此处停止”选项，打开如图 7-24所示的“动作”面板，新添加的脚本语言高亮显示。此时时间轴自动创建一新图层Ations. 16.