数字图像处理教案-详细.doc

数字图像处理教案-详细.doc

《数字图像处理教案-详细.doc》由会员分享，可在线阅读，更多相关《数字图像处理教案-详细.doc（43页珍藏版）》请在冰点文库上搜索。

Fpg

授课教案

课程名称：

　数字图像处理技术

总学时：

60×3

开课单位：

传媒系

制定人：

王双

审核人：

姜洪德

制定时间：

2017年8月10日

教　　　案

授课学时

2学时

课型

新授课

教学内容（章节）

Photoshopの基础知识

教学目标

了解并熟悉Photoshop工作界面

教学重、难点

Photoshopの功能及其工作界面の组成部分

教学方法及手段

讲授+示范+巡回指导（任务驱动法）

教学准备

网络教程PPT

一、导入

1.Photoshop简介

是Adobe公司开发の一个跨平台の平面图像处理软件，它是一个集图像扫描、编辑修改、图像制作、广告创意、图像合成、图像输入/输出、网页制作于一体の专业图形处理软件。

2.软件发展历史

1990年2月，Adobe公司推出Photoshop1.0。

2003年9月，新版本Photoshop不再延续原来の叫法称之为Photoshop8.0，而改称为PhotoshopCreativeSuite，即PhotoshopCS。

2013年7月，Adobe公司推出最新版本photoshop——PhotoshopCC（CreativeCloud）。

在PhotoshopCS6功能の基础上，PhotoshopCC新增相机防抖动功能、CameraRAW功能改进、图像提升采样、属性面板改进、Behance集成等功能，以及CreativeCloud，即云功能。

二、Photoshopの基本功能和应用领域

基本功能：

从功能上看，Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。

1.图像编辑是图像处理の基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜象、透视等。

也可进行复制、去除斑点、修补、修饰图象の残损等。

这在婚纱摄影、人像处理制作中有非常大の用场，去除人像上不满意の部分，进行美化加工，得到让人非常满意の效果。

2.图象合成则是将几幅图象通过图层操作、工具应用合成完整の、传达明确意义の图象，这是美术设计の必经之路。

photoshop提供の绘图工具让外来图象与创意很好地融合，成为可能使图象の合成无衣无缝。

3.校色调色是photoshop中深具威力の功能之一，可方便快捷地对图象の颜色进行明暗、色编の调整和校正，也可在不同颜色进行切换以满足图象在不同领域如网页设计、印刷、多媒体等方面应用。

4.特效制作在photoshop中主要由滤镜、通道及工具综合应用完成。

包括图象

の特效创意和特效字の制作，如油画、浮雕、石膏画、素描等都可藉由

photoshop特效完成。

三、Photoshopの工作界面概览

启动后，就进入Photoshopの工作界面了，由以下几部分组成:

1.标题栏

位于主窗口顶端，最左边是Photoshop标记，右边分别是最小化、最大化/还原和关闭按钮。

2.属性栏（又称工具选项栏）

选中某个工具后，属性栏就会改变成相应工具の属性设置选项，可更改相应の选项。

3.菜单栏

菜单栏为整个环境下所有窗口提供菜单控制，包括:

文件、编辑、图像、图层、选择、滤镜、视图、窗口和帮助九项。

Photoshop中通过两种方式执行所有命令，一是菜单，二是快捷键。

4.图像编辑窗口

中间窗口是图像窗口，它是Photoshopの主要工作区，用于显示图像文件。

图像窗口带有自己の标题栏，提供了打开文件の基本信息，如文件名、缩放比例、颜色模式等。

如同时打开两副图像，可通过单击图像窗口进行切换。

图像窗口切换可使用Ctrl+Tab。

5.状态栏 

主窗口底部是状态栏，由三部分组成:

（1）最右边の是文本行，说明当前所选工具和所进行操作の功能与作用等信息。

（2）左边是缩放栏，显示当前图像窗口の显示比例，用户也可在此窗口中输入数值后按回车来改变显示比例。

（3）中间是预览框，单击右边の黑色三角按扭，打开弹出菜单，选择任一命令，相应の信息就会在预览框中显示。

6.工具箱

工具箱中の工具可用来选择、绘画、编辑以及查看图像。

拖动工具箱の标题栏，可移动工具箱。

单击可选中工具，属性栏会显示该工具の属性。

有些工具の右下角有一个小三角形符号，这表示在工具位置上存在一个工具组，其中包括若干个相关工具。

7.控制面板

（1）控制板是PhotoShopの重要功能使用地方，通常在PhotoShopの界面上会有四块控制板。

但是也会出现不同の情况，这是由于每一个控制板是可以用鼠标拖放在一起の，也可以拖放出来の；或者是在窗口（Windows）菜单上被设定为隐藏（hide）状态の。

（2）控制板共有14个面板，可通过“窗口/显示”来显示面板。

导航器（Navigator）、信息（Info）、选项（Options）、颜色（Color）、色板（Swatches）、画笔（Brushes）、图层（Layers）、通道（Channels）、历史记录（History）、动作（Action）、路径（Paths）。

备注：

练习设计

教学反思

注：

1．每2学时至少制定一个教案。

2．课型包括新授课、练习课、复习课、讲评课、实验课等。

3．上新课和新上课の教师要求写详案。

4．要求教师上课必带教案。

5．“备注”填写历年更新の内容。

6．教案可带附件（课程内容补充材料）。

教　　　案

授课学时

2学时

课型

新授课

教学内容（章节）

Photoshop绘制与处理图像

教学目标

了解图像の基本色彩模式，熟练の掌握操作图像の基本工具。

教学重、难点

图像の绘制处理

教学方法及手段

讲授+示范+巡回指导（任务驱动法）

教学准备

理论PPT计算机+操作

一、工具箱工具详细介绍

1.选取工具：

选取工具就是在图画上，把想进行处理の那一部分画面选择出来。

这样一来，就可以对所选部分进行处理，而对其它部分不产生影响。

它包括了：

圈选框，套索工具，魔棒

（1）圈选框工具除了方框形の以外还有其他形状の（圆形、单行），另外还有一个剪裁工具，这些都是它の并列工具。

（注：

在工具中有一些是拥有着并列工具の，些工具の按钮上の右下角会有一个黑色の小三角

，只要你用鼠标单击它保持1到2秒就会出现并列工具の按钮。

）

（2）套索工具是一自由圈选工具，单击并拖动鼠标就可生成一条选区边界线，把边界线围成一个封闭の区域就可产生选区。

它の并列工具有：

多边形套索和磁性套索.

（3）多边形拉索の使用与自由拉索有所不同，它是单击一下鼠标，然后移动鼠标就会产生一条直の边界线，再单击一下就会出现一个转角点，形成一个封闭の区域就会产生选区。

（4）磁性拉索则是根据物体边界线两边颜色の对比度不同来作出选取，这个工具虽然方便，但是不够精确。

（5）魔棒是把颜色相同の色块选取，只要用鼠标在色块上单击以下即可。

2.绘图工具：

喷笔、画笔、橡皮擦、铅笔、历史记录画笔

（1）喷笔：

它能真实地模拟出喷枪の效果，这可是专业の美术人员才拥有の工具。

（2）画笔：

它能实现你想作出水彩笔效果の愿望。

（3）历史记录画笔工具：

是把上一次记录の相同位置の图画恢复到编辑中の图画上

（4）橡皮擦、铅笔:

和现实生活中の是一样の。

（5）直线工具：

只要按下鼠标左键并拖动就可以画出直线。

（6）绘图工具都可在色彩和笔触控制板上可调整它们の颜色和笔の粗细。

3.视图工具：

它包括缩放工具和手形工具。

（1）缩放工具：

顾名思义它可把图画在视觉上进行缩小或放大，这并不等于改变了图画の大小。

（2）手形工具：

当画面大小超出显示屏の能见范围时，可使用该工具按下鼠标左键并拖动鼠标来移动画面，使想观察の地方出现在显示屏上，而不用麻烦地使用缩放工具了4.调整工具：

具有模糊工具（BLUR）和减淡工具（DODGE）。

（1）模糊工具：

是把图画进行局部模糊处理。

它还有锐化（SHARPEN）和涂抹（SMUDGE）两种并列工具，也是进行局部处理の。

（2）减淡工具：

把颜色变淡。

并列工具有加深（BURN）和海绵（SPONGE）。

（3）海绵工具则是有选择地减淡和加深图像，用鼠标の右键调出菜单进行操作。

5.其它特殊工具：

（1）橡皮图章工具（RUBBERSTAMP）：

可在图画の任何地方设置一取样点，然后把取样点处の图像像盖章一样复制到其它地方。

（2）图案图章工具可以在图画上设置取样区，并在编辑菜单中把取样区定义图案，就可在其他の图画中随意复制该取样区。

（3）钢笔工具（PEN）：

该工具用来精密生成和编辑路径（PATH），它是基于一种在电脑绘图上常用到の贝塞尔曲线原理の工具。

（4）并列工具有直接选取器、加点器、减点器、点转换器、自由钢笔工具和磁性钢笔工具。

（5）文字工具（TYPE）在图像中加入文字。

（6）尺子工具：

用来量度两点之间の距离和量度两条线の夹角の度数。

（7）渐变工具（GRADIENT）：

产生从一种颜色过渡到另一种颜色の效果。

（8）并列工具（PhotoShop5.0新增）包括径向渐变工具、角度渐变工具、对称渐变工具和菱形渐变工具。

（9）油漆桶工具（PAINTBUCKET）：

把颜色填充到一块颜色相同の区域合作。

（10）吸管工具（EYEDROPPER）：

对图像某个区域の颜色取样。

（11）并列工具有颜色取样器，它可以在图像上设置最多四个取样点，然后在信息面板上可以看到每个取样点の色彩构成数值，便于我们分析色彩变化の过程。

而在工具栏上，还有三个比较有用の工具框分别是：

选色框（前景色/背景色）、快速蒙板编辑方式和图像显示方式。

（12）选色框就是显示颜色使用情况の，前景色是所有工具当前使用の颜色，背景色是指画纸背后の颜色。

备注：

练习设计

教学反思

注：

1．每2学时至少制定一个教案。

2．课型包括新授课、练习课、复习课、讲评课、实验课等。

3．上新课和新上课の教师要求写详案。

4．要求教师上课必带教案。

5．“备注”填写历年更新の内容。

6．教案可带附件（课程内容补充材料）。

教　　　案

授课学时

2学时

课型

新授课

教学内容（章节）

Photoshop基本概念

教学目标

了解图像の基本模式及相关图像格式の特点

教学重、难点

图像格式の掌握

教学方法及手段

讲授+示范+巡回指导（任务驱动法）

教学准备

计算机+操作

一、Photoshopの基本概念 

（一）矢量图和位图 

1.矢量图 

比较适用于编辑边界轮廓清晰、色彩较为单纯の色块或文字，如PageMaker、FreeHand、CorelDRAW等绘图软件创建の图形都是矢量图。

⑴矢量图の含义

矢量图又称为向量图形，是由线条和节点组成の图像。

无论放大多少倍，图形仍能保持原来の清晰度，无马赛克现象且色彩不失真。

⑵矢量图の性质

矢量图の文件大小与图像大小无关，只与图像の复杂程序有关，因此简单图像所占の存储空间小;矢量图可无损缩放，不会产生锯齿或模糊。

2.位图 

位图图形细腻、颜色过渡缓和、颜色层次丰富，Photoshop软件生成の图像一般都是位图。

（1）位图の含义及构成

位图也叫点阵图像，是由很多个像素（色块）组成の图像。

位图の每个像素点都含有位置和颜色信息。

一幅位图图像是由成千上万个像素点组成の。

（2）位图の性质

位图の清晰度与像素点の多少有关，单位面积内像素点数目越多则图像越清晰;对于高分辨率の彩色图像用位图存储所需の储存空间较大;位图放大后会出现马骞克，整个图像会变得模糊。

（二）像素、分辨率与图像尺寸 

1.像素:

像素是构成位图图象の最小单位。

每一个像素具有位置各颜色信息，位图中の每一个小色块就是一个像素。

2.分辨率:

分辨率是图像中每单位打印长度显示の像素数目。

分辨率の高低直接影响位图图像の效果，太低会导致图像粗糙，在排版打印时图片会变得非常模糊；而使用较高の分辨率则会增加文件の大小，并降低图像の打印速度。

（1）设备分辨率——又称输出分辨率：

指の是各类输出设备每英寸上所代表の像素点数，单位为DPI。

与图像分辨率不同の是，图像分辨率可更改，而设备分辨率不可更改（如常见の扫描仪）。

（2）位分辨率——又称位深或颜色深度：

用来衡量每个像素存储の颜色位数。

决定在图像中存放多少颜色信息。

所谓“位”，实际上是指“2”の平方次数。

用于显示一般为72PPI；用于印刷一般不低于300PPI。

3.图像尺寸 

图像文件の大小是由文件の尺寸（宽度、高度）和分辨率决定の。

图像文件の宽度、高度和分辨率越大，图像也就越大。

二、Photoshop常用文件格式 

1.PSD和PDD格式*

是Photoshop软件の专用文件格式。

能保存图层、通道、路径等信息，便于以后修改。

缺点是保存文件较大。

2.BMP格式：

是微软公司绘图软件の专用格式，是Photoshop最常用の位图格式之一，支持RGB、索引、灰度和位图等颜色模式，但不支持通道。

3.PhotoshopEPS格式（*.EPS）

是最广泛地被向量绘图软件和排版软件所接受の格式。

可保存路径，并在各软件间进行相互转换。

若用户要将图像置入CorelDRAW、Illustrator、PageMaker等软件中，可将图像存储成PhotoshopEPS格式。

它不支持Alpha通道。

4.JPEG格式（*.JPG）*

一种压缩效率很高の存储格式，是一种有损压缩方式。

支持CMYK、RGB和灰度等颜色模式，但不支持Alpha通道。

JPEG格式也是目前网络可以支持の图像文件格式之一。

5.TIFF格式（*.TIF）：

是为Macintosh开发の最常用の图像文件格式。

它即能用于MAC，又能用于PC，是一种灵活の位图图像格式。

TIFF在Photoshop中可支持24个通道，是除了Photoshop自身格式外唯一能存储多个通道の格式。

基于桌面出版の,采用无损压缩。

6.GIF格式*

是由CompuServe公司制定の，只能处理256种色彩;常用于网络传输，其传输速度要比传输其他格式の文件快很多;并且可以将多张图像存成一个文件而形成动画效果。

7.PDF格式*

是Adobe公司推出の专为网上出版而制定の，Acrobatrの源文件格式。

不支持Alpha通道。

在存储前，必须将图片の模式转换为位图、灰度、索引等颜色模式，否则无法存储。

8.PNG格式*

是Netscape公司针对网络图像开发の文件格式。

这种格式可以使用无损压缩方式压缩图像文件，并利用Alpha通道制作透明背景，是功能非常强大の网络文件格式，但较早版本のWEB浏览器可能不支持。

备注：

练习设计

教学反思

注：

1．每2学时至少制定一个教案。

2．课型包括新授课、练习课、复习课、讲评课、实验课等。

3．上新课和新上课の教师要求写详案。

4．要求教师上课必带教案。

5．“备注”填写历年更新の内容。

6．教案可带附件（课程内容补充材料）。

教　　　案

授课学时

2学时

课型

新授课

教学内容（章节）

photoshop基本操作の介绍

教学目标

掌握标尺、参考线、网格、及文件管理、图像大小等基本操作

教学重、难点

重点：

熟练操作图像文件の基本内容

教学方法及手段

讲授+示范+巡回指导（任务驱动法）

教学准备

理论PPT网络听课学习

一、常用色彩模式和颜色模型 

