案例22：垃圾分类——制作公益广告动画（练习）-《Animate CC动画制作案例教程》（电子工业出版社第2版）同步精品课堂

案例22：垃圾分类——制作公益广告动画 一、单项选择题 1. 在“垃圾分类”公益广告动画中，最重要的设计目标是（ ） A. 展示复杂的动画技术 B. 清晰、有趣地传达垃圾分类的知识和重要性 C. 使用最鲜艳的颜色 D. 制作最长的动画时间 2. 用动画表现一个“可回收物”被投入正确垃圾桶的过程，最适合使用（ ） A. 引导层动画 B. 补间形状动画 C. 骨骼动画 D. 遮罩动画 3. 为了使“有害垃圾”的图标给人警示感，除了使用通用标识，还可在其出场时添加（ ） A. 快速的缩放和震动动画，配合警告音效 B. 缓慢的淡入淡出 C. 没有任何动画 D. 欢快的背景音乐 4. 制作“垃圾分解时间对比”的信息图表动画，为了使数据对比更震撼，可以采用（ ） A. 两个时间条同时缓慢增长至各自长度 B. 只显示数字，不做动画 C. 使用夸张的比例尺，让代表450年的时间条在屏幕外延伸 D. 将两个时间条的颜色设为相同 5. 在动画中添加一个互动环节，让用户拖动不同类型的垃圾图标到对应的垃圾桶，这主要需要用到（ ） A. 补间动画 B. ActionScript/JavaScript 的拖放（Drag and Drop）API C. 形状提示点 D. 滤镜效果 6. 公益广告的结尾通常会出现呼吁行动的标语（如“垃圾分类，从我做起”），为了让标语深入人心，其出现方式最好是（ ） A. 快速闪过 B. 稳定、清晰地显示足够长的时间，并可能伴随号召性音效 C. 用极小字体显示在角落 D. 不显示文字，只用图案 7. 动画中要用到“厨余垃圾”、“其他垃圾”等文字标签，为了确保所有观众都能区分，除了颜色，还应依靠（ ） A. 仅依靠颜色差异 B. 添加不同的纹理图案或独特的图标 C. 使用完全相同的样式 D. 不提供任何区分 8. 为动画选择合适的背景音乐时，应该考虑（ ） A. 当前最流行的摇滚乐 B. 与环保、公益主题契合的柔和、积极或略带思考性的音乐 C. 没有歌词的纯音乐，避免干扰信息传达 D. B和C都是好的选择 9. 制作一个“地球从被垃圾包围到经过分类后变清洁”的转变动画，可以使用（ ）来对比呈现 A. 分屏动画或前后对比画面切换 B. 只展示变脏的地球 C. 只展示变干净的地球 D. 用文字描述 10. 为了扩大公益广告的传播范围，除了发布为视频，还可以将其发布为（ ），以便嵌入社交媒体、网站或户外屏幕。 A. 仅FLA源文件 B. GIF动图或HTML5互动动画 C. Word文档 D. 纯文本文件 二、判断题 1. 公益广告动画中，角色的设计应该可爱、有趣，以吸引儿童和家庭观众的注意力。（ ） 2. 为了准确传达信息，公益广告中关于垃圾分类的所有条文和法规都必须逐字逐句完整显示。（ ） 3. 在互动环节中，当用户将垃圾拖放到错误垃圾桶时，应该立即播放刺耳的警告音并显示大大的“错误”字样，以强化记忆。（ ） 4. 动画的旁白或字幕语速应该适当放慢，并使用通俗易懂的语言，以确保不同年龄和教育背景的观众都能理解。（ ） 5. 制作完成后，公益广告动画只能通过网络发布，无法在社区宣传栏、学校课堂等线下场景使用。（ ） 三、填空题 1. 公益广告动画的核心目标是有效地 ________ 并引发公众行动。 2. 模拟物体抛掷轨迹进入垃圾桶，最适合使用 ________ 动画。 3. 为了让信息图表中数据的对比更强烈，可以使用 ________ 的视觉手法。 4. 实现用户拖动垃圾图标的交互功能，需要用到ActionScript/JavaScript的 ________ API。 5. 公益广告结尾的呼吁标语应 ________ 地显示足够长时间。 四、简答题 1. 描述如何设计一个时长约30秒的“垃圾分类”公益广告动画的故事板（Storyboard），要求包含开头吸引注意力、中间知识讲解、结尾呼吁行动三个部分。 2. 如何利用Animate的交互功能，制作一个“垃圾分类小测试”游戏，包含在限定时间内将随机出现的垃圾拖放到正确垃圾桶的环节？请说明核心交互逻辑。 3. 在推广“垃圾分类”公益广告时，除了制作精良的动画本身，还可以通过哪些策略来最大化其传播效果和社会影响力？ 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ 案例22：垃圾分类——制作公益广告动画 一、单项选择题 1. 在“垃圾分类”公益广告动画中，最重要的设计目标是（ ） A. 展示复杂的动画技术 B. 清晰、有趣地传达垃圾分类的知识和重要性 C. 使用最鲜艳的颜色 D. 制作最长的动画时间 【答案】B 【解析】 公益广告的核心是有效传播信息并引发公众行动。动画的所有设计（视觉、叙事、互动）都应服务于“让观众理解并记住垃圾分类知识”这一目标。 2. 用动画表现一个“可回收物”被投入正确垃圾桶的过程，最适合使用（ ） A. 引导层动画 B. 补间形状动画 C. 骨骼动画 D. 遮罩动画 【答案】A 【解析】 引导层动画可以精确控制物体（塑料瓶）沿着一条预设的抛物线轨迹（模拟抛掷）运动，并最终落入垃圾桶，非常直观地模拟投掷动作。 3. 为了使“有害垃圾”的图标给人警示感，除了使用通用标识，还可在其出场时添加（ ） A. 快速的缩放和震动动画，配合警告音效 B. 缓慢的淡入淡出 C. 没有任何动画 D. 欢快的背景音乐 【答案】A 【解析】 快速的缩放（脉动）和轻微震动动画能制造紧张、提醒的视觉效果，配合短促、警示性的音效，可以强化“有害、需谨慎处理”的心理暗示，增强记忆点。 4. 制作“垃圾分解时间对比”的信息图表动画，为了使数据对比更震撼，可以采用（ ） A. 两个时间条同时缓慢增长至各自长度 B. 只显示数字，不做动画 C. 使用夸张的比例尺，让代表450年的时间条在屏幕外延伸 D. 将两个时间条的颜色设为相同 【答案】C 【解析】 使用视觉夸张是信息图表动画的常用技巧。让代表极长时间（450年）的图形元素（如时间条、进度环）以超出屏幕边界的方式延伸，能直观、震撼地传达“降解之漫长”，形成强烈的视觉对比和认知冲击。 5. 在动画中添加一个互动环节，让用户拖动不同类型的垃圾图标到对应的垃圾桶，这主要需要用到（ ） A. 补间动画 B. ActionScript/JavaScript 的拖放（Drag and Drop）API C. 形状提示点 D. 滤镜效果 【答案】B 【解析】 拖放交互是典型的程序交互功能。在Animate中，无论是使用ActionScript 3.0 (Flash) 还是 JavaScript (HTML5 Canvas)，都需要通过代码（如startDrag(), stopDrag()方法或鼠标事件监听）来实现对对象的拖放控制和碰撞检测（判断是否放入正确垃圾桶）。 6. 公益广告的结尾通常会出现呼吁行动的标语（如“垃圾分类，从我做起”），为了让标语深入人心，其出现方式最好是（ ） A. 快速闪过 B. 稳定、清晰地显示足够长的时间，并可能伴随号召性音效 C. 用极小字体显示在角落 D. 不显示文字，只用图案 【答案】B 【解析】 结尾标语是广告的“行动号召”点，必须确保观众能看清、记住。应以清晰、稳重的形式（如居中、大字体、简洁动画）呈现，并停留足够时间（如35秒）。搭配一句有力、简短的口号音效，可以强化印象，促成态度或行为改变。 7. 动画中要用到“厨余垃圾”、“其他垃圾”等文字标签，为了确保所有观众都能区分，除了颜色，还应依靠（ ） A. 仅依靠颜色差异 B. 添加不同的纹理图案或独特的图标 C. 使用完全相同的样式 D. 不提供任何区分 【答案】B 【解析】 无障碍设计原则要求信息不仅依赖颜色传递。应为不同类别的垃圾桶或标签附加独特的图形符号（如骨头代表厨余、树叶代表其他）或纹理。这样，即使色盲用户无法区分颜色，也能通过图形准确识别。 8. 为动画选择合适的背景音乐时，应该考虑（ ） A. 当前最流行的摇滚乐 B. 与环保、公益主题契合的柔和、积极或略带思考性的音乐 C. 没有歌词的纯音乐，避免干扰信息传达 D. B和C都是好的选择 【答案】D 【解析】 公益广告的背景音乐应服务于主题和情绪。柔和、积极或略带思考性的音乐能营造合适的氛围（B）。优先选择无歌词或歌词不突出的纯音乐，可以避免歌词与广告文案、旁白冲突，确保信息清晰传达（C）。 9. 制作一个“地球从被垃圾包围到经过分类后变清洁”的转变动画，可以使用（ ）来对比呈现 A. 分屏动画或前后对比画面切换 B. 只展示变脏的地球 C. 只展示变干净的地球 D. 用文字描述 【答案】A 【解析】 分屏动画或前后对比切换是展示变化最直观、有力的视觉手法之一。将“污染状态”和“治理后状态”并置或快速切换，能形成强烈视觉对比，清晰传达“垃圾分类带来积极改变”的核心信息，比单一画面或纯文字更有冲击力。 10. 为了扩大公益广告的传播范围，除了发布为视频，还可以将其发布为（ ），以便嵌入社交媒体、网站或户外屏幕。 A. 仅FLA源文件 B. GIF动图或HTML5互动动画 C. Word文档 D. 纯文本文件 【答案】B 【解析】 GIF动图体积小、兼容性极广，适合在微博、微信等社交媒体快速传播短循环广告。HTML5互动动画可嵌入官网、公众号文章，支持交互功能（如拖放游戏），体验更丰富。两者都是数字传播的高效格式。 二、判断题 1. 公益广告动画中，角色的设计应该可爱、有趣，以吸引儿童和家庭观众的注意力。（ ） 【答案】对 【解析】 使用可爱、拟人化的角色（如会说话的垃圾桶、有表情的垃圾）能显著提升动画的亲和力和趣味性，尤其对儿童和青少年有很强吸引力。这有助于在轻松愉快的氛围中传播知识，提高信息的接受度。 2. 为了准确传达信息，公益广告中关于垃圾分类的所有条文和法规都必须逐字逐句完整显示。（ ） 【答案】错 【解析】 公益广告不是法律文书。信息传达应遵循简明、扼要、易记的原则。将复杂的条文转化为简单的行动口诀（如“能卖钱的蓝桶桶，易腐烂的绿桶桶”）、清晰的图标或短动画，远比罗列法律条文有效。 3. 在互动环节中，当用户将垃圾拖放到错误垃圾桶时，应该立即播放刺耳的警告音并显示大大的“错误”字样，以强化记忆。（ ） 【答案】错 【解析】 纠错反馈应建设性而非惩罚性。刺耳的警告和显眼的“错误”可能让用户感到挫败。更好的方式是：播放一个提示音，让垃圾轻轻弹回原位，并显示温和的提示（如“再想想哦，塑料瓶属于可回收物~”），引导用户学习而非打击。 4. 动画的旁白或字幕语速应该适当放慢，并使用通俗易懂的语言，以确保不同年龄和教育背景的观众都能理解。（ ） 【答案】对 【解析】 公益广告面向大众，必须保证信息的可达性。适中的语速、清晰的字幕、使用口语化而非专业术语的文案，能确保儿童、老年人及不同文化程度的观众都能轻松理解，是实现有效传播的基础。 5. 制作完成后，公益广告动画只能通过网络发布，无法在社区宣传栏、学校课堂等线下场景使用。（ ） 【答案】错 【解析】 公益广告的传播渠道应多元化。动画可以导出为视频文件（如MP4），用于社区、商场的户外大屏、学校课堂的多媒体教学、公共交通的移动电视等线下场景。结合线上（社交媒体）和线下传播，能最大化覆盖受众。 三、填空题 1. 公益广告动画的核心目标是有效地 ________ 并引发公众行动。 【答案】传播信息 2. 模拟物体抛掷轨迹进入垃圾桶，最适合使用 ________ 动画。 【答案】引导层（或传统补间+引导层） 3. 为了让信息图表中数据的对比更强烈，可以使用 ________ 的视觉手法。 【答案】夸张比例（或视觉夸张） 4. 实现用户拖动垃圾图标的交互功能，需要用到ActionScript/JavaScript的 ________ API。 【答案】拖放（Drag and Drop） 5. 公益广告结尾的呼吁标语应 ________ 地显示足够长时间。 【答案】清晰稳定（或醒目易读） 四、简答题 1. 描述如何设计一个时长约30秒的“垃圾分类”公益广告动画的故事板（Storyboard），要求包含开头吸引注意力、中间知识讲解、结尾呼吁行动三个部分。 【答案】 故事板框架（每部分约10秒）： 第一部分：开头 吸引注意，提出问题（010秒） 镜头1（03秒）：特写一个美丽、干净的城市公园，阳光明媚，鸟语花香。 镜头2（46秒）：镜头快速切换，公园瞬间被杂乱丢弃的垃圾覆盖（使用快速剪辑和音效），环境变得脏乱，小动物露出困扰表情。 镜头3（710秒）：画面中出现一个大问号或“为什么会这样？”的文字，背景音乐转为略带思考和紧迫感。 第二部分：中间 知识讲解，提供方案（1120秒） 镜头4（1113秒）：画面中央出现四个颜色鲜明、带有图标的卡通垃圾桶（蓝、绿、红、黑），以弹跳方式入场。 镜头5（1417秒）：核心知识动画： 一个塑料瓶（带可回收标志）出现，被一个“手”的图形引导，沿着抛物线轨迹（引导层动画）精准投入蓝色垃圾桶，桶身显示“可回收物”并高兴地眨眨眼。 一个电池（带骷髅标志）出现，配合警示音效和轻微震动，被投入红色垃圾桶，桶身显示“有害垃圾”。 （快速切换）香蕉皮投入绿色“厨余垃圾”桶，纸巾投入黑色“其他垃圾”桶。 镜头6（1820秒）：画面分屏，左侧展示垃圾混合的混乱场景，右侧展示正确分类后，垃圾被有序清运、处理的简洁画面。 第三部分：结尾 强化印象，呼吁行动（2130秒） 镜头7（2125秒）：镜头拉回到开头的公园，随着“分类魔法”生效（视觉特效），垃圾消失，公园恢复干净美丽。一个笑脸地球或拟人化的太阳出现。 镜头8（2630秒）：屏幕中央清晰、稳定地打出标语：“垃圾分类，举手之劳，守护美好家园”。标语伴随温和而有力的音效出现。同时，屏幕下方出现更具体的行动呼吁图标或文字：“今天，就从正确投放一个塑料瓶开始吧！” 结尾黑屏/Logo：（可选）最后显示公益发起方的Logo和网址。 2. 如何利用Animate的交互功能，制作一个“垃圾分类小测试”游戏，包含在限定时间内将随机出现的垃圾拖放到正确垃圾桶的环节？请说明核心交互逻辑。 【答案】 核心交互逻辑与步骤： 1. 游戏元素准备： 创建四个影片剪辑作为可交互的“垃圾桶”（bin_recyclable, bin_kitchen, bin_hazardous, bin_other），并放置在舞台固定位置。 创建多种垃圾的影片剪辑元件（如item_plasticBottle, item_battery等）。 2. 游戏初始化与变量设置（在第一帧或游戏开始帧）： actionscript (或相应JavaScript逻辑) var score:Number = 0; // 得分 var timeLeft:Number = 30; // 倒计时30秒 var totalItems:Number = 10; // 总题数 var currentItem:MovieClip; // 当前出现的垃圾物品 // 为每个垃圾桶实例添加事件监听，用于检测“投放” bin_recyclable.addEventListener(MouseEvent.MOUSE_UP, checkDrop); // ... 为其他三个垃圾桶添加同样监听 function checkDrop(event:MouseEvent):void { // 判断当前拖动的垃圾(currentItem)是否被放入正确的垃圾桶(event.target) // 根据结果更新分数(score)、播放反馈动画/音效 // 然后生成下一个垃圾物品 } 3. 随机生成垃圾物品： 编写一个函数spawnNewItem()，从垃圾库中随机选择一个元件，创建实例currentItem，将其放置在舞台上方随机位置。 为currentItem添加MOUSE_DOWN事件监听，在事件处理函数中调用startDrag()开始拖动。 4. 拖放与碰撞检测： 在checkDrop函数中，判断currentItem的中心点是否与释放鼠标时所在的垃圾桶(event.target)发生碰撞（可用hitTestPoint方法）。 同时，根据currentItem的类型和垃圾桶的类型判断是否正确。 5. 反馈与更新： 如果正确：播放“正确”音效，currentItem缩小消失动画，score增加，显示“+10”得分动画。 如果错误：播放“提示”音效，currentItem轻轻弹回原位，显示温和的纠正提示（如“电池是有害垃圾哦”）。 然后调用spawnNewItem()生成下一个垃圾，并减少totalItems计数。 6. 计时与结束： 使用Timer类或ENTER_FRAME事件每秒更新timeLeft，并更新屏幕上的倒计时显示。 当timeLeft <= 0 或 totalItems <= 0 时，游戏结束。停止生成新物品，显示最终得分和鼓励评语。 7. 界面与美化： 在舞台上添加显示得分(score_txt)、倒计时(timer_txt)和进度(progress_txt)的动态文本框。 为所有交互元素添加合适的鼠标悬停效果。 3. 在推广“垃圾分类”公益广告时，除了制作精良的动画本身，还可以通过哪些策略来最大化其传播效果和社会影响力？ 【答案】 多维整合传播策略： 1. 内容策略： 系列化：制作一系列短动画，每集聚焦一个具体问题（如“塑料瓶的旅程”、“厨余垃圾变肥料”），形成持续关注。 本土化：根据不同城市/地区的垃圾分类标准（如桶的颜色、类别名称）制作定制版本，提高 relevance。 多版本适配：制作长版（完整故事）、中版（核心知识）、短视频版（15秒精华）、GIF动图版（知识点卡），适配不同平台和场景。 2. 渠道策略： 线上全平台覆盖： 社交媒体：在微博、微信、抖音、B站等平台发布，使用相关话题标签（如垃圾分类、环保）。 视频平台：上传至腾讯视频、爱奇艺等，并申请公益频道推荐。 政务与教育平台：与地方环保局、教育局合作，在官网、公众号、学校多媒体平台推送。 线下场景渗透： 公共空间：在社区宣传栏电子屏、公交地铁移动电视、商场户外大屏循环播放。 教育机构：作为中小学环境教育课的辅助材料。 活动现场：在环保主题活动、社区宣传日现场播放。 3. 合作与联动策略： KOL/网红合作：邀请环保、亲子、生活类领域的博主进行二次创作或转发，利用其影响力扩大触及圈层。 企业合作：与外卖、快递、餐饮等产生大量生活垃圾的企业合作，在其App开屏、包装或门店播放广告，精准触达相关人群。 媒体合作：争取电视台、主流新闻网站的公益广告时段或栏目报道。 4. 互动与行动引导策略： 发起挑战：在抖音等平台发起“我家垃圾分类挑战”话题，鼓励用户拍摄自家分类视频并@好友。 开发轻量互动工具：将动画中的“分类小测试”游戏做成独立的H5页面，方便在微信中一键分享、挑战。 提供实用工具：将动画中的分类指南做成简洁的“分类查询”电子海报或小程序，方便居民随时查阅。 5. 效果评估与迭代： 设定传播指标：关注播放量、转发量、互动率、网站跳转量（如查询工具的使用量）。 收集反馈：通过评论区、问卷调查了解观众对内容的理解度和接受度。 持续优化：根据数据和反馈，调整后续动画的内容重点、表现形式或传播渠道。 通过以上策略的整合，可以将一部公益动画从一个单向传播的作品，升级为一个多维、互动、可持续的社会传播运动，从而最大化其教育意义和实际影响力。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $