教案矢量绘图

图形图像处理》教案

编撰人肖士胜

任教科目图形图像处理

任教班级电商135班

周课时数

6节

（节/班）

新课时数

节

（节/班）

复习课时（节/

节

班）

实验实训（节/

班）

考核形式上机考

测验考试（次/

班）

起止时间

2014.9---2015.1

目录

第五章图像修饰

5.1样题示例

5.2样题分析

5.3图章工具

5.4修复类工具

5.5修饰类工具

5.6图像消失点工具

5.7样题解答第六章矢量绘图

6.1样题示例

6.2样题分析

6.3形状工具

6.4钢笔工具

6.5路径编辑工具

6.6路径描绘

6.7样题解答第七章图层效果

7.1样题示例

7.2样题分析

7.3图层

7.4填充或调整图层

7.5图层蒙版

7.6图层样式

7.7样题解答第八章特效滤镜

8.1样题示例

8.2样题分析

8.3-8.15各类滤镜的学习

8.16样题解答

第九章文字效果

9.1样题标例

9.2样题分析

9.3使用文字工具

9.4文字调板

9.5文字排版

9.6文字图层

9.7路径文本

9.8样题解答

教师课时授课计划No.1

课题第6章矢量绘图之样题示例及分析

教学1、理解样题的操作要求。

目标2、理解样题分析。

3、培养学生对样题的理解能力。

教材重点样题的操作要求及其分析。

分析难点样题的分析。

教学方法启发式、讲授法课时2课时

一、新课导入：

1、打开PhotoshopCS3软件，提问：同学们，不知大家预习的情况如

何，谁能告诉我PhotoshopCS3由哪些绘图工具？

2、学生回答、讨论。

3、教师简单介绍PhotoshopCS3的绘图工具：选框工具、画笔、形状工

教具等。

二、新课学习：

1、样题示例：

[操作要求]

学用路径绘制高脚酒杯，如下右图所示：

打开素材文件goblet.psd，高脚酒杯图形轮廓如右图所示。

（1）绘制路径：用钢笔分别多次勾画玻璃杯的高光区域和反光区域。

（2）路径编辑：路径填色、调整透明度和编辑蒙板，酒杯产生玻璃质

感。

过（3）效果修饰：同样方法制作酒杯脚。

将最终效果以X5－20.psd为文件名保存。

2、样题分析这个作品是用钢笔工具描绘，以此填充来表现玻璃杯的阴暗

区、中调区、高光区和反光区，所以需要有较好的手绘功夫。

为了便于各个区域分别处理，建议为每次勾画都新建一个图层。按照效

果图勾画各个区域的范围，需要熟练掌握钢笔工具、路径调节和物体明暗区

程

域的表现方法，所以了解本章技能要点的使用方法才是根本。

通过以上的分析可以看出，Photoshop是计算机与美术的结合产物。

三、学生尝试使用绘图工具绘制一些矢量图。

四、教师小结。

作业课后尝试用绘图工具作矢量图。

教师课时授课计划No.2

课后小结

课后小结

教师课时授课计划No.3

第6章矢量绘图之形状工具

课题

1、了解形状工具。

教学2、理解使用图形绘图的优点。

目标3、理解形状图层及利用形状图层创建路径

教材重点形状图层及利用形状图层创建路径分析难点利用形状图层创建路径

教学方法启发式、讲授法课时2课时

一、新课导入：在计算机上制图时，有绘图和绘画两种不同方式，请问同学

们，这两种方式有什么不同吗？

二、新课学习：

1、使用图形绘图具有以下优点：可以快速选择形状、调整大小、移

动、编辑轮廓（在此称为路径）和属性（如线条粗细、填充色和样式）。

图形形状与分辨率无关，当调整形状大小、教存储到PDF文件、导入矢

量图形应用程序时，形状保持清晰的边缘。

2、形状图层形状图层（图层蒙板）：形状由当前的前景色自动填充，

也可以将填充更改学为其它颜色、渐变或图案。形状的轮廓存储在“路径”调板

中。

形状工具包括：矩形工具、圆角矩形工具、椭圆形工具、多边形工具、直

线工具、和自定形状工具。

3、创建路径

形状工具不但能创建形状图层（填充路径/形状图层蒙板），而且也可以

直接创建路径形状（无填充物）

创建路径可定义形状的轮廓，路径的使用有以下几种

