Banner设计与制作——设计制作Banner主题教案-2022-2023学年度高一下学期中国工信出版集团中等专业学校Flash CS6动画制作

中等专业学校2022-2023-2教案 编号： 备课组别 计算机 课程名称 Flash CS6 动画制作 所在 年级 一年级 主备 教师 授课教师 授课系部 授课班级 授课 日期 课题 项目二 Banner设计与制作 任务4 设计制作Banner主题 教学 目标 1.了解Banner主题设计风格 2.掌握Banner主题设计技巧 3.掌握Banner主题设计动画的制作 重点 了解Banner主题设计风格 难点 熟练掌握Banner主题设计动画的制作 教法 直观演示法、任务驱动法、讲解法 教学设备 计算机机房 教 学 内 容 教 学 内 容 教 学 内 容 教 学 内 容 教学活动内容及组织过程 个案补充 【新课引入】 本任务将带领大家了解Banner主题设计风格，以及掌握Banner主题设计技巧和动画的制作。 【教学过程及内容】 预备知识 一、了解Banner主题设计风格 在进行设计之前，首先应该与用户沟通，了解用户想要表达的主题，然后确定设计的风格，有针对性地对Banner主题进行设计，形象鲜明的展示所要表达的内容。下面通过一些实例来了解常见的Banner主题设计风格。 1．时尚风 图2-4-1所示为两个Banner设计，其都有共同的特点，大标题、模特，报刊潮流杂志风。这类风格主要用于衣饰、鞋帽等流行单品的展示。 图2-4-1 时尚风示例 2．复古风 复古风的特点是传统元素和复古图案，图2-4-2所示的左边的Banner中文字使用了水墨感觉的书法字体，右边的Banner则是包含了传统的赛龙舟剪纸元素，非常切合端午节的主题。 图2-4-2 复古风示例 3．清新风 清新风的特点就是画面清爽、唯美，色彩搭配清新自然，图2-4-3所示的banner，就给人十分清丽和透亮的感觉。 图2-4-3 清新风示例 4．炫酷风 这种风格通常比较多的使用深色背景，常用有质感的元素与光影特效，色彩华丽，引人入胜 二、掌握Banner主题设计技巧 在实际的工作中经常会遇到不同Banner主题设计的需求，从设计成本考虑用户不会给太多的设计时间，那么如何才能在短时间内做出一个成功的banner呢？下面总结出一些Banner主题设计的技巧一起分享。 1．思考主题定位 （1）考虑对象的定位 因为分类内容不同，门户网站各个频道有着不同的风格，所以在做设计的时候也要考虑这个因素，图2-4-7所示为女性频道的定位是女性 ，所以这个Banner的设计风格也很贴合这个定位。 图2-4-7 女性频道主题Banner （2）考虑专题的定位 频道和专题的定位有时是有冲突的，当存在风格冲突的情况下，尽量以贴合专题的定位为主，也尽可能避免偏离频道风格。图2-4-8所示是女性频道下的一个怀旧专题，所以在画面上就呈现出一些老上海怀旧的感觉。 图2-4-8 怀旧主题Banner 2．创造力对主题的艺术化表现 （1）新感觉重塑严肃话题 （2）幽默感呈现轻松话题 （3）小情调充实主题创意 三、掌握Banner主题设计动画的制作 案例 2-4-1 复古主题设计动画 本例是东方意蕴设计工作室网站的Banner导航动画。在彩色图案和黑白色图案相结合的背景下，沿藤蔓飞舞的蝴蝶，下落的文字，营造出复古的氛围，呼应网站主题，效果如图2-4-12所示。 图2-2-12 复古主题设计动画效果 【课堂小结】 在本节里主要学习了Banner主题设计相关的知识，介绍了几类Banner主题设计的风格、特点，和读者分享了Banner主题设计中运用到的几点小技巧，最后结合实际范例讲解了Banner主题设计动画的制作方法。希望读者能够举一反三学会制作简单的Banner主题动画。 【作业布置】 完成同步练习。 板 书 设 计 项目二 Banner设计与制作 任务4 设计制作Banner主题 1. 了解Banner主题设计风格 2. 掌握Banner主题设计技巧 3. 掌握Banner主题设计动画的制作方法 教后札记 学科网（北京）股份有限公司 $