Flash网站设计与制作——制作Logo动画教案-2022-2023学年度高一下学期中国工信出版集团中职Flash CS6动画制作

中等专业学校2022-2023-2教案 编号： 备课组别 计算机 课程名称 Flash CS6 动画制作 所在 年级 一年级 主备 教师 授课教师 授课系部 授课班级 授课 日期 课题 项目三 Flash网站设计与制作 任务3 制作Logo 动画 教学 目标 1.了解 Logo动画 2.掌握 Logo动画的制作方法 重点 掌握 Logo动画的制作方法 难点 掌握 Logo动画的制作方法 教法 直观演示法、任务驱动法、讲解法 教学设备 计算机机房 教 学 环 节 教 学 环 节 教 学 环 节 教 学 环 节 教学活动内容及组织过程 个案补充 【新课引入】 回顾上节课所学知识，并向同学们展示一些经典的logo，导入新课。 【教学过程及内容】 Logo是商标、徽标的英文logotype缩写，品牌Logo对企业起到识别和推广的作用。通过个性形象的Logo可以让用户记住公司主体和品牌文化。在网站中Logo主要是各个网站用来区别与其它网站链接的图形标志，代表一个网站或网站的一个板块。Logo动画一般在网站首页横幅中呈现，也可以在网站加载时呈现。 一、理解Loading动画原理 1.Logo动画本质上是把一个静态的logo打破，再把这些部分利用动画的方式结合在一起，也就是把新的生命力注入到logo中，使整个网站更生动具有活力。Logo设计趋势离不开当下媒体技术的发展，随着动态设计的热度持续增长，Logo动画也已经常见于网站品牌设计和营销，下图为小米公司Logo动画设计。 2.Logo 动画的优势主要包括以下几点。 (1)更好地呈现品牌故事。动态 Logo 和传统的静态 Lgo 可以同时存在，如果 Logo 动起来，设计师就多了一种传达品牌故事的方式，可以跳出局限于平面的呈现方式，让用户以一种全新的方式来感知品牌。 (2)具有更高的识别度。动态 Logo 比静态 Log 更容易被用户理解和记住，能够更好地吸引潜在用户的注意力。 (3)唤醒用户的情绪。动态图像不仅能够让用户喜悦、兴奋，还可以触发用户不同的情绪一个有趣的动态 Logo 不仅能够给用户带来积极的情绪，还可以使用户将 Logo 和快乐的东西联系起来。 (4)应用范围更广，效果更好。社交网络是产品推广的主要平台之一。不管是网页、App,还是动态图片和视频，都是具有强大传播力的营销工具，它们易于共享，承载能力强。因此，Logo 动画更易于在互联网上广泛传播，同时可以融入产品视频宣传等不同的形式,进行广泛的传播与分享。 【案例操作一】：制作“腾讯新闻”的Logo动画 动画的运动过程，体现了“腾讯新闻”的理念及Logo的内涵，使用Flash软件制作更好的展现了本Logo动画的行若流水的动画运动效果，把新的生命力注入到了Logo，抓住了眼球，充满了活力。制作过程主要运用到了Flash的引导层动画和遮罩动画制作技术。 操作中注意事项： ①所要绘制的内容比较多，如：蝌蚪状外框，logo中红蓝双人图案，绿红黄三色的载入进度点，运动轨迹引导线，“全民健身”图案波纹显示等。 ②用到的工具比价广，比如：钢笔工具、椭圆工具、油漆桶工具等。 ③创建的元件多，对于常见的图形元件、按钮元件、影片剪辑元件都有使用到。同时使用多个元件的实例。 ④动画使用比较多，为了让logo运动起来，主要使用了传统补间动画、补间形状动画、引导层动画、遮罩动画等。 【课堂小结】 本任务主要介绍了Logo动画及优势，通过“腾讯新闻”Logo动画的案例制作，讲解了Logo动画的制作方法。 【作业布置】 1.有条件的同学观看“我要自学网”。 2.制作“百事可乐”的Logo动画，其效果如下图。 板 书 设 计 项目三 Flash网站设计与制作 任务3 制作Logo 动画 1. 了解logo动画 2. 制作logo动画 教后札记 学科网（北京）股份有限公司 $