第七章 网络动画广告的制作 教案 任务7.1 FLASH制作网站BANNER 课时授课计划 (80分钟)编号15 课程 授课 名称 网络广告策划设计与制作 班级 14计应321 讲次 15 授 计划在2018年5 月3 日星期 课 四第1 讲 日 期 实际在 年 月 日星期 第 讲 章 目 第七章网络动画广告的制作 节 任务7.1 FLASH制作网站BANNER 目 教 学 (1)掌握文本工具的使用方法： 目 (2)掌握分离的使用技巧和渐变色的添加方法。 标 教 学 教学 项目教学法 手段 利用多媒体、利用教学语言 方 法 教 学 重 文本工具的使用 难 文本的分离 点 点 教 任务7.1 FLASH制作网站BANNER【实训目的】 主 【实训条件】 要 【知识准备】 内 容 变 载 第1页
第 1 页 第七章 网络动画广告的制作 教案 任务 7.1 FLASH 制作网站 BANNER 课时授课计划 (80 分钟) 编号 15 课程 名称 网络广告策划设计与制作 授 课 班 级 14 计应 321 讲 次 15 授 课 日 期 计划在 2018 年 5 月 3 日星期 四 第 1 讲 实际在 年 月 日星期 第 讲 章 目 第七章 网络动画广告的制作 节 目 任务 7.1 FLASH 制作网站 BANNER 教 学 目 标 （1）掌握文本工具的使用方法； （2）掌握分离的使用技巧和渐变色的添加方法。 教 学 方 法 项目教学法 教学 手段 利用多媒体、利用教学语言 教 学 重 点 文本工具的使用 教 学 难 点 文本的分离 教 学 主 要 内 容 任务 7.1 FLASH 制作网站 BANNER【实训目的】 【实训条件】 【知识准备】 变 更 记 载
课时授课计划副页 年月日 教学过程及授课内容 附注 第一部分：教学设计 1教师布置本课程的任务 上课伊始教师布置本次课程任务，通过演示本任务最终效果，介绍 本次课程的相关情况。 2.教学组织与实施 本次课程采用任务驱动法，由师生共同完成任务，整个教学过程做 到“以任务为主线、教师为引导、学生为主体”。 具体的实施过程如下：在老师的的指导下，学生根据任务指导书， 完成部分信息的收集、方案的设计、项目实施及最终评价，学生通过该 项目的进行，了解并把握整个过程及每一个环节中的基本要求。 3.与学生互动了解学习效果 通过观察、提问、鼓励、启发、解答等步骤完成。 4.本次教学活动总结 归纳本次课程的主要内容，对学生学的情况进行点评，以鼓励为主。 第二部分教学内容 任务7.1 FLASH制作网站BANNER 【实训目的】 (1)掌握文本工具的使用方法： (2)掌握分离文本的使用技巧和渐变色的添加方法。 【实训条件】 (1)个人计算机一台： (2)个人计算机中预装Windows操作系统和浏览器及Flash软件。 【知识准备】 本实训需要的理论知识：网络广告的设计流程，广告表现元素的结合，F1lash 软件的基础应用。 第2页
第 2 页 课 时 授 课 计 划 副 页 年 月 日 教学过程及授课内容 附 注 第一部分：教学设计 1.教师布置本课程的任务 上课伊始教师布置本次课程任务，通过演示本任务最终效果，介绍 本次课程的相关情况。 2.教学组织与实施 本次课程采用任务驱动法，由师生共同完成任务，整个教学过程做 到“以任务为主线、教师为引导、学生为主体”。 具体的实施过程如下：在老师的的指导下，学生根据任务指导书， 完成部分信息的收集、方案的设计、项目实施及最终评价,学生通过该 项目的进行,了解并把握整个过程及每一个环节中的基本要求。 3.与学生互动了解学习效果 通过观察、提问、鼓励、启发、解答等步骤完成。 4.本次教学活动总结 归纳本次课程的主要内容，对学生学的情况进行点评，以鼓励为主。 第二部分 教学内容 任务 7.1 FLASH 制作网站 BANNER 【实训目的】 （1）掌握文本工具的使用方法； （2）掌握分离文本的使用技巧和渐变色的添加方法。 【实训条件】 （1）个人计算机一台； （2）个人计算机中预装 Windows 操作系统和浏览器及 Flash 软件。 【知识准备】 本实训需要的理论知识：网络广告的设计流程，广告表现元素的结合，Flash 软件的基础应用
课时授课计划副页 年月日 教学过程及授课内容 附注 任务1，绚丽的文字效果 【操作步骤及要求】 1.空心字制作 第一步：用文本工具输入文字“”，打开属性面板修改颜色、字体。 第二步：打开“修改”一一“分离”，打散两次。 第三步：用墨水瓶工具描边，选中填充颜色，删除。 如下图所示： 2. 五彩字 第一步：用文本工具输入文字“五彩缤纷”，打开属性面板修改颜色、字体。 第二步：打开“修改”一一“分离”，打散两次。 第三步：选中填充区域，在颜色面板中设置填充颜色类型为线性，并在颜色 面板中设置渐变色如下图所示： 合x年 /期 类型：扰性。 口 滋出■· ☑ 口线性RG8 虹：0 绿：102 蓝：255 lpha:100%*0066开 最终效果如下图所示： 五彩缤纷 3. 阴影字 第一步：用文本工具输入文字“阴影字”，设置颜色为蓝色。 第二步：选中文字，在滤镜面板中设置滤镜效果为投影，并设置相 关参数，具体如下图所示： 第3页
第 3 页 课 时 授 课 计 划 副 页 年 月 日 教学过程及授课内容 附 注 任务 1、绚丽的文字效果 【操作步骤及要求】 1. 空心字制作 第一步：用文本工具输入文字“”，打开属性面板修改颜色、字体。 第二步：打开“修改”——“分离”，打散两次。 第三步：用墨水瓶工具描边，选中填充颜色，删除。 如下图所示： 2. 五彩字 第一步：用文本工具输入文字“五彩缤纷”，打开属性面板修改颜色、字体。 第二步：打开“修改”——“分离”，打散两次。 第三步：选中填充区域，在颜色面板中设置填充颜色类型为线性，并在颜色 面板中设置渐变色如下图所示: 最终效果如下图所示： 3. 阴影字 第一步：用文本工具输入文字“阴影字”，设置颜色为蓝色。 第二步：选中文字，在滤镜面板中设置滤镜效果为投影，并设置相 关参数，具体如下图所示：
课时授课计划副页 年月日 教学过程及授课内容 附注 姓浦银×梦数 女一公B 模糊X:9 颜色： □挖空 模糊：9 口内侧阴影 强度：97%日 角度：36可 □隐藏对家 品质：高 距离：10日 最终效果如下图所示： 阴影字 评价标准 序号 评价内容 评价标准 1 空心字 文字为空心 2 五彩字 文字有渐变效果 3 阴影字 有阴影效果 4 整体效果 字体合适、大小适中、色彩搭配合理、各类效果漂亮 作业布置 1.波动字 用文本工具输入文字“波动字”，打散两次，使用任意变形工具的封套选项， 调节文字效果。 2.雕刻字 用文本工具输入文字“雕刻字”，设置为蓝色，复制出两个“雕刻字”修改 颜色分别为白色和黑色，调节图层从上到下依次为蓝色，白色和黑色。 波动字 第4页
第 4 页 课 时 授 课 计 划 副 页 年 月 日 教学过程及授课内容 附 注 最终效果如下图所示： 评价标准 序号 评价内容 评价标准 1 空心字 文字为空心 2 五彩字 文字有渐变效果 3 阴影字 有阴影效果 4 整体效果 字体合适、大小适中、色彩搭配合理、各类效果漂亮 作业布置 1. 波动字 用文本工具输入文字“波动字”，打散两次，使用任意变形工具的封套选项， 调节文字效果。 2. 雕刻字 用文本工具输入文字“雕刻字”，设置为蓝色，复制出两个“雕刻字”修改 颜色分别为白色和黑色，调节图层从上到下依次为蓝色，白色和黑色
课时授课计划副页 年月日 教学过程及授课内容 附注 雕刻字 3. 荧光字 用文本工具输入文字“hongen”,制作空心字，颜色为黄色，选中文字，打 开“修改”一一“形状”一一“将线条转化为填充”一一“柔化填充边缘”。 4. 镂空字 打开“文件”一一“导入”，导入一幅图片。用矩形工具拖拽矩形，颜色为 绿色，文本工具输入文字“f1ash”,打散，文字放到矩形上，取消选中，删除文 字，组合。把做好的效果放到图片上。 hongen 5.双色字 用文本工具输入文字“双色字”，打散两次，选择工具选中文字一部分，填 充颜色。 双色字 任务2：残文字L0G0 【效果图】残影文字LOGO 第5页
第 5 页 课 时 授 课 计 划 副 页 年 月 日 教学过程及授课内容 附 注 3. 荧光字 用文本工具输入文字“hongen”，制作空心字，颜色为黄色，选中文字，打 开“修改”——“形状”——“将线条转化为填充”——“柔化填充边缘”。 4. 镂空字 打开“文件”——“导入”，导入一幅图片。用矩形工具拖拽矩形，颜色为 绿色，文本工具输入文字“flash”，打散，文字放到矩形上，取消选中，删除文 字，组合。把做好的效果放到图片上。 5. 双色字 用文本工具输入文字“双色字”，打散两次，选择工具选中文字一部分，填 充颜色。 任务 2：残影文字 LOGO 【效果图】残影文字 LOGO
课时授课计划副页 年月日 教学过程及授课内容 附注 【知识点】文本处理、时间轴特效、图层、动作补间动画 【拓展应用】网页标志、制作文本特效 【操作步骤】 1.启动FLASH CS3,文件一一新建一一FLASH文件： 2.打开属性面板一一改变舞台大小为200*100，背景颜色为黑色： 3.选中文字工具按钮一一打开属性面板一一修改文字属性（字体、大小、 颜色等)一一输入文字“职教中心”： 4. 将文字制作成空心字（两次CTRL+B命令一一用墨水瓶描边一一删除文 字中间的填充部分)： 5. 选中空心字一一F8(转换为元件)一一图形一一确定： 6.选中时间轴上的第30帧一一F6(插入关键帧) 一一使用任意变形工具改 变空心字的大小： 7. 右键单击第1到30帧中间的任意位置一一选择“创建补间动画”命令： 8. 全部选中第1到第30帧一一单击右键一一选择“复制帧”命令： 9. 新建一个图层2一一在第5帧处单击右键一一选择“粘贴帧”命令： 10.重复执行第10步，直到图层6，此时，时间轴如下图所示： 时间轴一 当场景1 台.白.100x 需冯口1 20 30 35 40 45 50 55 6065 口图层6 图层5 D园层4 口足际3 0 口图层2 口图层1 切白 6h2512.0ps2.0s< 【小贴士】 常用的快捷键见下表： 新建文档 文档属性对话框 分离 转换为元件 插入关键 CTRL+N CTRL+J CTRL+B F8 F6 动作补间动画的基本步骤： 第一步：创建对象： 第二步：转换为元件： 第三步：在结束位置插入关键帧，并调整对象的属性： 第四步：执行“创建补间动画命令”。 任务3：闪光文字L0G0 【效果图】闪光文字LOGO0 【知识点】文本处理、时间轴特效、形状补间动画、图层、遮罩动画 【拓展应用】网页标志、制作文本特效 【操作步骤】 第6页
第 6 页 课 时 授 课 计 划 副 页 年 月 日 教学过程及授课内容 附 注 【知识点】文本处理、时间轴特效、图层、动作补间动画 【拓展应用】网页标志、制作文本特效 【操作步骤】 1. 启动 FLASH CS3，文件——新建——FLASH 文件； 2. 打开属性面板——改变舞台大小为 200*100，背景颜色为黑色； 3. 选中文字工具按钮——打开属性面板——修改文字属性（字体、大小、 颜色等）——输入文字“职教中心”； 4. 将文字制作成空心字（两次 CTRL+B 命令——用墨水瓶描边——删除文 字中间的填充部分）； 5. 选中空心字——F8（转换为元件）——图形——确定； 6. 选中时间轴上的第 30 帧——F6（插入关键帧）——使用任意变形工具改 变空心字的大小； 7. 右键单击第 1 到 30 帧中间的任意位置——选择“创建补间动画”命令； 8. 全部选中第 1 到第 30 帧——单击右键——选择“复制帧”命令； 9. 新建一个图层 2——在第 5 帧处单击右键——选择“粘贴帧”命令； 10. 重复执行第 10 步，直到图层 6，此时，时间轴如下图所示； 【小贴士】 常用的快捷键见下表： 新建文档 文档属性对话框 分离 转换为元件 插入关键帧 CTRL+N CTRL+J CTRL+B F8 F6 动作补间动画的基本步骤： 第一步：创建对象； 第二步：转换为元件； 第三步：在结束位置插入关键帧，并调整对象的属性； 第四步：执行“创建补间动画命令”。 任务 3：闪光文字 LOGO 【效果图】闪光文字 LOGO 【知识点】文本处理、时间轴特效、形状补间动画、图层、遮罩动画 【拓展应用】网页标志、制作文本特效 【操作步骤】
课时授课计划副页 年月日 教学过程及授课内容 附注 1.启动FLASH CS3,文件一一新建一一FLASH文件： 2. 打开属性面板一一改变舞台大小为200*100，背景颜色为黑色： 3.选中文字工具按钮一一打开属性面板一一修改文字属性（字体、大小、 颜色等)一一输入文字“闪光”： 4. 将文字制作成描边字（两次CTL+B命令一一用墨水瓶描边）： 5. 选中时间轴上的第5帧一一F6(插入关键帧)一一使用油漆桶工具改变 文字的填充颜色： 6. 重复执行第5步，直到第30帧，然后选中第70帧，按下F5(插入静止 帧)： 7.新建一个图层2，选中第31帧，按F7(插入一个空白关键帧)，使用矩 形工具在文字的下方画一个矩形(155px*7px): 8. 选中第50帧一一按F6一一选中第70帧一一按F6,然后调整第50帧上， 将矩形移至文字的上方： 9. 选中第31帧一一打开属性面板一一补间里选“形状”： 10.选中第51帧一一打开属性面板一一补间里选“形状”： 11.右击图层1的第70帧一一复制帧- 新建一个图层3一一右击新图层的 第31帧一一粘贴帧一一选中文字一一去掉边框： 12.右击图层3名称位置一一遮罩层，此时，时间轴如下图所示： 时间确。名场景1 色.女.1 满图口1510152025 354055056065T07505 0竖3 W·▣ 2图层2 图口 可图呢1 切森包 回过3112.02.5x《 【小贴士】 形状补间动画的基本步骤： 第一步：创建对象： 第二步：如果不是点状化的图象，执行“CTL+B”命令将其打散： 第三步：动画结束位置插入关键帧： 第四步：选中动画的开始帧一一打开属性面板一一补间一一形状： 遮罩动画的基本步骤： 第一步：创建补间动画： 第二步：新建一个图层，并创建对象： 第三步：右击新图层一一遮罩层，创建遮罩动画： 任务4：滚动文字L0G0 第7页
第 7 页 课 时 授 课 计 划 副 页 年 月 日 教学过程及授课内容 附 注 1. 启动 FLASH CS3，文件——新建——FLASH 文件； 2. 打开属性面板——改变舞台大小为 200*100，背景颜色为黑色； 3. 选中文字工具按钮——打开属性面板——修改文字属性（字体、大小、 颜色等）——输入文字“闪光”； 4. 将文字制作成描边字（两次 CTRL+B 命令——用墨水瓶描边）； 5. 选中时间轴上的第 5 帧——F6（插入关键帧）——使用油漆桶工具改变 文字的填充颜色； 6. 重复执行第 5 步，直到第 30 帧，然后选中第 70 帧，按下 F5（插入静止 帧）； 7. 新建一个图层 2，选中第 31 帧，按 F7（插入一个空白关键帧），使用矩 形工具在文字的下方画一个矩形（155px*7px）； 8. 选中第 50 帧——按 F6——选中第 70 帧——按 F6，然后调整第 50 帧上， 将矩形移至文字的上方； 9. 选中第 31 帧——打开属性面板——补间里选“形状”； 10. 选中第 51 帧——打开属性面板——补间里选“形状”； 11. 右击图层 1 的第 70 帧——复制帧——新建一个图层 3——右击新图层的 第 31 帧——粘贴帧——选中文字——去掉边框； 12. 右击图层 3 名称位置——遮罩层，此时，时间轴如下图所示： 【小贴士】 形状补间动画的基本步骤： 第一步：创建对象； 第二步：如果不是点状化的图象，执行“CTRL+B”命令将其打散； 第三步：动画结束位置插入关键帧； 第四步：选中动画的开始帧——打开属性面板——补间——形状； 遮罩动画的基本步骤： 第一步：创建补间动画； 第二步：新建一个图层，并创建对象； 第三步：右击新图层——遮罩层，创建遮罩动画； 任务 4：滚动文字 LOGO
课时授课计划副页 年月日 教学过程及授课内容 附注 【效果图】滚动文字LOGO 【知识点】文本处理、动作补间动画 【拓展应用】网页标志、制作按钮 【操作步骤】 1.启动FLASH CS.3,文件一一新建一一FLASH文件： 2. 打开属性面板一一改变舞台大小为200*80px: 3 选中文字工具按钮一一打开属性面板一一修改文字属性（字体、大小、 颜色等)一一输入文字“超越自我”： 4. 选中文字一一F8(转换为元件)一一图形一一确定： 5. 选中时间轴上的第20帧一一F6(插入关键帧)一一使用任意变形工具改 变文字的高度为5px,打开属性面板，将文字的ALPHA值改为5%： 6. 右键单击第1到20帧中间的任意位置一一选择“创建补间动画”命令： 7. 选中图层1中的所有帧一一右击一一选择“复制帧”命令： 8. 新建一个图层2一一在第1帧处单击右键一一选择“粘贴帧”命令： 9. 选择图层2的所有帧一一右击一一选择“翻转帧”命令一一适当调整关 键帧上文字的位置，此时，时间轴如下图所示： 0▣151015 25303540 55 日图眼2 ·◆□】 是数 日机日 1a62012.0p51.6s《 【小贴士】 翻转帧的操作可以将选中的所有帧的顺序倒转： 【课上实战】 实战一： 手写字特效L0G0 操作提示：文档大小：100*100： 时间轴如下图所示： 口1510152025 30 35404550 55 1图暖1 y··口.a 卫a▣3 月1a66以3012.0ps2.4s 实战二： 风吹字特效LOGO 操作提示：文档大小：200*120： 时间轴如下图所示： 第8页
第 8 页 课 时 授 课 计 划 副 页 年 月 日 教学过程及授课内容 附 注 【效果图】滚动文字 LOGO 【知识点】文本处理、动作补间动画 【拓展应用】网页标志、制作按钮 【操作步骤】 1. 启动 FLASH CS3，文件——新建——FLASH 文件； 2. 打开属性面板——改变舞台大小为 200*80px； 3. 选中文字工具按钮——打开属性面板——修改文字属性（字体、大小、 颜色等）——输入文字“超越自我”； 4. 选中文字——F8（转换为元件）——图形——确定； 5. 选中时间轴上的第 20 帧——F6（插入关键帧）——使用任意变形工具改 变文字的高度为 5px，打开属性面板，将文字的 ALPHA 值改为 5%； 6. 右键单击第 1 到 20 帧中间的任意位置——选择“创建补间动画”命令； 7. 选中图层 1 中的所有帧——右击——选择“复制帧”命令； 8. 新建一个图层 2——在第 1 帧处单击右键——选择“粘贴帧”命令； 9. 选择图层 2 的所有帧——右击——选择“翻转帧”命令——适当调整关 键帧上文字的位置，此时，时间轴如下图所示； 【小贴士】 翻转帧的操作可以将选中的所有帧的顺序倒转； 【课上实战】 实战一： 手写字特效 LOGO 操作提示：文档大小：100*100； 时间轴如下图所示： 实战二： 风吹字特效 LOGO 操作提示：文档大小：200*120； 时间轴如下图所示：
课时授课计划副页 年月日 教学过程及授课内容 附注 。151015 20 25 3540 455055 司随 y··口 可凤 。 日作口市 川4h66日2912.0ps2.3s3 教学反思： 第9页
第 9 页 课 时 授 课 计 划 副 页 年 月 日 教学过程及授课内容 附 注 教学反思：
任务7.2 FLASH制作网站LOGO 课时授课计划 (80分钟)编号16 课程 名称 网络广告策划设计与制作 授课 14计应321 班级 讲次 16 授 课 计划在 2018年5月3 日星期 四 第2讲 日 期 实际在 年 月 日星期 第 讲 章 第七章网络动画广告的制作 节 任务7.2 FLASH制作网站LOG0 目 学 (1)掌握文本工具的使用方法： 目 (2)掌握分离的使用技巧和渐变色的添加方法。 标 教 学 项目教学法 教学 方 手段 利用多媒体、利用教学语言 法 教 教 学 文本工具的使用 文本的分离 点 点 任务7.2 FLASH制作网站LOG0 学 【实训目的】 要 【实训条件】 【知识准备】 容 更记载 第10页
第 10 页 任务 7.2 FLASH 制作网站 LOGO 课时授课计划 (80 分钟) 编号 16 课程 名称 网络广告策划设计与制作 授 课 班 级 14 计应 321 讲 次 16 授 课 日 期 计划在 2018 年 5 月 3 日星期 四 第 2 讲 实际在 年 月 日星期 第 讲 章 目 第七章 网络动画广告的制作 节 目 任务 7.2 FLASH 制作网站 LOGO 教 学 目 标 （1）掌握文本工具的使用方法； （2）掌握分离的使用技巧和渐变色的添加方法。 教 学 方 法 项目教学法 教学 手段 利用多媒体、利用教学语言 教 学 重 点 文本工具的使用 教 学 难 点 文本的分离 教 学 主 要 内 容 任务 7.2 FLASH 制作网站 LOGO 【实训目的】 【实训条件】 【知识准备】 变 更 记 载