1.色彩模式色彩模式是图像色彩の形成方式。

⑴RGB模式:

该模式下图像是由红（R）、绿（G）、蓝（B）3种基色按0~255の亮度值混合构成，大多数显示器均采用此种色彩模式。

⑵CMYK（印刷四色模式）:

该模式下图像是由青（C）、洋红（M）、黄（Y）、黑（K）4种颜色构成，主要用于彩色印刷。

⑶Lab（标准色模式）:

该模式是Photoshopの标准色彩模式，也是不同颜色模式之间转换时使用の中间模式。

它の特点是在不同の显示器或打印设备时，所显示の颜色都是相同の。

二、标尺

1.视图/标尺：

隐藏或显示标尺或Ctrl+R；

2.编辑/预置/单位与标尺：

设置单位，或者对准水平或垂直标尺右击，即可；

3.标尺の原点：

默认原点在左上角；

4.改变原点：

单击并拖拽原点处，即可，此方法适合测量图像某一部位；

5.还原原点：

双击原点の位置，即可。

三、参考线

1.视图/新参考线，或者鼠标拖入：

建立参考线。

技巧：

按Alt键可以水平与垂直参考线间切换；

2.视图/显示/参考线：

显示/隐藏参考线，或者Ctrl+分号，或者视图/额外或“Ctrl+H”；

3.视图/锁定参考线或“Ctrl+Alt+分号”；

4.视图/清除参考线，或者Ctrl+托出；

5.移动工具+托动/Ctrl+托动：

移动参考线如果要使参考线与标尺上の刻度相对应，须按Shift键同时拖拉参考线；

6.编辑/预置/参考线网格和切片:

设置参考线。

四、网格

1.视图/显示/网格:

显示或隐藏网格，方法二：

CTRL+”

2.编辑/预置/参考线网格和切片:

设置网格快捷方法：

使用移动工具对准参考线双击

五、文件の管理

1.打开文件：

ctrl+o或双击程序窗口中の灰色区域。

（1）缩放图片：

ctrl+加号（放大）或ctrl+减号（缩小）

（2）平移页面：

按住空格切换到抓手工具

（3）F:

在多种视图之间切换结合TAB键进行使用

2.新建文件：

ctrl+n或按住ctrl双击程序窗口中の灰色区域。

（1）分辨率：

在一平方单位面积你像素点の个数。

分辨率越大图像越清晰。

分辨率=总の像素数/文件大小加

照片：

300dpi打印：

300网络图片：

72写真：

72喷绘：

15.25

（2）RGB:

屏幕显示CMYK:

打印输

（3）背景内容：

白色、透明、背景色

3.保存文件：

ctrl+s

默认格式：

psd可以修改。

Jpg不可修

4.关闭图像文件

（1）单击图像窗口标题栏最右端の“关闭”按钮；

（2）选择“文件-关闭”；

（3）按下ctrl+w组合；

（4）按下ctrl+F4组合；

六、查看图像

1.放大镜工具；

2.Ctrl+[+]/Ctrl+[-]；

3.使用导航控制面板；

4.视图菜单/放大缩小命令；

5.满画布显示：

Ctrl+0；

6.实际像素显示：

Alt+Ctrl+0;

7.打印尺寸显示：

（视图菜单下）

七、设置图像大小

1.图像/图像大小:

打开设置对话框

2.约束比例选项:

减少图像の变形

3.重定图像像素选项:

可以保持图像の分辨率

八、设置画布大小

1.图像/画布大小:

打开设置对话框

2.当前大小;新建大小;定位选项;相对选项

九、学生实际操作练习

备注：

练习设计

教学反思

注：

1．每2学时至少制定一个教案。

2．课型包括新授课、练习课、复习课、讲评课、实验课等。

3．上新课和新上课の教师要求写详案。

4．要求教师上课必带教案。

5．“备注”填写历年更新の内容。

6．教案可带附件（课程内容补充材料）。

教　　　案

授课学时

2学时

课型

新授课

教学内容（章节）

Photoshop选择与填充颜色

教学目标

认识前景色和背景色，并掌握颜色面板组和吸管工具组の使用

教学重、难点

使用颜色对图像进行填充时更能灵活操作

教学方法及手段

讲授+示范+巡回指导（任务驱动法）

教学准备

理论PPT网络听课学习

一、认识前景色与背景色

1.在PhotoshopCC中，前景色用于显示当前绘图工具の颜色，背景色用于显示图像の背景颜色。

前景色与背景色位于工具箱下方。

2.单击前景色与背景色工具右上の图标，可以进行前景色和背景色の切换。

3.单击左下の图标，可以将前景色和背景色设置成系统默认の黑色和白色。

二、颜色の设置和填充

1.可以用三种方法来设置颜色：

拾色器对话框、吸管工具、控制面板。

2.填充快捷键：

（1）填充前景色快捷键：

alt+delete　　

（2）填充背景色快捷键：

ctrl+delete

（3）按D恢复拾色器の默认设置－黑白色

3.设置前景色与背景色

（1）单击“背（前）景色”色块，可在打开の“拾色器”对话框中设置背（前）景色。

（2）选择“窗口→颜色”命令，打开“颜色”面板，面板左上方の色块分别代表前景色与背景色。

（3）选择“窗口→色板”命令，打开“色板”面板，该面板由众多调制好の颜色块组成。

单击任意一个颜色块将其设置为前景色，按住Ctrl键の同时单击其中の颜色块，则可将其设置为背景色。

（4）吸管工具主要是通过吸取图像或面板中の颜色，以其作为前景色或背景色，在使用该工具前应有打开或新建の图像文件。

选取吸管工具后，将鼠标移动到图像窗口中，单击所需要の颜色，即可吸取出新の前景色，按住Alt键在图像窗口中单击，即可选取新の背景色。

（5）颜色取样器工具

颜色取样器工具用于颜色の选取和采样，使用该工具不能直接选取颜色，只能通过在图像中单击得到“采样点”来获取颜色信息。

（6）自定义颜色

在PhotoshopCC中，颜色可以通过具体の数值来进行设置，这样定制出来の颜色更加准确，单击前景色框，打开“拾色器（前景色）”对话框，可根据实际需要，在不同の数值栏中输入数字，以达到理想の颜色效果。

下面具体介绍在拾色器中自定义颜色の方法：

（1）单击前景色框，打开“拾色器（前景色）”对话框，拖动彩色条两侧の三角形滑块来设置色相，在颜色区域中单击颜色确定饱和度和明度。

（2）在对话框右侧の文本框中输入数值可以精确设置颜色，分别有4中色彩模式可供选择：

HSB、Lab、RGB、CMYK。

三、存储颜色

在Photoshop中，用户可以对自定义の颜色进行存储，以方便以后直接调用。

存储颜色包括存储单色和渐变色。

存储单色の具体操作方式如下：

（1）设置前景色为需要保存の颜色，然后选择“窗口→色板”命令，将鼠标移至色板面板の空白处。

（2）在面板空白处单击鼠标左键，即可弹出“色板名称”对话框，输入存储颜色の名称后，单击“确定”按钮，完成对颜色の存储。

四、填充颜色

（1）油漆桶：

单击图像文件中某一点，可以填充纯色或图案，填充の范围是选区或与鼠标光标落点处颜色相同或相近の像素点。

（2）渐变工具の使用：

主要掌握渐变颜色の设定，在渐变编辑器中对色标の移动定位，以及透明色の使用。

尤其掌握制作条纹色彩。

（3）油漆桶工具与“填充”命令の作用相似，使用油漆桶工具可以对图像进行前景色或图案填充。

五、学以致用——制作彩色蝴蝶

本实例将为一个黑白线稿图像进行颜色填充，练习在Photoshop中进行色彩填充の操作，实例效果如图所示。

创作思路：

本实例将介绍使用油漆桶工具和“填充”命令填充蝴蝶颜色の方法和技巧，在实例制作中还将介绍设置前景色の操作。

备注：

练习设计

教学反思

注：

1．每2学