任务1.2 了解图像的基础知识（教案）《图形图像处理-Photoshop 2022》（高教版第五版）【上好课】

《图形图像处理-Photoshop 2022》（高教版第五版） 课题 任务1.2 了解图像的基础知识 课 型 新授课 课 时 2 授课班级 授课时间 90mins 授课教师 教材分析 本课时是Photoshop入门课程的基础理论部分，内容涵盖图像的两大类型（矢量图与位图）及图像的核心属性（分辨率、颜色位深度）。这部分知识是学生后续学习图像处理、图像编辑、输出设置的理论根基。教材内容图文并茂，概念清晰，但理论性较强，需要教师通过对比、举例、图示等方式帮助学生理解和记忆。 学情分析 学生具备基本的计算机操作能力，对图像处理有初步兴趣。但学生普遍对图像的专业概念缺乏了解，容易混淆位图与矢量图、分辨率与清晰度等概念。学生喜欢直观、对比强烈的教学方式，对纯理论讲解容易产生疲劳，因此教学中应多采用图示对比、互动判断、口诀记忆等方式激发学习兴趣。 教学目标 知识目标： 能准确说出位图和矢量图的定义、特点、优缺点及常见格式 能理解分辨率（显示/图像/输出）的含义及其对图像质量的影响 能理解颜色位深度的概念及颜色数计算公式 技能目标： 能根据图像特征判断其属于位图还是矢量图 能根据用途选择合适的分辨率和位深度 素养目标： 培养严谨的图像质量判断意识 养成根据输出需求设置图像参数的专业习惯 教学重难点 教学重点：位图与矢量图的区别、分辨率的分类与作用 教学难点：颜色位深度与颜色数的关系、三种分辨率的区分 教学方法 讲授法、对比分析法、图示演示法、互动问答法、任务驱动法 课前准备 教师准备： 制作教学PPT，准备位图与矢量图对比素材、准备分辨率对比图、准备课堂练习题 学生准备： 预习教材任务1.2第1-2小节、准备笔记本 教学媒体 多媒体教室、投影仪/电子白板、教师演示机、学生计算机（每人一台）、Photoshop 2022软件。 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 一、组织教学（1分钟） 教师面带微笑走进教室，提醒学生整理桌面学习用品，坐姿端正，集中注意力，快速进入课堂学习状态。 学生快速进入学习状态，做好听课准备。 通过规范课堂常规、调动学习氛围、明确学习目标，快速稳定课堂秩序，帮助学生快读进入课堂学习状态，保障教学流程有序开展。 导入 （4分钟） 活动：图片对比与提问 展示矢量图示例和位图示例，同时展示一张被极度放大后呈现“马赛克”效果的照片。 提问：“为什么照片放大后会变成一个个小方块？而插画放大后依然边缘光滑？这两种图像有什么本质不同？” 引出课题：了解图像的基础知识——图像的类型。 观察图片，思考并尝试回答问题，产生认知冲突。 通过直观的视觉对比和生活中的常见现象，激发学生的好奇心和探究欲望，自然导入新课。 新课讲授（55分钟） 第一部分 1.图像的类型 （1）矢量图讲解 展示教材图1-29（矢量图示例），讲解：矢量图由数学公式定义的图元构成。优点：缩放不失真、文件小。缺点：色彩单调，难以表现细腻照片。常用格式：AI、DXF、WMF、SWF。强调：Adobe Illustrator、CorelDRAW是常用矢量图设计软件，Animate（前身为Flash）制作的动画是矢量动画。 （2）位图讲解 展示教材图1-30（位图示例）并放大，指出“像素”概念。讲解：位图由像素点阵构成，记录每个像素的颜色和位置。优点：色彩丰富、逼真细腻。缺点：放大失真、文件大。常用格式：BMP、JPEG、PSD、GIF、TIFF、PDF。 （3）对比总结 板书对比表格。 （4）例题分析 展示三张图片：一张矢量风格LOGO、一张数码照片、一个扫描文件。提问：“它们分别属于什么类型？为什么？” 2. 图像属性——分辨率 （1）三种分辨率讲解 结合教材内容，分别讲解： ①显示分辨率：显示器上像素个数，如1600×900。影响显示清晰度。 ②图像分辨率：图像本身存储的像素信息，可用像素乘积或ppi表示。图像分辨率越高，图像越清晰、文件越大。 ③输出分辨率：打印机等输出设备的点数，用dpi表示。dpi越高，输出质量越好（600dpi文字、1200dpi照片、4800dpi彩照）。 （2）关系辨析 强调：在显示分辨率一定时，图像分辨率越高，图像越清晰。输出分辨率决定打印质量。 3. 图像属性——颜色位深度 （1）概念讲解 讲解：颜色位深度（位深）是指存储每个像素所用的二进制位数。 （2）公式讲解与计算 颜色数 =。举例（完整覆盖教材1位、4位、8位、16位、24位）：1位→2色（黑白）、4位→16色、8位→256色、16位→65536色、24位→约1677万色（真彩色）。 （3）效果对比 展示同幅图像在不同位深度下的显示效果对比图，让学生直观感受位深度对色彩丰富度的影响。 4. 知识背诵与强化记忆 • 背诵内容1： •三种分辨率的名称、单位与含义。 •颜色位深度公式： ，及1位、4位、8位、16位、24位对应的颜色数。 • 师生互动： 教师发布三个递进式问题： 任务一（基础）：判断“一张矢量风格的企业LOGO”属于矢量图还是位图？为什么？ 任务二（进阶）：“600dpi”属于哪种分辨率？它通常用于什么设备？ 任务三（综合）：一幅图像的颜色位深度为16位，它能显示多少种颜色？如果是24位呢？ 邀请学生抢答或随机点名回答，教师点评、补充和鼓励 第二部分 1. 颜色模式概述 结合教材内容，讲解：颜色模式是指在显示器屏幕和打印页面上重现图像色彩的模式。它影响图像能显示的颜色数目、图像的通道数和文件的大小。展示图1-31，指出不同模式显示效果的差异。 2. RGB模式 （1）原理讲解：RGB模式用红(R)、绿(G)、蓝(B)三原色混合产生颜色，是Photoshop默认模式，用于屏幕显示。每个像素R、G、B值均为0~255，各用8位，总位深24位（真彩色）。 （2）通道演示：在Photoshop中打开一张图片，切换至“通道”面板（对照教材图1-32），展示R、G、B三个颜色通道。 （3）优缺点：编辑图像的最佳模式，但部分颜色超出印刷范围。 3.CMYK模式 （1）原理讲解：CMYK模式基于青(C)、洋红(M)、黄(Y)、黑(K)四色印刷，通过油墨反射光产生色彩，用于印刷行业。 （2）色域对比：强调CMYK定义的颜色数比RGB少得多，RGB转CMYK会损失部分颜色。 （3）通道展示：在PS中展示CMYK模式的四个颜色通道（对照教材图1-32）。 4.Lab模式 （1）原理讲解：Lab模式是Photoshop内部的颜色模式，色彩范围最广。由L（亮度）、a和b（颜色）三个通道组成。 （2）作用讲解：Lab模式弥补了RGB和CMYK的不足，在RGB转CMYK时作为过渡模式，可避免颜色丢失。 （3）通道展示：在PS中展示Lab模式的三个通道（对照教材图1-32）。 5.Photoshop支持的其他颜色模式 除RGB、CMYK、Lab外，Photoshop还支持以下颜色模式： ① 位图模式：仅用黑白两色表示图像，无灰度过渡。 ② 灰度模式：使用256级灰度表示图像，无彩色信息。 ③ 双色调模式：用2-4种油墨印刷灰度图像，用于特殊印刷效果。 ④ 索引颜色模式：最多256种颜色，文件小，常用于GIF格式。 ⑤ 多通道模式：将每个颜色通道转换为专色通道，用于专业印刷。 简要说明：这些模式在特定场景下使用，后续课程中会逐步接触。6.图像文件格式 按教材顺序系统讲解七种格式，展示格式对比表： （1）BMP：Windows标准图像格式，不压缩，占用空间大。 （2）JPEG：JPEG压缩标准，有损压缩，压缩比大、文件小，网页最常用。 （3）PSD：Photoshop专用格式，保留图层、通道、蒙版等所有信息，支持所有颜色模式。 （4）GIF：8位格式，LZW无损压缩，支持动画和透明区域，文件小，适合网络传输。 （5）TIFF：灵活的位图格式，支持多种颜色模式和Alpha通道，可在不同应用程序和操作系统间交换文件。 （6）PNG：无损压缩，支持48位彩色和16位Alpha通道，高保真、透明性、文件较小，广泛应用于网页和平面设计。 （7）PDF：跨平台文件格式，与软硬件、操作系统无关，便于交换与浏览，支持多种颜色模式。 例题分析：给出四个场景，请学生选择合适格式：①网页动画广告 ②PS编辑中需要保留图层 ③印刷出版的高质量图片 ④不同操作系统间交换文件。 7. 知识背诵与强化记忆（3分钟） • 背诵内容2：  •  RGB、CMYK、Lab三种颜色模式的特点、用途、通道数（对照教材图1-32） • 七种常见格式的名称及适用场景（可用口诀） • 师生互动： 教师发布四个实际场景，学生分组讨论后选派代表回答： 场景一：你要在网站上放一张产品照片，要求文件小、加载快，选什么格式？为什么？ 场景二：你在Photoshop中制作了一个多图层海报，还没做完想保存下来明天继续编辑，选什么格式？ 场景三：你要打印一张高质量彩色照片，需要交给印刷厂，选什么格式？ 场景四：你想做一个会动的表情包发到网上，选什么格式？ 教师点评各组成绩，补充讲解易混淆点（如JPEG与PNG的选择）。 • 听讲、观察图示，先记录矢量图知识，后记录位图知识 • 理解“像素”和“图元”的概念 • 记录对比表格 • 参与例题判断，说出判断依据 • 听讲、记录三种分辨率的定义、单位和典型数值 • 理解三者之间的区别与联系 • 听讲、记录公式 • 跟随教师计算不同位深度的颜色数 • 观察对比图，理解位深度的重要性 • 跟读、默记重点关键词，同桌互相提问 • 积极思考，参与抢答或回答问题，在回答中巩固所学知识 • 独立完成练习题，同桌交换批改，订正错误，记录错题 • 跟随教师回顾，查看笔记，补充遗漏 • 听讲、理解颜色模式的重要性 • 听讲、观察PS演示，理解RGB模式与屏幕显示的关系，认识三个颜色通道 • 听讲、记录笔记，理解RGB转CMYK会损失颜色的原因 • 观察CMYK四个通道 • 听讲，理解Lab模式的过渡作用及其重要性 • 听讲、记录五种模式名称，了解其基本用途 • 听讲、记录七种格式的核心特点（压缩方式、适用场景） • 参与例题分析，说出选择理由并相互补充 • 跟读口诀、默记格式特点，同桌互相提问 • 分组讨论，选派代表回答，说明选择理由 • 独立完成练习题，同桌交换批改，订正错误 • 跟随教师回顾完整知识框架，查看笔记，强化记忆 • 通过直观的视觉对比和生活中的常见现象，激发学生的好奇心和探究欲望，自然导入新课 • 严格按照教材顺序（先矢量图后位图）讲授，通过教材图示和板书对比，清晰呈现两类图像的本质特征 • 例题分析即时检验理解效果 • 将教材中三种分辨率的定义进行系统讲解，结合典型数值（如打印机dpi），使抽象概念具体化，便于学生理解和记忆 • 通过公式计算和直观图示，帮助学生将抽象的位深度概念与具体的颜色数量、视觉效果联系起来，完整覆盖教材1-24位所有示例 • 通过课堂背诵强化核心概念，抓住教学重点，为后续练习打下基础 • 通过阶梯式问题检验不同层次学生的掌握情况，活跃课堂气氛，增强学习的参与感和成就感 • 通过针对性练习巩固本课时核心知识点，填空题覆盖三大重点，判断题纠正常见误区（矢量图不失真） • 帮助学生梳理知识结构，强化记忆，明确下节课学习方向 • 建立颜色模式的总体认识，为后续分模式讲解做铺垫 • 结合教材图1-32和软件演示，将抽象的颜色模式可视化，帮助学生直观理解通道概念 • 通过色域对比和通道展示，帮助学生理解两种模式的本质区别及印刷注意事项 • 帮助学生理解Lab模式在色彩转换中的独特价值，完善颜色模式知识体系 • 完整覆盖教材第19页内容，让学生了解Photoshop支持的全部颜色模式，为后续学习做铺垫 • 通过系统讲解和对比表格，帮助学生掌握七种常见格式的特点及用途 • 例题分析检验理解效果，强化“不同用途选不同格式”的意识 • 通过口诀记忆法，提高背诵效率，帮助学生快速掌握七种格式和五种颜色模式的核心特点 • 通过场景化任务检验学生对格式选择的掌握情况，培养解决实际问题的能力，增强课堂趣味性 • 通过填空题巩固颜色模式通道数，通过判断题纠正常见误区（RGB≠印刷、JPEG有损、PSD保留图层） • 帮助学生梳理两课时的完整知识体系，形成系统化的认知结构 课堂练习 （20分钟） 1、发放填空题3题，判断题1题，学生独立完成，公布答案，对组互批，举手统计错题。 2、出示填空题2题，判断题3题，公布答案，对组互批，举手统计错题。 课堂小结 （5分钟） 第一课时课堂小结 知识梳理：图像的类型：矢量图（图元） vs 位图（像素） 图像属性：1. 分辨率（显示/图像/输出）  2. 颜色位深度（：1位→2色、4位→16色、8位→256色、16位→65536色、24位→真彩色） 预告：下节课我们将继续学习图像属性中的“颜色模式”和“图像文件的格式”，请大家提前预习教材相关内容。 第二课时课堂小结 知识梳理：3. 颜色模式（RGB/CMYK/Lab + 位图/灰度/双色调/索引颜色/多通道）  4. 图像文件格式（BMP/JPEG/PSD/GIF/TIFF/PNG/PDF） 总结提升：理解图像的基础知识，是成为图像处理高手的第一步，也是做出专业级作品的前提。 课后作业 （5分钟） 作业布置： 1. 巩固作业： 背诵两个课时的全部知识点（矢量图与位图的区别、三种分辨率、颜色位深度公式及各深度对应颜色数、三种主要颜色模式、五种其他颜色模式、七种文件格式），下节课抽查。 2. 拓展作业： 从网上下载或自己保存JPEG、PNG、GIF三种格式的图片各一张，用Photoshop打开查看其颜色模式和通道信息，简要说明每种格式的特点和适用场景，写在作业本上。 板书设计 任务1.2 了解图像的基础知识 一、图像的类型 矢量图（图形） 位图（图像） ├─ 基本元素：图元 ├─ 基本元素：像素 ├─ 特点：缩放不失真 ├─ 特点：色彩丰富 ├─ 缺点：色彩单调 ├─ 缺点：放大失真、文件大 └─ 格式：AI、DXF、 └─ 格式：BMP、JPEG、 WMF、SWF PSD、GIF、TIFF、PDF 二、图像属性 1. 分辨率 ├─ 显示分辨率：像素（如1600×900） ├─ 图像分辨率：ppi（像素每英寸） └─ 输出分辨率：dpi（点每英寸，如600dpi） 2. 颜色位深度 └─ 公式：颜色数 = 2ⁿ 1位→2色 4位→16色 8位→256色 16位→65536色 24位→约1677万色（真彩色） 3. 颜色模式 ├─ RGB模式：红绿蓝、屏幕、3通道、24位真彩色 ├─ CMYK模式：青品黄黑、印刷、4通道、色域较小 ├─ Lab模式：亮度+颜色、过渡模式、色域最广、3通道 └─ 其他模式：位图、灰度、双色调、索引颜色、多通道 4. 图像文件格式 ├─ BMP ── 无压缩、文件大 ├─ JPEG ── 有损压缩、网页常用 ├─ PSD ── 保留图层、编辑专用 ├─ GIF ── 8位、动画/透明、LZW无损 ├─ TIFF ── 灵活、跨平台、印刷常用 ├─ PNG ── 无损压缩、透明/48位、高保真 └─ PDF ── 跨平台、便于交换与浏览 教学评价 教学反思 精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $