网页美工与动画教案.docx
《网页美工与动画教案.docx》由会员分享，可在线阅读，更多相关《网页美工与动画教案.docx（37页珍藏版）》请在冰豆网上搜索。
网页美工与动画教案
机电和信息工程学院教案
授课周次
1
授课课次
1
上课时间
课程章节
项目1PhotoshopCS入门
教学目的
使学生熟练掌握PhotoshopCS的工具箱、工作面板的应用，能PhotoshopCS能绘制简单图形。
内容提要及板书设计
项目1PhotoshopCS入门
学习任务1.1PhotoshopCS应用领域简介
学习任务1.2Photoshop案例赏析
学习任务1.3一个PhotoshopCS入门案例
PhotoshopCS3工作环境
设置颜色
项目实训城市中的大象
重点、难点及解决方案
重点：
Photoshop图像处理的基础知识和工作界面。
难点：
Photoshop的基本操作。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1.5学时
2
项目实训
0.5学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，2012.2
作业
实训思考与练习1
作业完成方式
书面（）电子（√）
教学后记
序号
具体内容
备注
绪论
项目1PhotoshopCS入门
学习任务1.1PhotoshopCS应用领域简介
1.平面设计
2.修复照片
3.广告摄影
4.影像创意
5.艺术文字
6.网页制作
7.建筑效果图后期修饰
8.绘画
9.绘制或处理三维贴图
10.纱照片设计
11.视觉创意
12.图标制作
13.界面设计
学习任务1.2Photoshop案例赏析
案例1照片处理
案例2贺卡制作
案例3Logo设计
案例4名片设计
案例5海报制作
案例6包装设计
学习任务1.3一个PhotoshopCS入门案例
1.案例简介
2.制作流程
3.操作步骤
4.课堂讲解
1.PhotoshopCS3工作环境
2.设置颜色
项目实训城市中的大象
5分钟
25分钟
15分钟
30分钟
15分钟
机电和信息工程学院教案
授课周次
2
授课课次
2
上课时间
课程章节
项目2照片处理项目
教学目的
使学生掌握Photoshop图像选取的基本方法，了解照片处理的基本方法，掌握照片处理相关工具的使用。
内容提要及板书设计
项目2照片处理
学习任务2.1美化照片中的人物
红眼工具套索工具
学习任务2.2为黑白照片上色
调整色相/饱和度
学习任务2.3脸部增白
蒙版快速蒙版
实训1修复红眼
实训2修复老照片
重点、难点及解决方案
重点：
Photoshop的选择工具的使用技巧。
难点：
各种区域选择工具对图像进行区域选择。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1学时
2
项目实训
1学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，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图像选取的方法，掌握照片处理相关工具的使用，对照片进行后期处理。
内容提要及板书设计
项目2照片处理
学习任务2.4去除照片中多余的人物
魔棒工具
学习任务2.5合成图像
移动工具自由变换
实训3调整照片的曝光度
实训4调整图像色调
实训5为照片添加彩虹
重点、难点及解决方案
重点：
Photoshop的选择工具的使用技巧。
难点：
各种区域选择工具对图像进行区域选择。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1学时
2
项目实训
1学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，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.2信封制作
自动化处理
学习任务3.3名片
渐变工具
学习任务3.4贺卡
画笔工具
实训1邮票设计
实训2画册
重点、难点及解决方案
重点：
绘图工具的使用方法、文字处理。
难点：
历史面板的作用和使用方法。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1学时
2
项目实训
1学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，2012.2
作业
学习任务项目实训
作业完成方式
书面（）电子（√）
教学后记
序号
具体内容
备注
项目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
上课时间
课程章节
项目4Logo设计
教学目的
使学生掌握蒙版的使用方法，掌握路径工具、形状工具的使用方法，掌握LOGO设计与制作的技巧。
内容提要及板书设计
项目4Logo设计
学习任务4.1奥运五环设计
路径工具钢笔工具
学习任务4.2宝马标志设计
删除工具油漆桶工具填充命令
学习任务4.3手镯设计
渲染滤镜
实训1百事可乐标志
实训2指示牌
实训3梦幻波纹
重点、难点及解决方案
重点：
Photoshop中路径的使用。
难点：
通过路径的操作来完成一些其他绘图工具不能完成的工作。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1学时
2
项目实训
1学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，2012.2
作业
项目实训思考与练习4
作业完成方式
书面（）电子（√）
教学后记
序号
具体内容
备注
项目4Logo设计
学习任务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设计与制作广告和海报，掌握混合模式的应用，掌握滤镜、快速蒙版的使用。
内容提要及板书设计
项目5广告设计
学习任务5.1楼盘广告
图层混合模式
学习任务5.2公益广告
杂色滤镜
学习任务5.3怀旧海报
快速蒙版
实训1公益广告
实训2汽车海报
重点、难点及解决方案
重点：
Photoshop中通道的知识及蒙版的使用方法。
难点：
通道和蒙版处理图像的方法和技巧。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1学时
2
项目实训
1学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，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的各种工具和命令进行各种包装的设计，掌握各种工具使用的技巧。
内容提要及板书设计
项目6包装设计
学习任务6.1苹果汁包装
1.自由钢笔工具
2.路径选择工具和直接选择工具
学习任务6.2软件包装设计
形状工具
实训1薯片包装
重点、难点及解决方案
重点：
自由钢笔工具、路径选择工具和直接选择工具。
难点：
通过路径的操作来完成一些其他绘图工具不能完成的工作。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1学时
2
项目实训
1学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，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芒果干包装
实训3环保袋
重点、难点及解决方案
重点：
Photoshop的选择工具的使用技巧。
难点：
各种区域选择工具对图像进行区域选择。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1学时
2
项目实训
1学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，2012.2
作业
学习任务思考与练习6
作业完成方式
书面（）电子（√）
教学后记
序号
具体内容
备注
项目6包装设计
学习任务6.3酒瓶
1案例简介
2制作流程
3操作步骤
4课堂讲解
历史记录
实训2芒果干包装
实训3环保袋
35分钟
55分钟
机电和信息工程学院教案
授课周次
10
授课课次
9
上课时间
课程章节
项目2照片处理项目
教学目的
使学生了解到flash的应用领域，熟悉flash的工作界面，能利用flashCS3制作简单动画，掌握flash动画制作的一般步骤。
内容提要及板书设计
项目7flash案例赏析
学习任务7.1flash应用领域简介
学习任务7.2经典flash案例鉴赏
学习任务7.3一个简单的flash入门动画
FlashCS3的工作环境多角星形工具[颜色]面板[渐变变形工具]的用法
学习任务7.4卡通绘图
线条工具铅笔工具钢笔工具椭圆工具矩形工具橡皮擦工具
刷子工具选择和修饰对象帧和图层元件、实例和库
项目实训绘制一棵树
重点、难点及解决方案
重点：
flashcs3的简单动画。
难点：
利用绘图工具绘制矢量图形，元件、实例和库的基本应用。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1学时
2
项目实训
1学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，2012.2
作业
项目实训思考与练习7
作业完成方式
书面（）电子（√）
教学后记
序号
具体内容
备注
项目7flash案例赏析
学习任务7.1flash应用领域简介
学习任务7.2经典flash案例鉴赏
案例1节日贺卡
案例2动画短片
案例3MTV制作
案例4网页元素
案例5小游戏
案例6网络广告
案例7课件制作
学习任务7.3一个简单的flash入门动画
1案例简介
2制作流程
3操作步骤
4课堂讲解
FlashCS3的工作环境多角星形工具[颜色]面板[渐变变形工具]的用法
学习任务7.4卡通绘图
1案例简介
2制作流程
3操作步骤
4课堂讲解
线条工具铅笔工具钢笔工具椭圆工具矩形工具橡皮擦工具
刷子工具选择和修饰对象帧和图层元件、实例和库
项目实训绘制一棵树
10分钟
25分钟
10分钟
20分钟
25分钟
机电和信息工程学院教案
授课周次
11
授课课次
10
上课时间
课程章节
项目8基本动画制作
教学目的
使学生能熟练利用Flash的逐帧动画、运动补间动画、形状补间动画，理解各种基本动画的原理。
内容提要及板书设计
项目8基本动画制作
学习任务8.1逐帧动画——林中散步的女孩
[绘画纸]的功能[对齐]面板的应用创建逐帧动画的方法
学习任务8.2——变形
1.形状补间动画的概念、方法，形状补间动画的[属性]面板
2.形状提示
学习任务8.3运动补间动画——弹跳的小球
1.运动补间动画的概念
2.认识运动补间动画的[属性]面板
实训1电子表
实训2喜庆节日
重点、难点及解决方案
重点：
创建逐帧动画、形状补间动画、创建引导路径动画的方法。
难点：
创建形状补间动画的方法，添加形状提示的技巧，创建遮罩的方法。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1学时
2
项目实训
1学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，2012.2
作业
项目实训
作业完成方式
书面（）电子（√）
教学后记
序号
具体内容
备注
项目8基本动画制作
学习任务8.1逐帧动画——林中散步的女孩
1案例简介
2制作流程
3操作步骤
4课堂讲解
【绘画纸】的功能
【对齐】面板的应用
创建逐帧动画的方法
学习任务8.2形状补间动画——变形
1案例简介
2制作流程
3操作步骤
4课堂讲解
形状补间动画的概念
创建形状补间动画的方法
认识形状补间动画的【属性】面板
使用形状提示
添加形状提示的技巧
学习任务8.3运动补间动画——弹跳的小球
1案例简介
2制作流程
3操作步骤
4课堂讲解
运动补间动画的概念
认识运动补间动画的【属性】面板
实训1电子表
实训2喜庆节日
15分钟
15分钟
15分钟
45分钟
机电和信息工程学院教案
授课周次
12
授课课次
11
上课时间
课程章节
项目8基本动画制作
教学目的
使学生掌握引导路径动画、遮罩动画设计与制作简单动画片段，掌握各种基本动画的制作方法及应用技巧。
内容提要及板书设计
项目8基本动画制作
学习任务8.4引导路径动画——蝴蝶飞舞
1.创建引导路径动画的方法
2.应用引导路径动画的技巧
学习任务8.5遮罩动画——画轴效果
1.遮罩动画的概念
2.创建遮罩的方法
3.应用遮罩时的技巧
实训3翻页效果
实训4黄果树瀑布
重点、难点及解决方案
重点：
创建逐帧动画、形状补间动画、创建引导路径动画的方法。
难点：
创建形状补间动画的方法，添加形状提示的技巧，创建遮罩的方法。
解决方案：
结合实例，运用图片和操作展示，加强记忆与理解
教学内容时间分配
序号
教学环节
学时分配
1
学习任务讲解与练习
1学时
2
项目实训
1学时
3
4
5
合计
2学时
教学手段
多媒体
教学形式
（在右栏勾选）
理实一体教学（）理论教学（√）实验（）实训（）上机（√）
必读书目
《平面设计与动画制作案例教程》，王彩琴编著，清华大学出版社，2012.2
作业
项目实训思考与练习8
作业完成方式
书面（）电子（√）
教学后记
序号
具体内容
备注
项目8基本动画制作
学习任务8.4引导路径动画——蝴蝶飞舞
1案例简介
2制作流程
3操作步骤
4课堂讲解
创建引导路径动画的方法
应用引导路径动画的技巧
学习任务8.5遮罩动画——画轴效果
1案例简介
2制作流程
3操作步骤
4课堂讲解
遮罩动画的概念
创建遮罩的方法
应用遮罩时的技巧
实训3翻页效果
实训4黄果树瀑布
25分钟
20分钟
45分钟
机电和信息工程学院教案
授课周次
13
授课课次
12
上课时间
课程章节
项目2照片处理项目
教学目的
使学生能熟练制作Flash彩色文字、空
升级会员 