方式：

可以将某路径用途图层剪贴路

径。可以将路径转换为选区。

可以编辑路径更改其形状。

（1）

（2）

（3）

三、学生尝试使用路径工具绘制简单的形状。

四、教师小结。

业绘制中国邮政的图形并填充路径。

课后小结

教师课时授课计划No.4

课题第6章矢量绘图之填充图像及自定形状工具

教学1、理解填充图像（栅格化图）

目标2、了解自定形状工具。

教材重点填充图像及自定形状工具

分析难点填充图像。

教学方法启发式、演示法课时2课时

、新课导入：

填充图像不是矢量图形而是像素图像。创建填充像素的过程等同于创建选

区、用前景色填充、取消选区三个步骤。

二、新课学习：

1、创建栅格化填充像素不会自动创建图层，也不会出现矢量形状

（1）选择形状工具，在选项栏选择“填充像素”，如下图所示。

2）使用椭圆工具，制作一大（黑）和一小（黄色）两个同心圆形。

3）使用直线工具，按住Shift键，绘制两条45度的交叉线，如下

左图

2、自定形状工具当使

用自定形状工具时，可以

从各种预设形状库中选取

各种形状直接使用。

与前面章节讲解的定义

图案、定义画笔一样，也

可以自己设定形状存储到

预设库中。

三、学生尝试预设库中的

形状绘制一些特定的形

状。

四、教师小结。

业绘制中国邮政的图形并填充路径。

课后小结

教师课时授课计划No.5

课题第6章矢量绘图之钢笔工具1

教学1、理解路径的构成。

2

目标、理解钢笔工具。

3、能钢笔工具绘制直

教材重点路径的构成及钢笔工具绘制直线

分析难点路径的构成

教学方法启发式、演示法课时2课时

一、新课导入：前面学习了通过形状来创建路径，那么能不能直接用工

具来绘制出自己想要的路径呢？

二、新课学习：

1、路径的构成路径由一个或多个直线段或曲线段组成。锚点标记

路径段的端点。在曲线段上，每个选中的锚点显示一条或两条方向线，

方向线以方向点结束。

路径可以是闭合的，没有起点或终点，也可以是开放的，有明显的

端点。平滑曲线由平滑点的锚点连接。尖锐的曲线路径由角点连接，如

下图所示为平滑点和角点。

2、钢笔工具绘制直线使用钢笔工具最简单的就是绘制直线，用钢

笔工具只需确定需要连接线段的两个锚点即可。

钢笔工具绘制路径也可设定与其它形状组合方式，如上右图所示为

从“路径中减去”的效果。

三、学生完成上左图中的叉形形状及填充。

四、教师小结。

作业练习钢笔工具的使用，完成上右图的从“路径中减去”的效果

课后小结

教师课时授课计划No.6

课题第6章矢量绘图之钢笔工具2

教学1、理解钢笔工具绘制曲线。

2、理解角点绘制扇形曲线。

目标

3、能利用角点手柄调整曲线。钢笔工具绘制曲线。角点绘制扇

教材重点形曲线。

分析难点一、新课导入：前面学习了利用钢笔工具绘制直线，能否用它绘

教学方法启发式、演示法课时2课时

制曲线呢？以前利用选区绘制图像时，能绘制一些特定的曲线图像，但

要定制一些曲线段就有些力不从心了。

二、新课学习：

1、钢笔工具绘制曲线

当需要生成弯曲的形状或选区时，使用钢笔工具就能达到精确地绘制光

滑曲线的效果。调整曲线形状的另一种方法是用“直接选择工具”单击

曲线段，然后

拖动它

2、角点绘制扇形曲线

使用钢笔工具绘制曲线也可以让它们指向相同的方向。如扇形曲线的绘制

方式与上面讲述的连续曲线的绘制方式不同。

三、学生完成上左图中的铁锤形状。

四、教师小结。

作业利用钢笔工具绘制蝙蝠的图形及填充。

课后小结

教师课时授课计划No.7

课题第6章矢量绘图之钢笔工具3

教学1、理解自由钢笔工具。

目标2、掌握自由钢笔选项栏的设置。

3、熟练使用钢笔工具绘制图。

教材重点自由钢笔及其设置、使用。

分析难点自由钢笔的使用。

教学方法启发式、演示法课时2课时

一、新课导入：用钢笔工具可以绘制直线和比较规则的曲线，有时候我们需

要对已有的图像进行轮廓的描绘，这时我们该如何进行呢？在前面的学习中

我们是否学过方法？二、新课学习：

1、自由钢笔工具使用自由钢笔工具，可以像用钢笔在纸上一样随意绘

出图形的轮廓，此时将自动添加锚点，无需单击确定锚点位置。

2、自由钢笔选项栏的设置如下图所示：

教

学

过

（1）曲线拟合：输入0.5~10.0像素之间值。数值越高，创建路径锚

点越少越简单。

程（2）宽度：输入1~40之间像素值，磁性钢笔探测指定距离内的边缘。

（3）对比：输入0~100之间百分比，边缘像素之间对比度随此值变化变

化，数值越高，对比度越低。

（4）频率：输入0~100之间数值，指定锚点密度，数值越高，锚点定

位越快。

（5）钢笔压力：铅笔压力的增加将导致宽度的减小。（6）磁性的：定

义搜索范围和灵敏度，与磁性套索工具原理具有相同之处。三、学生利用自

由钢笔工具对照实物绘制一些图形。

四、教师小结。

作业教材P153中的图6-50磁性钢笔描绘过程。

课后小结

教师课时授课计划No.8

课题第6章矢量绘图之路径编辑工具1

教学1、理解选择工具及直接选择工具。

目标2、掌握添加/删除锚点工具。

3、熟练选择工具及直接选择工具的使用。

教材重点选择工具及直接选择工具、添加/删除锚点工具。

分析难点添加/删除锚点工具。

教学方法启发式、演示法课时2课时

一、新课导入：

路径是由一个或多个路径组件连接起来的一个或多个锚点的集合。初步制

作路径有时可能不符合要求，比如路径圈选的范围多了或者少了，路径的位

置不合适等，这就需要对路径进一步调整和编辑。

二、新课学习：

1、选择工具

路径选择工具：选择整体路径进行移动，所有锚点显示实心点，如下左

图。直接选择工具：用该工具可选择锚点或线段进行移动，未选中锚点显示

教为空心，如下右图。按住Shift键可增加选择锚点或线段。

学

过

使用直接选择工具移动锚点将改变路径曲线形状，也可拖动方向线，调整

所选锚点任意一侧线段形状。

按Backspace或Delete键可删除所选择线段。

2、添加/删除锚点工具添加锚点和删除锚点工具可以添加和删除形状上

程

的锚点。

（1）选择添加锚点工具，将光标放在路径上（指针旁会出现一个加

号）。（2）若要添加锚点并更改线段的形状，可点击并拖移以定义锚点的

方向线。（3）若要将一个锚点更改为角点，按住Alt键并单击此锚点。

（3）选择删除锚点工具，将光标放在要删除的锚点上（指针旁会出现一个减

号），单击锚点即可将其删除。

三、学生练习如上图火焰的形状。

四、教师小结。

作业用钢笔、选择等绘制向日葵形状。

教师课时授课计划No.9

课后小结

教师课时授课计划No.10

课题第6章矢量绘图之路径编辑工具2

教学1、理解转换方向点工具。

2、理解变换路径。

目标

目标3、能用路径变换工具绘制图形。

教材重点转换方向点工具及路径变换工具。

分析难点路径变换工具。

教学方法启发式、演示法课时2课时

、新课导入：

路径工具除了选择工具、直接选择工具及添加/删除锚点工具外，我们

需要什么工具来进行路径的描绘呢？。

、新课学习：

1转换方向点工具

用钢笔工具绘制三角形，选择添加锚点工具（或在钢笔工具选项条上选

教动添加/删除”复选框）。

按Alt键，用“直接选择工具”将锚点向下移动生成弧形。

学

将最上方的角点向下拖动，左、右两个角点向上拖动，形成一个圆雨蛙

V形。

过将左右两个角点转化成光滑点。按Alt键，点击左边的角点并向左下方

直到变成曲线为止。同样方法将右边的角点转化成光滑点。

2变换路径

、通过制作UFO飞船的例子来理解路径的变换。

（1）选择椭圆工具，建立椭圆。在椭圆选项

栏中，单击“从路径区域减去”按钮，相减结果如程下图。

下图。

2

执行自由变换命令。单击（）选择矩形工具，

右键，在下拉菜单中选择

透命令，效果如右

图所示。视”

（3）利用路径变形、钢笔、选择等工具制作

其它部分，最后分别对路径各个部分进行填色。

、学生练习UFO飞船的制作。

四、教师小结。

作业完成火炬徽标的制作。

教师课时授课计划No.11

课后小结

教师课时授课计划No.12

课题第6章矢量绘图之路径描绘1

教学1、理解路径调板。

2、理解路径转换。

目标

3、能用路径转换绘制图

教材重点使用路径调板、能进行路径转换

分析难点路径转换

教学方法启发式、演示法课时2课时

一、新课导入：当使用钢笔工具或形状工具创建工作路径时，新路径将

作为“工作路径”出现在“路径”调板中。路径的复制、删除、与选区

之间的转换、填充和描边等都可以在路径调板中进行。

那么，我们该如何理解路径调板呢？

二、新课学习：

1、路径调板执行“窗口－路径”命令，显示路径调板。

2、路径转换

（1）路径转换为选区

在“路径”调板中选择路径，单击路径调

板底部的“将路径作为选区载入”按钮。

按Alt键单击路径调板底部的“将路

径作为选区载入”按钮弹出“建立选区”

对话框。

2）选区也可以定义为路径，将选区转换为路径将消除选区的羽化效果

建立选区，单击路径调板底部的“从选

区生成工作路径”按钮。

按Alt键单击路径调板底部的“从选

区生成工作路径”按钮弹出建立路径对话

框。

三、学生练习路径调板的设置。

四、教师小结。

作业完成齿轮及轮椅标志的路径转换制作。

课后小结

教师课时授课计划No.13

课题第6章矢量绘图之路径描绘2

教学1、理解填充路径。

目标2、理解描边路径。

3、掌握路径的填充及描边。

教材重点路径的填充及描边

分析难点描边路径

教学方法启发式、演示法课时2课时

一、新课导入：

路径调板中除了有显示/删除路径、存储路径、删除路径、路径转换等功能

外，还有什么其它的功能呢？

二、新课学习：

1、“填充路径”命令可用于指定的颜色、图像状态、图案等填充路径。

左图为原路径，右边为填充

路径

2、描边路径

“描边路径”命令可以沿任何路径创建绘

画描边（使用绘画工具的当前设置），形成

路径边框效果开始之前所需图层一定要处于现

用状态。

在打开“描边路径”对话框之前，必须指

定绘画或修饰工具的设置。

按住Alt键单击描边路径按钮将出现对话

框。

右图为使用描边路径工具对一幅图像进行制作成

一张邮票样式的效果。三、学生练习填充路径及描边

路径的设置。四、教师小结。

作业完成邮票效果的制作

课后小结

教师课时授课计划No.14

课题样题解答：绘制鼠标分隔线、绘制标志

教学1、了解钢笔工具的使用。

目标2、使用钢笔工具绘制弧线。

3、绘制鼠标分隔线、绘制标志

教材重点钢笔工具

分析难点钢笔工具

教学方启发式、演示课时2课时

法法一、新课导入：同学们回忆钢笔工具都有哪些？

二、新课学习：

1、布置任务：用路径绘制鼠标分隔线，如右图所示。

打开mouse.jpg文件，如图Y5-1所示。

（1）绘制路径：勾

绘三个键分隔线。

（2）路径编辑：绘

制鼠标上下及前后分隔

线。

（3）效果修饰：使

用黑色描绘路径。

将最终结果以X5-

1.psd为文件名保存

在考生文件夹中。

学生练习，教师巡视，适当指点。大部分同学完成后，师生

点评。

2、布置任务：绘制标志，如下图所示。

新建宽高均为300像素、

RGB模式的新文件。

（1）绘制路径：绘制基

本图形，如图Y5-3所示。

（2）路径编辑：绘制气体

飘动图形。

（3）效果修饰：将十字交

叉图形和气体飘动图形分别填

充红色（#FC0404）和淡蓝色

（#94D6F7）。

将最终结果以X5-3.psd

为文件名保存在考生文件夹

中。

三、学生练习，教师巡视，适当指点。大部分同学完成后，师生

教师课时授课计划No.15

点评。

四、教师小结。

作业完成《试题汇编》P85第5题

课后小结

教师课时授课计划No.16

课题样题解答：绘制邮票

教学1、了解路径中的“描边路径”命令

目标2、使用描边路径。

教材重点笔刷的设置、描边路

分析径难点描边路径

教学方法启发式、演示法课时2课时

3、掌握笔刷的设置。

、新课导入：

大家回忆一下描边路径的相关知识。可从路径调板及笔刷的相关内容

入手

、新课学习：

布置任务：制作邮票，如右图所示。打开

horse.jpg文件

（1）绘制路径：调整画布，创建边框路径。

（2）路径编辑：绘制邮票锯齿状。

（3）效果修饰：添加阴影。

将最终结果以X5-4.psd为文件名保存在考生文件

夹中。学生练习，教师巡视，适当指点。

教师适当演示：（1）双击背景图层解锁。扩展画布。

（2）新建图层1，填充非白色。

（3）绘制矩形选区，新建图层2，填充白色，并右键单击，选取“建

立工作路径”。

（4）使用画笔工具，打开画笔面板设置大小、硬度、间距。

（5）新建图层3，前景色设置为黑色，将路径选取，右键“描边路

径”。

（6）将图层3载入选区，隐藏，返回图层2，删除。

（7）双击图层3，添加投影样式。

（8）将背景图层填充为白色。

课后小结

教师课时授课计划No.17

三、大部分同学完成后，师生点评。

四、教师小结。

作业完成《试题汇编》P82第2题

课后小结

教师课时授课计划No.18

课题样题解答：绘制鞭炮

1、熟悉钢笔工具的使用。

教学

2、熟悉路径变换工具的使

目标

用

教材重点钢笔工具、路径变换工具的使用

分析难点路径变换工具的使用

教学方法启发式、演示法课时2课时

一、新课导入：展示效果图，让同学们分析制作的思路。

二、新课学习：

1、布置任务：制作鞭炮，如右图所示。新建宽高为440*300像素、RGB

模式的文件

（1）绘制路径：绘制红色鞭炮。

（2）路径编辑：复制鞭炮并连接成串。

（3）效果修饰：绘制文字，添加由白至黄

色渐变、雪花纹理背景。

将最终结果以X5-7.psd为文件名保存在

考生文件夹中。

2、学生练习，教师巡视，适当指点。

3、讲解、演示操作：

（1）新建文档：440*300像素。

（2）将背景填充黄白渐变。

（3）新建图层1，绘制椭圆形作为上底面。

（4）复制得副本，调整位置作为下底面。

（5）新建图层2，绘制矩形作为侧面。

（6）合并副本和图层2，将其载入选区，填充橙红到橙黄渐变。

（7）新建图层3，设置好画笔，绘制直线。

（8）双击图层3，添加斜面与浮雕的图层样式。

（9）使用钢笔工具绘制金属环，使用加深工具调整颜色。添加斜面与浮

雕

（10）复制得副本，调整位置。

（11）新建图层4，绘制深红色曲线。双击添加斜面与浮雕。

（12）复制若干爆竹图层，并调整大小、位置。

（13）绘制春联：春。

使用雪花形状工具绘制若干雪花。将最终结果以X5-7.psd为文件名保

存。

三、大部分同学完成后，师生点评。

四、教师小结。

作业完成《试题汇编》P88第8题课后小结

教师课时授课计划No.19

课题样题解答：用路径和样式绘制齿轮

1、熟悉多边形工具的使用。

教学

2、熟悉多边形工具的参数设置。

目标3、复习图层样式的使用。

教材重点多边形工具的参数设置及使用

分析难点多边形工具的使用

教学方法启发式、演示法课时2课时

、新课导入：

同学们回忆形状工具的相关知识、图层样式的相关知

、新课学习：

1布置任务：用路径和样式绘制齿轮，如右

新建宽高均为265像素、RGB模式的文件。

（1）绘制路径：绘制一个多角的“齿轮”状图

教形。

填充并挖空中心部分。

（3）效果修饰：把齿轮图形立体化、金属化处

理近似即可，不要求完全一致）。

将最终结果以X5-9.psd为文件名保存在考生文

学夹

中。2学生练习，教师巡视，适当指点。

3讲解、演示操作：

（1）使用多边形工具，在属性栏中设置边数为30，勾选星缩进边依据

过10%。绘制多边星形。

（2）使用点调整工具，将点选取，旋转