中等专业学校2022-2023-2教案
编号：
备课组别 | 计算机 | 课程名称 | Flash CS6 动画制作 | 所在 年级 | 一年级 | 主备 教师 | |||
授课教师 | 授课系部 | 授课班级 | 授课 日期 | ||||||
课题 | 项目二 Banner设计与制作 任务3 设计制作 Banner文字 | ||||||||
教学 目标 | 1.了解文字在Banner设计中的地位 | ||||||||
2.掌握Banner中文字设计技巧 | |||||||||
3.掌握特效文字动画制作 | |||||||||
重点 | 掌握Banner中文字设计技巧 | ||||||||
难点 | 掌握特效文字动画制作 | ||||||||
教法 | 直观演示法、任务驱动法、讲解法 | ||||||||
教学设备 | 计算机机房 | ||||||||
教 学 内 容 教 学 内 容 教 学 内 容 教 学 内 容 | 教学活动内容及组织过程 | 个案补充 | |||||||
【新课引入】 在Banner中，信息的表达通常是通过文字、图像等方式，其中Banner中最重要的设计元素就是文字，相对于图形来说，文字的信息传递方式更直接，所以文字在Banner的设计中占有举足轻重的地位。 分享图片并导入今天的课程。 【教学过程及内容】 预备知识 一、了解文字在Banner设计中的地位 为了配合网页的整体效果，网页中Banner文字的设计，一般以特效文字样式呈现，用以突出主题。图2-3-1所示网页Banner中的字体使用了渐变描边文字，来彰显活动的主题。 图2-3-1 网页Banner示例 1.掌握Banner中文字设计的技巧 随着生活中不同应用需求的增加，各类Banner设计对文字的要求也日益增多。Banner中的文字可以根据不同需求，不同的氛围，去寻具有准确性、关联性、独特性的个性设计，以传递用户的需求和产品特征，下面和大家分享一些Banner中文字设计的技巧。 处理文字的数量 如果Banner中的文字过长，而且不能删减文字的情况下，如图2-3-3所示宣传端午节的网页Banner，可对文字进行比较处理，突出主题文字。 图2-3-3 网页Banner长文字示例 2．构建辅助的视觉 （1）文字+背景陪衬两段式。这类Banner设计画面感强，视觉集中，突出文字显示主题，如图2-3-5所示。 图2-3-5 文字+背景陪衬两段式 （2）文字+主体物两段式。这类Banner设计中文字和图案相辅相成，起到文字言事，图案补充理解的效果，最适合做介绍类或者产品类的Banner，如图2-3-6所示。 （3）主体物+背景+文字三段式。这类Banner设计是目前应用最广泛的主流设计。画面虚实结合，主次关系明显，如图2-3-7所示。 3．控制文字的留白 文字的旁边要留有一定剩余的空间，这样能使它们更突出，避免广告条的每一个角都有文字，不要以为这样做分散文字，可以通过调整个别的文字，让浏览者更好地理解。 调整文字的间距 如果文字较小，间距也小的话，会使浏览非常困难，轻微的调整能产生意想不到的变化。 越小的文字越需要大的间距来提高它们的可读性。 二、掌握特效文字动画制作 在Flash中提供了非常强大的文本编辑功能，在动画效果中除了可以输入文本内容外，还可以制作出各种特效文字动画。下面主要介绍火焰文字、模糊 文字、渐现文字等特效文字动画的创建。 案例 2-3-1 淡入淡出文字动画 本案例是为科技公司设计的网站宣传Banner动画，在富有科技感的渐变蓝背景下，左面自下向上显示双手托举网络互联的地球图片，同时右面文字淡入淡出显示广告宣传语，两者相得益彰，如图2-3-14所示。 图2-3-14 动画效果 案例 2-3-2 跳动文字动画 本例设计的是房地产广告，制作出在背景图片的衬托下，一排文字形成一道动态风景的跳动文字动画，通过文字动画，加强画面表现力，效果如图2-3-15所示。 图2-3-15 跳动文字动画效果 【课堂小结】抓住课文重点。 【作业布置】完成同步练习。 | |||||||||
板 书 设 计 | 项目二 Banner设计与制作 任务3 设计制作 Banner文字 1.了解文字在Banner设计中的地位 2.掌握Banner中文字设计技巧 3.掌握特效文字动画制作 | ||||||||
教后札记 | |||||||||
发表评论