数字化图像的设计与加工

数字化图像的设计与加工
南京市第三高级中学 徐萱
【教材分析】
 本节课的教学内容是教科版高中课程标准实验教材信息技术必修模块《信息技术基础》中的第五章《多媒体信息的加工》5.1节《图像信息的采集与加工》5.1.2“数字化图像的设计与加工”的内容。本节是5.1.1理论与5.1.3实践的过渡，注重培养学生使用工具前的图像设计理念。加深多媒体信息中图像知识的认知，也为后续工具的选择使用奠定好基础，更加强调了学生在操作之前做到心中有设计。让学生通过这节课体验图像的表达源于生活也应用于生活实践，加工信息是为了更好的表达信息，切实提升信息素养。本节也为选修多媒体技术奠定了基础。部分学生对flash并不太熟悉，本节课重点在于体验设计出符合主题的图像，调整了教材，调整将flash绘制七巧板拼出图形，变为不限于软件的使用，设计表情。在5.1.3小节课中将flash绘制留给本节课操作过的学生来向大家讲解。如果花过多时间在flash讲解上可能时间来不及，学生也会流于模仿操作的形式，虽然对于flash绘制图像即使和绘图程序很多工具查不多，但也要学生去花时间熟悉，因此将其绘图方法制作成辅助学件网站供需要的学生自学，在下节课工具对比时可加强讲解。通过本节的学习，使学生在体验数字化图像独特魅力的同时，提高他们的设计图像表达能力，作为本节教材的重点内容之一。

【学生分析】
1、具备的知识和能力：通过调查问卷得知多数学生在初中会用画图，大部分同学较熟练地使用看图软件ACDSee，部分还会使用flash、Photoshop 简单地绘制、处理图片。学生在以前的学习中已有使用辅助学件帮助学习的习惯。
2、存在的问题：学生对数字图像类型没有确定的概念，不能区别点阵型图像和向量型图像，在大多数学生眼里，数字图像实质都是一样的。学生对图像的认识没有上升到图像是一种重要的媒体信息，只是对于图像的色彩和构图充满兴趣，对于生活中的使用还没有深刻认识。

【教学目标】
知识与技能：
1、了解图像及其加工的意义，体会图像在表达人类思想情感方面的优势。
2、了解数字化图像的两种类型及各自的优缺点。
3、了解位图的基本格式及区别，掌握计算BMP格式图像大小的方法。
4、能用加工工具设计出符合自己表达意图的图像。
过程与方法：
1、在图像加工实践过程中，进一步掌握依据实际需求，设置适当的图像类型、分辨率。
2、通过自我探究体验图像的两种类型及常见位图类型的区别，也通过辅助学件培养自主学习探究学习的能力
3、体验绘图软件，为后续工具使用的多样性和针对性提供发言权。
情感态度与价值观：
1、领会图像的独特魅力，提升视觉欣赏水平和文化艺术素养。通过设计图像体验表达交流的价值。
2、通过表情设计体验创意的乐趣，培养学生评价别人作品的能力，

【教学重点、难点】
1、教学重点：
 图像的独特魅力，点阵图和向量图的比较。
2、教学难点
 实际常用到的图像知识（gif\jpg\bmp\swf应用的区别和选择），设计图像表达信息

【教学策略设计】
 前期预案调研，通过任务驱动与探究学习相结合，学案辅学。按照“感受思考→探究比较→实践体验→评价总结”教学路线展开。
 教师设计和实际生活很贴近的问题情境，激发学生的学习兴趣，对于图像数字化相关的基本概念的讲解和基本技能的培养融入到层层递进的课堂任务中。
 通过探究题的巧妙设置，让学生在完成课堂任务的过程中，主动建构对比知识，有利于教学重点内容的学习。
 面对掌握工具水平参差不齐的学生，让其充分发挥所学工具所长将本课设计图像精髓表达出来，使学生有成就感，也激发下节课学习了解其他工具软件的兴趣，为协作学习提供环境。提供的辅助网站也能满足进一步学习的需要。在教学过程中，要以学生为主体，以教师为主导，注重培养学生，探究性学习、自主性学习和协作性学习的能力。本论文由论文格式网整理,转载请注明来源www.lwgsw.com,更多论文,请点论文格式范文查看
 让学生体验评价的依据，提高审美和大胆发表观点能力，切实提高信息技术综合素养。

【教学环境】
 硬件：多媒体网络教室；（包括液晶投影）
 软件：FlashMX、PhotoshopCS、ACDSee、Sever-U、多媒体广播教学软件、IIS。

