《网页美工与动画》教案

1、机电和信息工程学院教案授课周次1 授课课次1上课时间 课程章节项目1 Photoshop CS入门教学目的使学生熟练掌握Photoshop CS的工具箱、工作面板的应用，能Photoshop CS能绘制简单图形。内容提要 及板书设计项目1 Photoshop CS入门学习任务1.1 Photoshop CS应用领域简介学习任务1.2 Photoshop案例赏析学习任务1.3 一个Photoshop CS入门案例Photoshop CS3工作环境设置颜色项目实训 城市中的大象重点、难点 及解决方案重点：Photoshop图像处理的基础知识和工作界面。难点：Photoshop的基本操作。解决方案：

2、结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1.5学时2项目实训0.5学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业实训 思考与练习1作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注绪论项目1 Photoshop CS入门学习任务1.1 Photoshop CS应用领域简介1.平面设计2.修复照片3.广告摄影4.影像创意5.艺术文字6.网页制作7.建筑效果图后

3、期修饰8.绘画9.绘制或处理三维贴图10.纱照片设计11.视觉创意12.图标制作13.界面设计学习任务1.2 Photoshop案例赏析案例1照片处理案例2贺卡制作案例3Logo设计案例4名片设计案例5海报制作案例6包装设计学习任务1.3 一个Photoshop CS入门案例1.案例简介2.制作流程3.操作步骤4.课堂讲解1. Photoshop CS3工作环境2. 设置颜色项目实训 城市中的大象5分钟25分钟15分钟30分钟15分钟机电和信息工程学院教案授课周次2 授课课次2上课时间 课程章节项目2照片处理项目教学目的使学生掌握Photoshop图像选取的基本方法，了解照片处理的基本方法，掌

4、握照片处理相关工具的使用。内容提要 及板书设计项目2照片处理学习任务2.1美化照片中的人物红眼工具 套索工具学习任务2.2为黑白照片上色调整色相/饱和度学习任务2.3脸部增白蒙版 快速蒙版实训1修复红眼实训2修复老照片重点、难点 及解决方案重点：Photoshop的选择工具的使用技巧。难点：各种区域选择工具对图像进行区域选择。解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平

5、面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业学习任务 项目实训作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注项目2照片处理学习任务2.1美化照片中的人物1案例简介2制作流程3操作步骤4课堂讲解学习任务2.2为黑白照片上色1案例简介2制作流程3操作步骤4课堂讲解学习任务2.3脸部增白1案例简介2制作流程3操作步骤4课堂讲解实训1修复红眼实训2修复老照片15分钟15分钟15分钟45分钟机电和信息工程学院教案授课周次3授课课次3上课时间课程章节项目2照片处理项目教学目的使学生掌握Photoshop图像选取的方法，掌握照片处理相关工具的使用，对照片进行后期处理

6、。内容提要 及板书设计项目2照片处理学习任务2.4去除照片中多余的人物魔棒工具学习任务2.5合成图像移动工具 自由变换实训3调整照片的曝光度实训4调整图像色调实训5为照片添加彩虹重点、难点 及解决方案重点：Photoshop的选择工具的使用技巧。难点：各种区域选择工具对图像进行区域选择。解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩琴编著，清

7、华大学出版社，2012.2作业学习任务 项目实训 作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注项目2照片处理学习任务2.4去除照片中多余的人物1案例简介2制作流程3操作步骤4课堂讲解学习任务2.5合成图像1案例简介2制作流程3操作步骤4课堂讲解实训3调整照片的曝光度实训4调整图像色调实训5为照片添加彩虹20分钟15分钟55分钟机电和信息工程学院教案授课周次4 授课课次4上课时间 课程章节项目3 办公用品设计教学目的使学生掌握文字工具的应用，熟悉自动化处理功能的应用，掌握渐变工具和画笔工具的应用。内容提要 及板书设计项目3 办公用品设计学习任务3.1 封面制作文字工具学习任务3

8、.2 信封制作自动化处理学习任务3.3 名片渐变工具学习任务3.4 贺卡画笔工具实训1邮票设计实训2画册重点、难点 及解决方案重点：绘图工具的使用方法、文字处理。难点：历史面板的作用和使用方法。解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业学习任务 项目实训作业完成方式书面（ ）电子（ ）教学后记序号具

9、 体 内 容备注项目3 办公用品设计学习任务3.1 封面制作1案例简介2制作流程3操作步骤4课堂讲解文字工具学习任务3.2 信封制作1案例简介2制作流程3操作步骤4课堂讲解自动化处理学习任务3.3 名片1案例简介2制作流程3操作步骤4课堂讲解渐变工具学习任务3.4 贺卡1案例简介2制作流程3操作步骤4课堂讲解画笔工具实训1邮票设计实训2画册10分钟10分钟10分钟15分钟45分钟机电和信息工程学院教案授课周次6授课课次5上课时间 课程章节项目4 Logo设计教学目的使学生掌握蒙版的使用方法，掌握路径工具、形状工具的使用方法，掌握LOGO设计与制作的技巧。内容提要 及板书设计项目4 Logo设计

