模块06 二维动画交互设计

教材数字传媒设计与制作（第4版）“十四五”职业教育国家规划教材模块01：张俊模块02：耿燃模块03：谭斯琴模块04：胡悦琳模块05：张俊模块06：肖澎“十二五”职业教育国家规划教材“十三五”职业教育国家规划教材模块07：胡悦琳模块08：钱成悦、张波、吴鑫婧模块09：徐阁甫模块10：肖澎、王正友模块02数字传媒界面色彩设计模块03数字图像处理模块01数字媒体的编辑与创作目录模块06二维动画交互设计模块07MG动画设计与制作模块05数字视频与编辑模块04数字音频制作模块10数字传媒交互设计模块09虚拟数字人模块08三维图文动画设计与制作06模块

本模块将通过案例直观地介绍交互式动画设计软件AdobeAnimateCC在数字传媒动画作品设计中的典型案例和典型应用，按钮动画、图片展示的多种表现形式，图文特效动画的制作、菜单技术的设计等内容。让同学们在不断的实际操作中更加牢固地掌握模块中讲解的内容。二维动画交互设计情境1按钮制作能力目标1．掌握影片剪辑元件的制作。2．掌握按钮的3种状态的动画设置。3．设置按钮在指针经过和按下时的动画效果制作。知识目标1．熟悉按钮元件及其实例。2．了解导航栏在数字传媒制作中的作用。学时分配4课时（授课2学时，实践2课时）。任务1动感导航按钮l任务要求为了使2022北京冬奥会宣传多媒体光盘更为生动、美观，绘制一个具有冬奥会元素的导航按钮，按钮要色彩明快，体现动感和优美。l任务分析按钮是元件的一种，它可以根据按钮可能出现的每一种状态显示不同的图像、响应鼠标动作和执行指定的行为。l重点、难点1．动态按钮添的制作与复制。2．为按钮添加动作脚本。模拟制作任务知识点拓展01.为按钮添加鼠标事件02.按钮控制交互图册任务2

l任务背景夏日又常常和暑假、和快乐明媚的时光联系在一起，制作夏日时光图片导航按钮动画。l任务要求以夏日时光图片为主题，浏览者可根据不同的需求选择不同夏日时光，舞台上的夏日时光导航图片要有立体感，单击图片要有音效，并能打开相应网站。制作图片导航按钮独立实践任务情境2图片展示能力目标1．能够使用AdobeAnimateCC的幻灯片模板。2．能够修改图片展示脚本语言代码。知识目标1．理解幻灯片模板的概念。2．了解脚本语言基本规范。学时分配4课时（授课2学时，实践2课时）。任务1制作风景相册l任务要求风景相册突出自然风景、每幅照片配以文字描述，能够前后翻页，要求让操作者演示起来非常方便。l任务分析本任务可以通过幻灯片模板来实现，在使用模板进行制作时，只需根据提示，将模板影片中的编辑元件进行修改或更换，使技术不熟练者也能快速、轻松地创作出一个全新的动画影片。l重点、难点1．幻灯片放映模板各层中的对象。2．场景中图片、文字标题、播放控制器的行为添加。模拟制作任务知识点拓展01.主时间轴访问02.动态文本任务2

l任务背景花卉展览是以一定数量的优质花卉，采用各种艺术形式在预定的时间和地点集中进行的露天布置或室内陈列，时尚花卉展示通过按钮进行翻页展示。l任务要求为体现动感，背景换面有颜色渐变，标题文字以抖动方式从舞台外进入舞台顶部，按钮从舞台左侧外依次进入舞台底部。单击按钮，能够依次翻页图片展示。制作时尚花卉独立实践任务情境3播放外部视频能力目标1．能够使用组件控制视频播放。2．能够编写调用外部视频的ActionScript。知识目标1．理解FLVPlayback组件参数设置。2．掌握调用外部视频文件的脚本语言。学时分配2课时（授课1学时，实践1课时）。任务1制作简易播放器l任务要求制作一个简单的视频播放界面，通过若干个按钮来播放制定的外部视频。l任务分析为了更好地展示小视频作品，设计简易的视频播放器，通过交互按钮，进行选择播放。简易视频播放器要具有视频加载、播放、暂停、重置、快进、后退(有滚动条拖动)、音量增大、减小、静音(有滚动条拖动)等基本功能，通过AdobeAnimateCC的FLVPlayback组件和ActionScript制作的播放器，播放外部视频文件。l重点、难点1．FLVPlayback组件的参数设置。2．场景中给按钮添加动作脚本。模拟制作任务知识点拓展01.使用按钮控制视频播放组件02.简单的自定义播放器任务2

l任务背景美丽中国展将目光聚焦于上海的发展与变迁，