广告动画制作情境1：开发网站广告动画.pptVIP

广告动画制作情境1：开发网站广告动画 任务4—网站导航制作 项目--制作网站首页导航 项目--制作网站首页导航 教学过程与工作重点 引入课题 我们的项目载体 “二维动画学习网站”中为了方便浏览子项目，需要网站导航。 本次课我们主要是综合运用前面讲过的所有知识，为“二维动画学习网站”制作网站导航。通过导航的制作，使学生能够掌握Flash动画制作的技巧和知识。 教学做一体化教学 如下图所示是一家网站首页的动画，整体设计的风格简单而自然。本案例使用影片剪辑实例和按钮状态的变化，制作出标签的动态效果，通过标签可以进入网站的不同区域。如图所示： 教学做一体化教学 如图1所示，打开动画原始文件main.fla，单击编辑栏的“编辑元件”按钮，选择下拉菜单中的“mc_background”命令，进入“mc_background”影片剪辑编辑模式；如图2所示，选择“Layer 2”图层的第1帧，从“库”面板中拖动“pic_bg”图形到舞台。 教学做一体化教学 教学做一体化教学 如图3所示，分别用鼠标右键单击“Layer2”图层的第10、25、49帧，并选择快捷菜单中“插入关键帧”命令；如图4所示，选择“Layer2”图层第1帧的图形实例，调节属性面板；选择“Layer2”图层第25帧的图形实例，向下进行移动；在“Layer2”图层的各帧之间创建补间动画。 教学做一体化教学 教学做一体化教学 选择工具箱中“矩形工具”，并选择“Layer1”图层的第1帧；在舞台中绘制一个形状覆盖住“Layer2”图层的画面，之后在“Layer2”图层的第15、30、49帧插入关键帧；如图5所示，使用工具栏中的“任意变形工具”调整第15帧中的形状；如图6所示，调整第30帧中的形状；在“Layer1”图层的各帧之间创建补间形状。 教学做一体化教学 教学做一体化教学 教学做一体化教学 如图7所示，有鼠标右键单击“Layer1”图层，选择快捷菜单中的“遮罩层”命令，预览效果；单击编辑栏的“Scence1”按钮返回主场景编辑模式，选择“Layer2”图层，从“库”面板中拖动“mc_background”影片剪辑到舞台中央。 教学做一体化教学 单击编辑栏的“编辑元件”按钮，选择下拉菜单中的“mc_chinese”命令，进入“mc_ chinese”影片剪辑编辑模式，选择“Layer2”图层，从“库”面板中拖动“gr_chinese”图形到舞台；选择“button”图层，插入“bt_chinese”按钮到舞台；选择“Layer1”图层第2帧，从“库”面板中拖动“gr_chinese_l”影片剪辑到舞台；选择“Layer1”图层第3帧，从“库”面板中拖动“gr_chinese_r”影片剪辑到舞台中，效果图如下所示： 教学做一体化教学 教学做一体化教学 用鼠标右键单击“Action Layer”图层的第1帧，选择快捷菜单中的“动作”命令，在打开的动作面板对话框中输入命令：stop();选择“button”图层的第1帧，用鼠标右键单击按钮元件实例，选择快捷菜单中的“动作”命令，在打开的动作面板对话框中输入命令： 教学做一体化教学 on(rollover){ gotoAndStop(2); } on(rollout){ gotoAndStop(3); } on(release){ getURL(“”); } 教学做一体化教学 单击编辑栏的“编辑元件”按钮，选择下拉菜单中的“button_group”命令，进入“button_group”影片剪辑编辑模式，选中“on”图层的第1帧，从库面板中拖动“mc_chinese”影片剪辑到舞台中，并使影片剪辑实例与其他两个按钮排列对齐；按“Ctrl+Enter”快捷键测试动画效果。 拓展任务—网站首页导航动画制作 1、引出项目 通过此项目的学习，相信大家会对交互语句有一个更深刻的理解。 2、最终效果（图片） 实训项目 项目名称：制作网站导航条 实训内容：熟悉并掌握交互语句的使用和编辑方法，并在此基础上进行创作练习。 * * 淄博职业学院 张静 王翠萍 300分钟 （6标准课时） 主讲教师 辅导教师 工时（学时） 专业能力 方法能力 社会能力 为网站设计合理的布局 制作片头动画 掌握网络浏览器函数的使用 掌握用户界面组件的使用 职业能力 教学做一体化 工作地点 1、工作与学习表现（提问20%、实操完成情况50%） 2、项目报告（30%） 动漫实训室 教学方式 工作地点 评估建议 进行网站布局与设计 利用Flash CS3进行网站动画制作 创建相类似的其它物体 4、完成拓展项目（根据学生情况灵活掌握） 任务完成情况 回顾工作要点 项目实训 归纳总结 掌握网络浏览器函数的使用 情景引入 制作网站首页动画——标签 图1