10、学习任务4.1 奥运五环设计路径工具 钢笔工具学习任务4.2 宝马标志设计删除工具 油漆桶工具 填充命令学习任务4.3 手镯设计渲染滤镜实训1百事可乐标志实训2指示牌实训3梦幻波纹重点、难点 及解决方案重点：Photoshop中路径的使用。难点：通过路径的操作来完成一些其他绘图工具不能完成的工作。解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩

11、琴编著，清华大学出版社，2012.2作业项目实训 思考与练习4作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注 项目4 Logo设计学习任务4.1奥运五环设计1案例简介2制作流程3操作步骤4课堂讲解路径工具钢笔工具学习任务4.2宝马标志设计1案例简介2制作流程3操作步骤4课堂讲解删除工具油漆桶工具填充命令学习任务4.3手镯设计1案例简介2制作流程3操作步骤4课堂讲解渲染滤镜实训1百事可乐标志实训2指示牌实训3梦幻波纹15分钟15分钟15分钟45分钟机电和信息工程学院教案授课周次7 授课课次6上课时间课程章节项目5 广告设计教学目的使学生能熟练利用Photoshop设计与制作广告和

12、海报，掌握混合模式的应用，掌握滤镜、快速蒙版的使用。内容提要 及板书设计项目5 广告设计学习任务5.1 楼盘广告图层混合模式学习任务5.2 公益广告杂色滤镜学习任务5.3 怀旧海报快速蒙版实训1公益广告实训2汽车海报重点、难点 及解决方案重点：Photoshop中通道的知识及蒙版的使用方法。难点：通道和蒙版处理图像的方法和技巧。解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目

13、平面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业项目实训 思考与练习5作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注项目5广告设计学习任务5.1楼盘广告1案例简介2制作流程3操作步骤4课堂讲解图层混合模式学习任务5.2公益广告1案例简介2制作流程3操作步骤4课堂讲解杂色滤镜学习任务5.3怀旧海报1案例简介2制作流程3操作步骤4课堂讲解快速蒙版实训1公益广告实训2汽车海报15分钟15分钟15分钟45分钟机电和信息工程学院教案授课周次8授课课次7上课时间 课程章节项目6 包装设计教学目的使学生熟练使用Photoshop的各种工具和命令进行各种包装的设计， 掌

14、握各种工具使用的技巧。内容提要 及板书设计项目6 包装设计 学习任务6.1 苹果汁包装 1. 自由钢笔工具2. 路径选择工具和直接选择工具学习任务6.2 软件包装设计 形状工具实训1薯片包装重点、难点 及解决方案重点：自由钢笔工具、路径选择工具和直接选择工具。难点：通过路径的操作来完成一些其他绘图工具不能完成的工作。解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动

15、画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业学习任务 实训1薯片包装作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注项目6包装设计学习任务6.1苹果汁包装1案例简介2制作流程3操作步骤4课堂讲解自由钢笔工具路径选择工具和直接选择工具学习任务6.2软件包装设计1案例简介2制作流程3操作步骤4课堂讲解形状工具实训1薯片包装40分钟20分钟30分钟机电和信息工程学院教案授课周次9授课课次8上课时间课程章节项目6 包装设计教学目的使学生掌握各种选区相结合的使用方法，掌握文字工具、图层样式的使用方法。内容提要 及板书设计项目6 包装设计 学习任务6.3 酒瓶 历史记录实训2

16、芒果干包装实训3环保袋重点、难点 及解决方案重点：Photoshop的选择工具的使用技巧。难点：各种区域选择工具对图像进行区域选择。解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业学习任务 思考与练习6作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注项目6 包装设计 学习任务6.3 酒瓶1案

17、例简介2制作流程3操作步骤4课堂讲解历史记录实训2芒果干包装实训3环保袋35分钟55分钟机电和信息工程学院教案授课周次10授课课次9上课时间课程章节项目2照片处理项目教学目的使学生了解到flash的应用领域，熟悉flash的工作界面，能利用flash CS3制作简单动画，掌握flash动画制作的一般步骤。内容提要 及板书设计项目7 flash案例赏析 学习任务7.1 flash应用领域简介 学习任务7.2 经典flash案例鉴赏 学习任务7.3 一个简单的flash入门动画 Flash CS3的工作环境 多角星形工具 颜色面板 渐变变形工具的用法学习任务7.4 卡通绘图线条工具 铅笔工具 钢笔

18、工具 椭圆工具 矩形工具 橡皮擦工具刷子工具 选择和修饰对象 帧和图层 元件、实例和库项目实训 绘制一棵树重点、难点 及解决方案重点：flash cs3的简单动画。难点：利用绘图工具绘制矢量图形，元件、实例和库的基本应用。 解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业项目实训 思考与练习7作业完成方式

19、书面（ ）电子（ ）教学后记序号具 体 内 容备注项目7 flash案例赏析 学习任务7.1 flash应用领域简介 学习任务7.2 经典flash案例鉴赏 案例1节日贺卡案例2动画短片案例3MTV制作案例4网页元素案例5小游戏案例6网络广告案例7课件制作学习任务7.3 一个简单的flash入门动画 1案例简介2制作流程3操作步骤4课堂讲解Flash CS3的工作环境 多角星形工具 颜色面板 渐变变形工具的用法学习任务7.4 卡通绘图1案例简介2制作流程3操作步骤4课堂讲解线条工具 铅笔工具 钢笔工具 椭圆工具 矩形工具 橡皮擦工具刷子工具 选择和修饰对象 帧和图层 元件、实例和库项目实训 绘

20、制一棵树10分钟25分钟10分钟20分钟25分钟机电和信息工程学院教案授课周次11授课课次10上课时间课程章节项目8 基本动画制作教学目的使学生能熟练利用Flash的逐帧动画、运动补间动画、形状补间动画，理解各种基本动画的原理。内容提要 及板书设计项目8 基本动画制作 学习任务8.1 逐帧动画林中散步的女孩 绘画纸的功能 对齐面板的应用 创建逐帧动画的方法学习任务8.2变形 1. 形状补间动画的概念、方法，形状补间动画的属性面板2. 形状提示学习任务8.3 运动补间动画弹跳的小球1. 运动补间动画的概念2. 认识运动补间动画的属性面板实训1电子表实训2喜庆节日重点、难点 及解决方案重点：创建逐

21、帧动画、形状补间动画、创建引导路径动画的方法。难点：创建形状补间动画的方法，添加形状提示的技巧，创建遮罩的方法。解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业项目实训作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注项目8基本动画制作学习任务8.1逐帧动画林中散步的女孩1案例简介2制作流程3

22、操作步骤4课堂讲解【绘画纸】的功能【对齐】面板的应用创建逐帧动画的方法学习任务8.2形状补间动画变形1案例简介2制作流程3操作步骤4课堂讲解形状补间动画的概念创建形状补间动画的方法认识形状补间动画的【属性】面板使用形状提示添加形状提示的技巧学习任务8.3运动补间动画弹跳的小球1案例简介2制作流程3操作步骤4课堂讲解运动补间动画的概念认识运动补间动画的【属性】面板实训1电子表实训2喜庆节日15分钟15分钟15分钟45分钟机电和信息工程学院教案授课周次12 授课课次11上课时间课程章节项目8 基本动画制作教学目的使学生掌握引导路径动画、遮罩动画设计与制作简单动画片段，掌握各种基本动画的制作方法及应

23、用技巧。内容提要 及板书设计项目8 基本动画制作 学习任务8.4 引导路径动画蝴蝶飞舞 1. 创建引导路径动画的方法2. 应用引导路径动画的技巧学习任务8.5 遮罩动画画轴效果1. 遮罩动画的概念2. 创建遮罩的方法3. 应用遮罩时的技巧实训3翻页效果实训4黄果树瀑布重点、难点 及解决方案重点：创建逐帧动画、形状补间动画、创建引导路径动画的方法。难点：创建形状补间动画的方法，添加形状提示的技巧，创建遮罩的方法。解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏

24、勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业项目实训 思考与练习8作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注项目8 基本动画制作 学习任务8.4 引导路径动画蝴蝶飞舞 1案例简介2制作流程3操作步骤4课堂讲解创建引导路径动画的方法应用引导路径动画的技巧学习任务8.5 遮罩动画画轴效果1案例简介2制作流程3操作步骤4课堂讲解遮罩动画的概念创建遮罩的方法应用遮罩时的技巧实训3翻页效果实训4黄果树瀑布25分钟20分钟45分钟机电和信息工程学院教案授课周次13 授课课次1

25、2上课时间 课程章节项目2照片处理项目教学目的使学生能熟练制作Flash彩色文字、空心文字，运用运动动画、补间动画等设计并制作运动动画、屏幕字效果、以文字为路径的动画效果。内容提要 及板书设计项目9 文字特效学习任务9.1 三棱文字制作 主要操作： 文本工具、文本工具属性面板 文字打散学习任务9.2 字幕的制作 文字遮罩 文字被遮罩学习任务9.3 风吹文字效果 分散到层 透明度设置学习任务9.4 闪烁文字的制作把文字当作路径 duplicateMovieClip()和gotoAndPlay()实训重点、难点 及解决方案重点：文本工具、墨水瓶工具、油漆桶及属性面板。难点：运动动画、补间动画、遮罩

