粤教版信息技术八年级上第二节精彩纷呈的图像处理教学设计
课题
精彩纷呈的图像处理
单元
第一单元
学科
信息技术
年级
八年级
学习
目标
知识目标：学会建立选区,设置羽化效果；会变换图像大小；学会调整图像颜色。
技能目标：掌握设置羽化效果的方法；掌握调整图像颜色的技巧。
情感目标：通过对图像的处理，提高生活乐趣。
重点
掌握设置羽化效果的方法；掌握调整图像颜色的技巧。
难点
掌握设置羽化效果的方法；掌握调整图像颜色的技巧。
教学过程
教学环节
教师活动
学生活动
设计意图
导入新课
上图中的图片是不是动感十足、颜色搭配效果很好，显然不是直接拍摄得来的，那么怎样才能使图片显示出上面的效果呢，有些同学可能有这样的疑问。现在我们就开始学习对图像的处理，使图像显示出韵味十足的效果。
思考
激发学生学习兴趣并快速进入学习状态
讲授新课
问题：
（1）Photoshop图像处理件的操作环境是怎样的呢?
（2）怎样根据需要在图像中选择合适的区域?
（3）怎样才能自然、逼真地合成图像?
（4）图像通过怎样的修饰，可提高画面质量?
在生活中，形象设计、相片修饰与修复，海报设计等平面设计，都体现出图像处理技术的强大功能。
一、初识图像处理
1.欣赏图像处理作品
(1)相片处理欣赏。
应用图像处理软件进行后期处理就能很好地弥补因环境和技术的局限因素，拍的不能尽善尽美的相片。
例如相片的拼接、消除红眼、色彩调整、添加漂亮的相框、艺术化特效处理等(如图所示)。
(a)天衣无缝的相片拼接效果
(b)亮丽的色彩调整效果
(c)相片变身国画的艺术处理
创意合成效果
传统摄影中要使用特殊镜头或滤光镜才能得到的一些特效，如今通过图像处理软件就能轻松得到，如图所示。
交流
对喜爱的相片有不满意的地方吗?假如你掌握了上述的图像处理技术，你会对喜爱的相片做怎样的处理呢?
(2)海报制作欣赏。
在日常生活中，经常会看到各种精美的宣传海报(如图所示)
这些都可以通过图像处理软件来制作
海报中的文字一般不会很多，通常包括标题、正文内容与落款三部分，通过图像、色彩与造型等艺术渲染，创造出一个主题鲜明、图文并茂的画面，突出宣传的信息。
Photoshop是迄今为止世界上最畅销、应用最广泛的位图图像处理软件之一，它已成为许多图像处理行业的标准。
实践
收集一些喜欢的海报资料，分析海报的标题、正文、落款义字要素及版面的没计特点。
2.认识Photoshop的操作环境
(1) Photoshop的操作界面。
启动 Photoshop，打开“招聘海报psd”文件后，出现如图所示的工作界面。
实践
尝试了解 Photoshop的菜单栏，填写下表
(2)工具箱。
Photoshop的工具箱包含很多用于编辑图像的工具，如图所示。
实践
(1)了解 Photoshop工具箱中的工具。 (2)在 Photoshop工具箱中，凡是有三角形小标记的工具按钮都是一个按钮组，其中隐藏了多个相近的工具，了解这些按钮组里的工具。
二、选择图像处理区域
根据提供的图片素材(如图所示)
创作校运会摄影作品展宣传海报的初步背景图，效果可参照图所示。
从图片素材中选取可用的部分，如将图中有用的图像区域圈选出来
Photoshop中提供了多种工具来勾选需要的图像区域。
1.打开素材文件
在 Photoshop中分别打开图片素材文件“跑道jpg”、“跳高.jpg”、“跨栏jpg”、“相机.jpg”。
2.建立选区
(1)选择合适的选区工具
建立选区的工具有很多，它们的功能各有特点，如图所示。
此处可以用“矩形选框工具”为操场建立选区、用“多边形套索工具”为接力动作建立选区(如图所示）
选用“多边形套索工具”时，首先在图像边缘任意位置单击鼠标左键作为起点，然后沿着图像的轮廓拖动鼠标，并在合适位置单击鼠标，就可以绘制出如图(b)所示的选区虚线边框。
实践
(1)分别使用“套索工具”、“磁性套索工具”、选框工具、魔棒工具选取如图(b)所示的图像区域，体验各种工具的特点。
(2)运用合适的选区工具，选取相关的图像区域，效果如图所示。
探究
(1)选取图像后，单击“选择”菜单中的“反选”命令，观察选区有什么变化?什么情况下用这个命令更合适呢?
(2)调整图(a)中“羽化”的像素为“0”或其他数值，观察选区的边绿效果如何变化。
(2)增加、减少选区范围。
如果想增加选区，可以单击工具选项栏中的“添加到选区”按钮，然后在图像编辑窗口中在想增加选区的地方拖动鼠标。
如果想减少选区，可以单击工具选项栏中的“从选区减去”按钮，然后在图像编辑窗口中在想减少选区的地方拖动鼠标。
交流
如果圈选人物图像的时候，选区显得小了，怎么适当扩大选区呢?
实践
建立选区时，分别使用Ctrl键、 Shift健、Alt键对增加、减少选区有影响吗?
三、生成羽化效果
图中跑道图像的边缘有模糊的效果、这种效果就是“羽化”，它可以使各图像之间的合成自然和谐。
生成羽化效果的常用方法有以下两种。
方法一:如图所示
首先，选择合适的选区工具，然后，在所对应的工具栏上输入羽化半径参数
再为图像建立选区，选取的区域即可产生羽化效果。
方法二:
首先，选择合适的选区工具为图像建立选区
选择“选择”菜单中的“羽化”命令
输入合适的羽化半径参数，如图所示，即可获得我们想要的边缘模糊效果。
实践
(1)改变化半径的数值，看看图像素材的流区边绿效果红如何变化。
(2)拍提照片时一般都注意突出主题虚化背景，运用羽化技术实现图所示效果。
四、变换图像
当画面中的各个图像元素不符合制作要求时，可以借助图像的变换效果来进行修改。
根据示例，需将操场和人物图像縮小
首先选定操场图像，然后选择“编辑”菜单中的“变换”命令里的“缩放”选项
被选定的图像周围便出现矩形选框和控制点，将鼠标移至其中一个控制点
拖动鼠标调整图像至合适的尺寸，如图所示。
实践
(1)参照图所示的效果，调整各个图像的大小、实方向
(2)运用选区、变换技术，完成类似如图所示的环保袋设计。
探究
(1)对图像进行缩放变换时，同时按住 Shift或Alt健图像的缩放效果将如何?
(2)结合本节的选区知识，利用“编辑”菜单中“変换命令里的“扭曲”选顶，调整如图所示素材图的形状，完成生动的贴画图。
(3)学试图像的斜切、扭曲、透视等変換效果，看看各有什么特点。
五、调整图像颜色
为了突出人物的形象，可以对其进行色彩调整，以增强视觉效果。
Photoshop提供的“色阶”、“曲线”、“色彩平衡”、“亮度/对比度”等命令就是为满足这些需要设计的。
在如图示例图中，人物图像与原图相比，色彩更有层次感，对比度更强，主要是结合使用了“色彩平衡”、“曲线”与“亮度/对比度”命令。
1.以色彩平衡方式调整颜色
选择“图像”菜单中“调整”命令里的“色彩平衡”选项，弹出“色彩平衡”对话框，如图所示。
根据画面色彩表达需求，用鼠标拖动滑块凋整图像颜色，直到满意为止。
2.以曲线方式调整颜色
选择“图像”菜单中“调整”命令里的“曲线”选项，弹出“曲线”对话框，用鼠标拖动曲线形状调整人物图像颜色，直到满意为止，如图所示。
改变45°直线为曲线有两种方式:
一种是连续的，用鼠标拖动直线改变曲线形状，图像的颜色就跟着变化
另一种是不连续的，选择图中的铅笔按钮，用鼠标可以画出不连续的曲线
探究
(1)“曲线”对话框中的横坐标、纵坐标各代表什么意思?
(2)选择“图像”菜单中的“调整”命令，完成图所示的黑白变彩色变换效果。
(3) 有些小玩意在最初拍摄的照片里显得色彩灰暗、平淡无奇，通过色彩调整，能得到弓入注目的效果。请选择“图像”菜单中的“调整”命令，完成如图所示的变換效果。
人物图像的颜色层次感出来了，但是画面感觉有些偏暗，怎样才能使色彩更明艳呢?
3.以亮度/对比度方式调整颜色
选择“图像”菜单中“调整”命令里的“亮度/对比度”选项，合理调整亮度、对比度，如图所示。
六、保存图像文件
保存的图像，如果还需要编辑，而且需要保存层的信息，那么一定要以PSD格式保存文件;
如果已经编辑好，一般是以JPG格式保存定稿文件
这是因为与PSD格式相比，以JPG格式保存的文件容量较小。
探究
“文件”菜单中的“存储”、“存储为”、“存储为web所用格式”命令有什么区别?
拓展
缤纷的配色实践
在作品中灵活、巧妙地运用色彩，能使作品产生各种精彩效果。
一、色彩的可视性
如图所示，哪个车牌容易被识别?你知道为什么吗?
色彩的可视性往往在色彩搭配中才能表现出来，同时会因图像背景、面积、明度、亮度纯度产生变化。
色彩明度越高，纯度越高，面积比例越大，可视性越好。
来看几种可视性的搭配(如图所示)
二、配色与平衡
利用色相明度、纯度之间的对比与面积比例的变化，来调整色彩的统一与变化，以此来达到配色的平衡。
1.互补色搭配
色环上相对的两种色彩的搭配为互补色搭配，比如红色和绿色，如图所示。
这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳定感，在正式的设计中比较少见。
互补色搭配是一种最突出的搭配
如果希望作品特别引人注目，那互补色搭配或许是最佳选择，如图所示。
2.近似色搭配
近似色搭配是指色环上位置相近的色彩，如图所示。
这类色彩间的搭配显得稳定、容易平衡和平静而舒服。
在使用近似色搭配的时候，一定要适当加强对比(如图所示)，否则可能使画面显得平淡
课堂练习
1.（ ）是迄今为止世界上最畅销、应用最广泛的位图图像处理软件之一，它已成为许多图像处理行业的标准。
2.如果想增加选区，可以单击工具选项栏中的（ ）按钮，然后在图像编辑窗口中在想增加选区的地方拖动鼠标。
3.图像的边缘有模糊的效果、这种效果就是（ ），它可以使各图像之间的合成自然和谐。
4.当画面中的各个图像元素不符合制作要求时，可以借助（ ）效果来进行修改。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
学生动手实践操作，学生小组间讨论，共同完成任务。
通过老师演示学生动手操作，提高动手能力。小组交流、分享
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
学生小组间讨论，共同完成任务，并分组汇报。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
学生小组间讨论，共同完成任务，并分组汇报。
通过教师的讲解，以小组合作的方式，开展探讨交流，完成任务。
学生小组间讨论，共同完成任务，并分组汇报。
学生小组间讨论，共同完成任务，并分组汇报。
通过小组合作，加强学生组内团结、共同完成任务，
培养学生动手操作能力，并且锻炼学生的语言组织能力和表达的能力。
加强学生组内团结、共同完成任务，
培养学生组间合作能力，并且炼动手能力
培养学生组间合作能力，并且炼动手能力
培养学生组间合作能力，并且炼动手能力
培养学生组间合作能力，并且炼动手能力
培养学生组间合作能力，并且炼动手能力
养学生组间合作能力，并且炼动手能力
培养学生组间合作能力，并且炼动手能力
培养学生独立完成练习的能力。
课堂小结
分小组总结归纳，教师补充。
各组汇报总结，其他小组成员做补充。
锻炼学生的总结能力，逻辑思维、语言表达能力。
布置作业
Photoshop图像处理件的操作环境是怎样的呢?
怎样根据需要在图像中选择合适的区域?
怎样才能自然、逼真地合成图像?
图像通过怎样的修饰，可提高画面质量?
板书
一、初识图像处理
1.欣赏图像处理作品
2.认识Photoshop的操作环境
二、选择图像处理区域
1.打开素材文件
2.建立选区
三、生成羽化效果
四、变换图像
五、调整图像颜色
1.以色彩平衡方式调整颜色
2.以曲线方式调整颜色
3.以亮度/对比度方式调整颜色
六、保存图像文件
课件55张PPT。信息技术粤教版 八年级上第二节 精彩纷呈的图像处理新知导入 上图中的图片是不是动感十足、颜色搭配效果很好，显然不是直接拍摄得来的，那么怎样才能使图片显示出上面的效果呢，有些同学可能有这样的疑问。现在我们就开始学习对图像的处理，使图像显示出韵味十足的效果。新知讲解Photoshop图像处理件的操作环境是怎样的呢?
怎样根据需要在图像中选择合适的区域?
怎样才能自然、逼真地合成图像?
图像通过怎样的修饰，可提高画面质量?新知讲解 新知讲解1.欣赏图像处理作品(1)相片处理欣赏。 应用图像处理软件进行后期处理就能很好地弥补因环境和技术的局限因素，拍的不能尽善尽美的相片。例如相片的拼接、消除红眼、色彩调整、添加漂亮的相框、艺术化特效处理等(如图所示)。一、初识图像处理 (a)天衣无缝的相片拼接效果1.欣赏图像处理作品新知讲解(b)亮丽的色彩调整效果(c)相片变身国画的艺术处理新知讲解创意合成效果新知讲解 传统摄影中要使用特殊镜头或滤光镜才能得到的一些特效，如今通过图像处理软件就能轻松得到，如图所示。新知讲解新知讲解(2)海报制作欣赏。在日常生活中，经常会看到各种精美的宣传海报(如图所示)这些都可以通过图像处理软件来制作新知讲解新知讲解新知讲解新知讲解 2.认识Photoshop的操作环境 启动 Photoshop，打开“招聘海报psd”文件后，出现如图所示的工作界面。(1) Photoshop的操作界面。新知讲解 尝试了解 Photoshop的菜单栏，填写下表新知讲解Photoshop的工具箱包含很多用于编辑图像的工具，如图所示。(2)工具箱。新知讲解新知讲解根据提供的图片素材(如图所示) 创作校运会摄影作品展宣传海报的初步背景图，效果可参照图所示。ニ、选择图像处理区域新知讲解 从图片素材中选取可用的部分，如将图中有用的图像区域圈选出来 Photoshop中提供了多种工具来勾选需要的图像区域。新知讲解 1.打开素材文件 在 Photoshop中分别打开图片素材文件“跑道jpg”、“跳高.jpg”、“跨栏jpg”、“相机.jpg”。跑道跳高跨栏相机新知讲解2.建立选区 (1)选择合适的选区工具。建立选区的工具有很多，它们的功能各有特点，如图所示。新知讲解 此处可以用“矩形选框工具”为操场建立选区、用“多边形套索工具”为接力动作建立选区(如图所示） 选用“多边形套索工具”时，首先在图像边缘任意位置单击鼠标左键作为起点，然后沿着图像的轮廓拖动鼠标，并在合适位置单击鼠标，就可以绘制出如图(b)所示的选区虚线边框。（a）建立规则选区（b）建立不规则选区新知讲解 (1)分别使用“套索工具”、“磁性套索工具”、选框工具、魔棒工具选取如图(b)所示的图像区域，体验各种工具的特点。（b）建立不规则选区(2)运用合适的选区工具，选取相关的图像区域，效果如图所示。新知讲解 (1)选取图像后，单击“选择”菜单中的“反选”命令，观察选区有什么变化?什么情况下用这个命令更合适呢? (2)调整图(a)中“羽化”的像素为“0”或其他数值，观察选区的边绿效果如何变化。（a）建立规则选区新知讲解 (2)增加、减少选区范围。 如果想增加选区，可以单击工具选项栏中的“添加到选区”按钮，然后在图像编辑窗口中在想增加选区的地方拖动鼠标。 如果想减少选区，可以单击工具选项栏中的“从选区减去”按钮，然后在图像编辑窗口中在想减少选区的地方拖动鼠标。新知讲解新知讲解新知讲解三、生成羽化效果 图中跑道图像的边缘有模糊的效果、这种效果就是“羽化”，它可以使各图像之间的合成自然和谐。新知讲解生成羽化效果的常用方法有以下两种。 首先，选择合适的选区工具，然后，在所对应的工具栏上输入羽化半径参数方法一:如图所示 再为图像建立选区，选取的区域即可产生羽化效果。新知讲解 首先，选择合适的选区工具为图像建立选区方法二: 选择“选择”菜单中的“羽化”命令 输入合适的羽化半径参数，如图所示，即可获得我们想要的边缘模糊效果。新知讲解 (1)改变化半径的数值，看看图像素材的流区边绿效果红如何变化。 (2)拍提照片时一般都注意突出主题虚化背景，运用羽化技术实现图所示效果。新知讲解四、变换图像 当画面中的各个图像元素不符合制作要求时，可以借助图像的变换效果来进行修改。根据示例，需将操场和人物图像縮小新知讲解 首先选定操场图像，然后选择“编辑”菜单中的“变换”命令里的“缩放”选项 被选定的图像周围便出现矩形选框和控制点，将鼠标移至其中一个控制点 拖动鼠标调整图像至合适的尺寸，如图所示。新知讲解 (2)运用选区、变换技术，完成类似如图所示的环保袋设计。(1)参照图所示的效果，调整各个图像的大小、实方向新知讲解(2)结合本节的选区知识，利用“编辑”菜单中“変换命令里的“扭曲”选顶，调整如图所示素材图的形状，完成生动的贴画图。 (1)对图像进行缩放变换时，同时按住 Shift或Alt健图像的缩放效果将如何? (3)学试图像的斜切、扭曲、透视等変換效果，看看各有什么特点。新知讲解五、调整图像颜色 为了突出人物的形象，可以对其进行色彩调整，以增强视觉效果。 Photoshop提供的“色阶”、“曲线”、“色彩平衡”、“亮度/对比度”等命令就是为满足这些需要设计的。 在如图示例图中，人物图像与原图相比，色彩更有层次感，对比度更强，主要是结合使用了“色彩平衡”、“曲线”与“亮度/对比度”命令。新知讲解1.以色彩平衡方式调整颜色 选择“图像”菜单中“调整”命令里的“色彩平衡”选项，弹出“色彩平衡”对话框，如图所示。 根据画面色彩表达需求，用鼠标拖动滑块凋整图像颜色，直到满意为止。新知讲解2.以曲线方式调整颜色 选择“图像”菜单中“调整”命令里的“曲线”选项，弹出“曲线”对话框，用鼠标拖动曲线形状调整人物图像颜色，直到满意为止，如图所示。新知讲解改变45°直线为曲线有两种方式: 一种是连续的，用鼠标拖动直线改变曲线形状，图像的颜色就跟着变化 另一种是不连续的，选择图中的铅笔按钮，用鼠标可以画出不连续的曲线新知讲解(1)“曲线”对话框中的横坐标、纵坐标各代表什么意思?(2)选择“图像”菜单中的“调整”命令，完成图所示的黑白变彩色变换效果。(3) 有些小玩意在最初拍摄的照片里显得色彩灰暗、平淡无奇，通过色彩调整，能得到弓入注目的效果。请选择“图像”菜单中的“调整”命令，完成如图所示的变換效果。新知讲解新知讲解3.以亮度/对比度方式调整颜色 选择“图像”菜单中“调整”命令里的“亮度/对比度”选项，合理调整亮度、对比度，如图所示。新知讲解六、保存图像文件如果已经编辑好，一般是以JPG格式保存定稿文件这是因为与PSD格式相比，以JPG格式保存的文件容量较小。 保存的图像，如果还需要编辑，而且需要保存层的信息，那么一定要以PSD格式保存文件;新知讲解 新知讲解 在作品中灵活、巧妙地运用色彩，能使作品产生各种精彩效果。 缤纷的配色实践如图所示，哪个车牌容易被识别?你知道为什么吗? 色彩的可视性往往在色彩搭配中才能表现出来，同时会因图像背景、面积、明度、亮度纯度产生变化。色彩明度越高，纯度越高，面积比例越大，可视性越好。一、色彩的可视性新知讲解来看几种可视性的搭配(如图所示)新知讲解 利用色相明度、纯度之间的对比与面积比例的变化，来调整色彩的统一与变化，以此来达到配色的平衡。二、配色与平衡1.互补色搭配色环上相对的两种色彩的搭配为互补色搭配，比如红色和绿色，如图所示。 这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳定感，在正式的设计中比较少见。互补色搭配是一种最突出的搭配二、配色与平衡新知讲解 如果希望作品特别引人注目，那互补色搭配或许是最佳选择，如图所示。新知讲解2.近似色搭配 近似色搭配是指色环上位置相近的色彩，如图所示。 这类色彩间的搭配显得稳定、容易平衡和平静而舒服。 在使用近似色搭配的时候，一定要适当加强对比(如图所示)，否则可能使画面显得平淡课堂练习 1.（ ）是迄今为止世界上最畅销、应用最广泛的位图图像处理软件之一，它已成为许多图像处理行业的标准。
2.如果想增加选区，可以单击工具选项栏中的（ ）按钮，然后在图像编辑窗口中在想增加选区的地方拖动鼠标。
3.图像的边缘有模糊的效果、这种效果就是（ ），它可以使各图像之间的合成自然和谐。
4.当画面中的各个图像元素不符合制作要求时，可以借助（ ）效果来进行修改。
图像的变换Photoshop“羽化”“添加到选区”课堂小结总结本节课所学内容板书设计一、初识图像处理
1.欣赏图像处理作品
2.认识Photoshop的操作环境
二、选择图像处理区域
1.打开素材文件
2.建立选区
三、生成羽化效果
四、变换图像
?
五、调整图像颜色
1.以色彩平衡方式调整颜色
2.以曲线方式调整颜色
3.以亮度/对比度方式调整颜色
六、保存图像文件Photoshop图像处理件的操作环境是怎样的呢?
怎样根据需要在图像中选择合适的区域?
怎样才能自然、逼真地合成图像?
图像通过怎样的修饰，可提高画面质量?作业布置谢谢21世纪教育网（www.21cnjy.com) 中小学教育资源网站 有大把高质量资料？一线教师？一线教研员？
欢迎加入21世纪教育网教师合作团队！！月薪过万不是梦！！
详情请看：
https://www.21cnjy.com/help/help_extract.php