【教学资源】：  
演示课件ppt——主要知识点
ftp空间——提交作品
博客模块代码——用于发布浏览学生作品

【教学流程图】【教学过程】
时间估计 教学环节 教师指导 学生活动 设计意图
2’ 情景导入  通过学生平时喜欢的QQ聊天中的感受提问：除了发送文字还发送何种形式信息？
 
 引入本节课课题“数字化图像的设计与加工”  让其对比文字与图像的直观感受，体验出图像有时用于传情达意更形象、直观。  初步通过学生最接近的内容引入到图像的专注度上，
3’ 感受图像的独特魅力 我在自己硕士论文答辩中为了引入论文题目需要讲个小故事，而我的导师指点我讲故事做成漫画，于是我手绘幅图画后并做成了电子ppt展示，提问：你如果是评委会给哪种形式的展示打更高得分呢，为什么？
漫画：

故事文字稿
 学生：会选择用漫画形式展示，因为文字还要看好久，而做成图像看了就会一目了然。总结出图像相比文字要直观，内涵丰富，印象深刻。
  通过教师的事例进一步加深学生感受到图像所能带来的实用性。其中将手稿漫画如何做成ppt，也为5.3节图像信息的采集与加工设置了一个预留案例，物理图像转化成数字图像的方法、工具，以及根据需要对数字图像进行加工处理，都可在本事例中找到反映。
 
  展示：
“图像”（images），不仅包括各种画像，还包括雕塑、浮雕、摄影照片、电影和电视画面、时装玩偶等工艺品、奖章和纪念章上的画像等所有可视的艺术品，
图像是一种模拟信号，模拟图像包括照片、电视、录像、电影。
所谓数字化图像，即用数码来表示图像信息。这种用数码来表示的图像信息可以存储在磁盘、光盘等存储设备里，也可以不失真地进行通信传输，更可以有利于计算机进行分析处理。 可在辅助网站中了解相关详细资料 使学生相比模拟图像对数字化图像有概念性的了解。这是教材中未提到的，可简单一带而过，但此概念也是必要的。
2’ 对图像的深入解读  继续展示生活中、作品等环境中图像，有些反映的原始现象有些经过了加工处理，提问：从这些图像中能读出什么信息吗，对你的生活及学习起什么作用？那么它们创作的关键是什么？
 
 小结图像的优势：
   学生思考回答。分析总结图像表达的优势，图像内容的构思是表达的关键 提高到设计的高度，让学生初步领会图像有原始的表达，还有的要根据需要设计图像内容。

5’ 探究数字化图像的类型及其差异 探索任务一
同桌两人为一组
1．打开文件“作品1.fla”，存为两种格式
2．对比两种格式的图像，填写表格
提示放大图片的方法（swf用flash“查看”放大，bmp用看图软件放大工具）
文件名后缀 文件
大小 放大时
是否失真（模糊） 色彩
丰富与否
swf   
bmp   

提问：为何同样制作的一幅图像，会有如此大的差别呢？
讲解数字化图像的分类，点阵图与向量图比较
根据刚才的讲解，
请学生对应刚才保存的swf和bmp图像分别哪种表示方式？   探索对比保存两种类型，记录相关参数
 
  
 对应自己保存的格式
 
  将教学重点融入在探索题中，让学生自己通过对比领悟各类型优缺点。
5’ 位图格式差异 探索任务二
打开文件“作品2.psd”，存为三种格式bmp、gif和jpg，再插入到“图像格式对比.doc”中最后部分，观察异同，填写下表
文件
后缀名 文件大小 图片效果
（是否有透明效果、色彩如何）
bmp  
jpg  
gif  
完成快的同学可选择保存为其他格式观察参数对比。通过学件网站学习自己感兴趣的格式类型。
   对比得出虽然三种格式尺寸相同但bmp格式未压缩大小最大、不支持透明效果；gif带有透明效果；jpg色彩不如bmp，但和gif一样文件比bmp小， bmp、gif和jpg 是生活中最常用到的三种格式，“图像格式对比.doc”是事先做好带有背景色的web版式视图文档，作品2.psd是带透明背景的图像源文件，可让学生自己通过保存成不同压缩格式对比效果和大小的不同，以指导以后应用时的选择。
5’ Bmp文件大小计算 文件保存的类型直接关系到它的应用，我们先来验证一下位图图像文件的大小计算方法
文件的字节数=图像分辨率（X方向的像素数×Y方向的像素数）×图像位深度（二进制颜色位数）／8
提示：1MB=1024KB=1024*1024B
 位深可通过图片属性摘要查看