26、动画设计、引导层动画的设计与制作。 解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业项目实训 思考与练习9作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注项目9 文字特效学习任务9.1 三棱文字制作 1案例简介2制作流程3操作步骤4课堂讲解主要操作： 文本工具、文本工具属性面板 文字打散学习

27、任务9.2 字幕的制作 1案例简介2制作流程3操作步骤4课堂讲解文字遮罩 文字被遮罩学习任务9.3 风吹文字效果 1案例简介2制作流程3操作步骤4课堂讲解分散到层 透明度设置学习任务9.4 闪烁文字的制作1案例简介2制作流程3操作步骤4课堂讲解把文字当作路径 duplicateMovieClip()和gotoAndPlay()实训1旋转拖尾文字效果的制作实训2激光写字实训3探照灯效果10分钟15分钟10分钟10分钟45分钟机电和信息工程学院教案授课周次14授课课次13上课时间课程章节项目10 交互动画教学目的使学生了解Flash提供的脚本程序编辑能力，理解ActionScript基本语句功能和

28、动作面板的操作，能熟练运用帧、按钮实例制作交互式动画。内容提要 及板书设计项目10 交互动画 学习任务10.1 简单交互动画可控制的小球运动 ActionScript 事件和动作学习任务10.2 设置帧事件和动作循环播放的年份帧脚本程序 动态文本 变量 gotoAndPlay()函数的使用实训1图像切换练习实训2雪花飞舞效果制作重点、难点 及解决方案重点：actionscript介绍、事件和动作的设置。难点：影片剪辑元件，帧、按钮实例脚本程序编写。 解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345

29、合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业项目实训作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注项目10 交互动画 学习任务10.1 简单交互动画可控制的小球运动 1案例简介2制作流程3操作步骤4课堂讲解ActionScript 事件和动作学习任务10.2 设置帧事件和动作循环播放的年份1案例简介2制作流程3操作步骤4课堂讲解帧脚本程序 动态文本 变量 gotoAndPlay()函数的使用实训1图像切换练习实训2雪花飞舞效果制

30、作20分钟25分钟45分钟机电和信息工程学院教案授课周次15授课课次14上课时间 课程章节项目10 交互动画教学目的使学生掌握脚本程序编写，能熟练影片剪辑实例脚本程序制作交互式动画。内容提要 及板书设计项目10 交互动画 学习任务10.3 设置影片剪辑实例事件和动作变化的数字 影片剪辑元件学习任务10.4 七彩文字跟随鼠标移动 startDrag()函数学习任务10.5 缤纷烟花1. duplicateMovieClip()函数2. setProperty()函数3. 影片剪辑属性的设置4. tellTarget()函数实训重点、难点 及解决方案重点：actionscript介绍、事件和动作的

31、设置。难点：影片剪辑元件，帧、按钮实例脚本程序编写。 解决方案：结合实例，运用图片和操作展示，加强记忆与理解教学内容 时间分配序号教 学 环 节学时分配1学习任务讲解与练习1学时2项目实训1学时345合计2学时教学手段多媒体教学形式（在右栏勾选）理实一体教学（ ） 理论教学（ ） 实验（ ） 实训（ ） 上机（ ）必读书目平面设计与动画制作案例教程，王彩琴编著，清华大学出版社，2012.2作业项目实训 思考与练习10作业完成方式书面（ ）电子（ ）教学后记序号具 体 内 容备注项目10 交互动画 学习任务10.3 设置影片剪辑实例事件和动作变化的数字 1案例简介2制作流程3操作步骤4课堂讲解1

32、. 影片剪辑元件简介2. 在影片剪辑实例中加入脚本程序的操作步骤学习任务10.4 七彩文字跟随鼠标移动 1案例简介2制作流程3操作步骤4课堂讲解startDrag()函数学习任务10.5 缤纷烟花1案例简介2制作流程3操作步骤4课堂讲解1. duplicateMovieClip()函数2. setProperty()函数3. 影片剪辑属性的设置4. tellTarget()函数实训3五彩线条实训4下雨15分钟15分钟15分钟45分钟机电和信息工程学院教案授课周次16 授课课次15上课时间课程章节项目11 综合性作品设计与制作教学目的使学生熟悉Flash MTV流程，了解网页广告的意义、形式和发布，了解Flash MTV的一般制作方法。内容提要 及板书设计项目11 综合性作品设计与制作 学习任务11.1 mtv制作知心爱人1. Flash MTV制作流程2. Flash MTV中的镜头应用实训1网站片头及导入页面实训2氧气的制作重点、难点 及解决方案重点：flash