根据所给图片作品2.bmp，查看信息，计算大小，看与图片信息是否一致。  学生验证练习 在学业测试中有图像文件大小的计算，因此在此提出，让学生顺带了解。
3’ 小结     
12’ 小试牛刀 请每位同学按学号对应的图像处理软件为平台，设计一幅表情图片（可选择表达喜怒哀乐或自定） ，长、宽300像素，请考虑存为何种格式较合适放于网络上？完成后请查看同学们提交的作品，选取你认为较好的作品打分。  
 学生根据自己熟悉的软件创作图像。
 可参看教学辅助网站中Flash、Photoshop绘图工具介绍 课前通过问卷调查已经掌握哪些学生熟悉相应软件，建议其用熟悉的工具绘制符合表达主题的图像，工具的比较放入下节课。
   强调图像设计的一般过程思路：确定主题——选择素材——选择合适的工具——加工图像——保存图像   
6’ 大家一起来评价 出示作品评价指标

1．一个作品的成功，很大部分决定于创意 ；
 2．“工欲善其事，必先利其器”，要准确、快速创作出自己设计的作品，必须对加工工具有一定的熟悉程度。  同学间互评。 前期已做过课前调查，让学生用熟悉的工具加工图像，一方面有创意是要用工具表达呈现出来，另一方面，就一节课的时间是不可能将工具面面俱到，让学生实践后，下节课就可请熟悉各种软件同学来向大家做讲解，也会更加生动，形成学生互助学习，激发求知欲并引出下节课内容——常见图像的加工工具的比较
2’ 总结 这堂课上我们探讨了图像的独特魅力，分析了数字化图像的分类和各自的特点，并自己尝试利用软件设计了一幅图像。前面的探讨和分析为后面的设计图像表达信息奠定的基础，在后面的设计中在熟悉软件的常用操作后，重在创意。“艺术生活，创意无限”，在广泛的信息交流平台上，秀出自我。

参考资源：
南京师范大学数字图书馆相关教学设计
【课后反思】
1、本节课本着实用角度的图像知识点学习，整体感觉进度合适。前期备课就讨论过这章内容在有限的几节课中，到底对图像教授到何种程度较为合适，如何将这节课由单纯的图像基本介绍和工具的使用，变成学生由生活实际问题出发利用工具创作加工出能表达交流的图像的教学目标，设计了以上案例。如果想后续创作实践时间多一点，可将“漫画”事例删去。
2、从整堂课来看学生积极性很高，特别是开始的导入和最后作品创作，虽然大部分同学用的是画图程序，但是他们已经完全表达出想要表达的主题了，达成率还算较高。至于工具只要感兴趣了，后期还可以学习后再加工，如果一上来就一个一个软件介绍学生也只是成为机械的模仿使用者而已，只有心中有所想，才谈得上用工具加工表达.。让学生由被动学习变为主动学习才是新课标所提倡的。教师只有在学生感兴趣学习时进行指导，才能成为真正意义上的“以学生为主体，教师为主导”。
3、本节课并没有将所有绘图软件一一作介绍，在让学生模仿，而是让学生根据自己熟悉的软件先自由发挥，创作有创意的作品，选题比较小，便于学生短时间内想象，过于大的主题可能学生来不及完成，尽管这样有个别学生还是画不出成型的东西，这就需要教师对表情的主要内容做引导，而将各种软件的特点放在下节课有学生介绍自己作品时一并由学生来作介绍，充分发挥学生的主动性，这样教师再做总结来引导，学生也乐于学习。
4、如果时间允许，在讲授图像的魅力时还可以引导学生从不同角度来欣赏，例如美学、色彩学、构图学等。
5、最后实践创作有些同学无从下手，如考虑在体验图像魅力演示多种表现表情的不同类型图片，对后续创作提出参考范例。
6、源于教材但可不局限于教材，就图像的魅力不单单是讲解图像技术的特点，还可强调数字化图像相对模拟图像的优缺点，设计表达的关键是什么。引导学生设计图像进行表达交流的理念，而不是单纯学习某一软件。附件一：                  学生课堂要求
探究题：
任务一
1．打开文件“作品1.fla”，分别存储为两种格式
2．对比两种格式的图像，填写表格
文件名后缀  文件
大小  放大时
是否失真（模糊）  色彩
丰富与否
swf    
bmp    
任务二
打开文件“作品2.psd”，存为三种格式bmp、gif和jpg，再插入到“图像格式对比.doc”中，观察异同，填写下表
文件名后缀 文件大小 图片效果（是否有透明效果、色彩如何）
bmp  
jpg  
gif