教案-矢量绘图

1、图形图像处理教案编撰人肖士胜任教科目图形图像处理任教班级电商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 图层

2、蒙版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、打开Photoshop CS3软件，提问：同学们，不

3、知大家预习的情况如何，谁能告诉我PhotoshopCS3由哪些绘图工具？2、学生回答、讨论。3、教师简单介绍PhotoshopCS3的绘图工具：选框工具、画笔、形状工具等。二、新课学习：1、样题示例：操作要求用路径绘制高脚酒杯，如下右图所示：打开素材文件goblet.psd，高脚酒杯图形轮廓如右图所示。（1）绘制路径：用钢笔分别多次勾画玻璃杯的高光区域和反光区域。（2）路径编辑：路径填色、调整透明度和编辑蒙板，酒杯产生玻璃质感。（3）效果修饰：同样方法制作酒杯脚。将最终效果以X520.psd为文件名保存。2、样题分析这个作品是用钢笔工具描绘，以此填充来表现玻璃杯的阴暗区、中调区、高光区和反光区

4、，所以需要有较好的手绘功夫。为了便于各个区域分别处理，建议为每次勾画都新建一个图层。按照效果图勾画各个区域的范围，需要熟练掌握钢笔工具、路径调节和物体明暗区域的表现方法，所以了解本章技能要点的使用方法才是根本。通过以上的分析可以看出，Photoshop是计算机与美术的结合产物。三、学生尝试使用绘图工具绘制一些矢量图。四、教师小结。作 业课后尝试用绘图工具作矢量图。课后小结教师课时授课计划 No.2课 题第6章 矢量绘图之形状工具教 学目 标1、了解形状工具。2、理解使用图形绘图的优点。3、理解形状图层及利用形状图层创建路径。教材分析重点形状图层及利用形状图层创建路径。难点利用形状图层创建路径。

5、教学方法启发式、讲授法课时2课时教学过程一、新课导入： 在计算机上制图时，有绘图和绘画两种不同方式，请问同学们，这两种方式有什么不同吗？二、新课学习：1、使用图形绘图具有以下优点：可以快速选择形状、调整大小、移动、编辑轮廓（在此称为路径）和属性（如线条粗细、填充色和样式）。图形形状与分辨率无关，当调整形状大小、存储到PDF文件、导入矢量图形应用程序时，形状保持清晰的边缘。2、形状图层形状图层（图层蒙板）：形状由当前的前景色自动填充，也可以将填充更改为其它颜色、渐变或图案。形状的轮廓存储在“路径”调板中。形状工具包括：矩形工具、圆角矩形工具、椭圆形工具、多边形工具、直线工具、和自定形状工具。3、

6、创建路径形状工具不但能创建形状图层（填充路径/形状图层蒙板），而且也可以直接创建路径形状（无填充物）。创建路径可定义形状的轮廓，路径的使用有以下几种方式：（1） 可以将某路径用途图层剪贴路径。（2） 可以将路径转换为选区。（3） 可以编辑路径更改其形状。三、学生尝试使用路径工具绘制简单的形状。四、教师小结。作 业绘制中国邮政的图形并填充路径。课后小结教师课时授课计划 No.3课 题第6章 矢量绘图之填充图像及自定形状工具教 学目 标1、理解填充图像（栅格化图）。2、了解自定形状工具。教材分析重点填充图像及自定形状工具。难点填充图像。教学方法启发式、演示法课时2课时教学过程一、新课导入：填充图像

7、不是矢量图形而是像素图像。创建填充像素的过程等同于创建选区、用前景色填充、取消选区三个步骤。二、新课学习：1、创建栅格化填充像素不会自动创建图层，也不会出现矢量形状。（1）选择形状工具，在选项栏选择“填充像素”，如下图所示。（2）使用椭圆工具，制作一大（黑）和一小（黄色）两个同心圆形。（3）使用直线工具，按住Shift键，绘制两条45度的交叉线，如下左图。2、自定形状工具当使用自定形状工具时，可以从各种预设形状库中选取各种形状直接使用。与前面章节讲解的定义图案、定义画笔一样，也可以自己设定形状存储到预设库中。三、学生尝试预设库中的形状绘制一些特定的形状。四、教师小结。作 业绘制中国邮政的图形并

8、填充路径。课后小结教师课时授课计划 No.4课 题第6章 矢量绘图之钢笔工具1教 学目 标1、理解路径的构成。2、理解钢笔工具。3、能钢笔工具绘制直线。教材分析重点路径的构成及钢笔工具绘制直线。难点路径的构成。教学方法启发式、演示法课时2课时教学过程一、新课导入：前面学习了通过形状来创建路径，那么能不能直接用工具来绘制出自己想要的路径呢？二、新课学习：1、路径的构成路径由一个或多个直线段或曲线段组成。锚点标记路径段的端点。在曲线段上，每个选中的锚点显示一条或两条方向线，方向线以方向点结束。路径可以是闭合的，没有起点或终点，也可以是开放的，有明显的端点。平滑曲线由平滑点的锚点连接。尖锐的曲线路径

9、由角点连接，如下图所示为平滑点和角点。2、钢笔工具绘制直线使用钢笔工具最简单的就是绘制直线，用钢笔工具只需确定需要连接线段的两个锚点即可。钢笔工具绘制路径也可设定与其它形状组合方式，如上右图所示为从“路径中减去”的效果。三、学生完成上左图中的叉形形状及填充。四、教师小结。作 业练习钢笔工具的使用，完成上右图的从“路径中减去”的效果。课后小结教师课时授课计划 No.5课 题第6章 矢量绘图之钢笔工具2教 学目 标1、理解钢笔工具绘制曲线。2、理解角点绘制扇形曲线。3、能利用角点手柄调整曲线。教材分析重点钢笔工具绘制曲线。难点角点绘制扇形曲线。教学方法启发式、演示法课时2课时教学过程一、新课导入：

10、前面学习了利用钢笔工具绘制直线，能否用它绘制曲线呢？以前利用选区绘制图像时，能绘制一些特定的曲线图像，但要定制一些曲线段就有些力不从心了。二、新课学习：1、钢笔工具绘制曲线当需要生成弯曲的形状或选区时，使用钢笔工具就能达到精确地绘制光滑曲线的效果。调整曲线形状的另一种方法是用“直接选择工具”单击曲线段，然后拖动它。2、角点绘制扇形曲线使用钢笔工具绘制曲线也可以让它们指向相同的方向。如扇形曲线的绘制方式与上面讲述的连续曲线的绘制方式不同。三、学生完成上左图中的铁锤形状。四、教师小结。作 业利用钢笔工具绘制蝙蝠的图形及填充。课后小结教师课时授课计划 No.6课 题第6章 矢量绘图之钢笔工具3教 学

11、目 标1、理解自由钢笔工具。2、掌握自由钢笔选项栏的设置。3、熟练使用钢笔工具绘制图。教材分析重点自由钢笔及其设置、使用。难点自由钢笔的使用。教学方法启发式、演示法课时2课时教学过程一、新课导入：用钢笔工具可以绘制直线和比较规则的曲线，有时候我们需要对已有的图像进行轮廓的描绘，这时我们该如何进行呢？在前面的学习中我们是否学过方法？二、新课学习：1、自由钢笔工具使用自由钢笔工具，可以像用钢笔在纸上一样随意绘出图形的轮廓，此时将自动添加锚点，无需单击确定锚点位置。2、自由钢笔选项栏的设置如下图所示：（1）曲线拟合：输入0.510.0像素之间值。数值越高，创建路径锚点越少越简单。（2）宽度：输入14

12、0之间像素值，磁性钢笔探测指定距离内的边缘。（3）对比：输入0100之间百分比，边缘像素之间对比度随此值变化变化，数值越高，对比度越低。（4）频率：输入0100之间数值，指定锚点密度，数值越高，锚点定位越快。（5）钢笔压力：铅笔压力的增加将导致宽度的减小。（6）磁性的：定义搜索范围和灵敏度，与磁性套索工具原理具有相同之处。三、学生利用自由钢笔工具对照实物绘制一些图形。四、教师小结。作 业教材P153中的图6-50磁性钢笔描绘过程。课后小结教师课时授课计划 No.7课 题第6章 矢量绘图之路径编辑工具1教 学目 标1、理解选择工具及直接选择工具。2、掌握添加/删除锚点工具。3、熟练选择工具及直接

13、选择工具的使用。教材分析重点选择工具及直接选择工具、添加/删除锚点工具。难点添加/删除锚点工具。教学方法启发式、演示法课时2课时教学过程一、新课导入：路径是由一个或多个路径组件连接起来的一个或多个锚点的集合。初步制作路径有时可能不符合要求，比如路径圈选的范围多了或者少了，路径的位置不合适等，这就需要对路径进一步调整和编辑。二、新课学习：1、选择工具路径选择工具：选择整体路径进行移动，所有锚点显示实心点，如下左图。直接选择工具：用该工具可选择锚点或线段进行移动，未选中锚点显示为空心，如下右图。按住Shift键可增加选择锚点或线段。使用直接选择工具移动锚点将改变路径曲线形状，也可拖动方向线，调整所

14、选锚点任意一侧线段形状。按Backspace或Delete键可删除所选择线段。2、添加/删除锚点工具添加锚点和删除锚点工具可以添加和删除形状上的锚点。（1）选择添加锚点工具，将光标放在路径上（指针旁会出现一个加号）。（2）若要添加锚点并更改线段的形状，可点击并拖移以定义锚点的方向线。（3）若要将一个锚点更改为角点，按住Alt键并单击此锚点。（3）选择删除锚点工具，将光标放在要删除的锚点上（指针旁会出现一个减号），单击锚点即可将其删除。三、学生练习如上图火焰的形状。四、教师小结。作 业用钢笔、选择等绘制向日葵形状。课后小结教师课时授课计划 No.8课 题第6章 矢量绘图之路径编辑工具2教 学目

15、标1、理解转换方向点工具。2、理解变换路径。3、能用路径变换工具绘制图形。教材分析重点转换方向点工具及路径变换工具。难点路径变换工具。教学方法启发式、演示法课时2课时教学过程一、新课导入：路径工具除了选择工具、直接选择工具及添加/删除锚点工具外，我们想想还需要什么工具来进行路径的描绘呢？。二、新课学习：1、转换方向点工具用钢笔工具绘制三角形，选择添加锚点工具（或在钢笔工具选项条上选中“自动添加/删除”复选框）。按Alt键，用“直接选择工具”将锚点向下移动生成弧形。将最上方的角点向下拖动，左、右两个角点向上拖动，形成一个圆雨蛙V形。将左右两个角点转化成光滑点。按Alt键，点击左边的角点并向左下方

16、拖动，直到变成曲线为止。同样方法将右边的角点转化成光滑点。2、变换路径通过制作UFO飞船的例子来理解路径的变换。（1）选择椭圆工具，建立椭圆。在椭圆选项栏中，单击“从路径区域减去”按钮，相减结果如下图。（2）选择矩形工具，执行自由变换命令。单击右键，在下拉菜单中选择“透视”命令，效果如右图所示。（3）利用路径变形、钢笔、选择等工具制作其它部分，最后分别对路径各个部分进行填色。三、学生练习UFO飞船的制作。四、教师小结。作 业完成火炬徽标的制作。课后小结教师课时授课计划 No.9课 题第6章 矢量绘图之路径描绘1教 学目 标1、理解路径调板。2、理解路径转换。3、能用路径转换绘制图形。教材分析重

17、点使用路径调板、能进行路径转换。难点路径转换。教学方法启发式、演示法课时2课时教学过程一、新课导入：当使用钢笔工具或形状工具创建工作路径时，新路径将作为“工作路径”出现在“路径”调板中。路径的复制、删除、与选区之间的转换、填充和描边等都可以在路径调板中进行。那么，我们该如何理解路径调板呢？二、新课学习：1、路径调板执行“窗口路径”命令，显示路径调板。2、路径转换（1）路径转换为选区在“路径”调板中选择路径，单击路径调板底部的“将路径作为选区载入”按钮。按Alt键单击路径调板底部的“将路径作为选区载入”按钮弹出“建立选区”对话框。（2）选区也可以定义为路径，将选区转换为路径将消除选区的羽化效果。

18、建立选区，单击路径调板底部的“从选区生成工作路径”按钮。按Alt键单击路径调板底部的“从选区生成工作路径”按钮弹出建立路径对话框。三、学生练习路径调板的设置。四、教师小结。作 业完成齿轮及轮椅标志的路径转换制作。课后小结教师课时授课计划 No.10课 题第6章 矢量绘图之路径描绘2教 学目 标1、理解填充路径。2、理解描边路径。3、掌握路径的填充及描边。教材分析重点路径的填充及描边难点描边路径教学方法启发式、演示法课时2课时教学过程一、新课导入：路径调板中除了有显示/删除路径、存储路径、删除路径、路径转换等功能外，还有什么其它的功能呢？二、新课学习：1、“填充路径”命令可用于指定的颜色、图像状

19、态、图案等填充路径。左图为原路径，右边为填充路径2、描边路径“描边路径”命令可以沿任何路径创建绘画描边（使用绘画工具的当前设置），形成路径边框效果。开始之前所需图层一定要处于现用状态。在打开“描边路径”对话框之前，必须指定绘画或修饰工具的设置。按住Alt键单击描边路径按钮将出现对话框。右图为使用描边路径工具对一幅图像进行制作成一张邮票样式的效果。三、学生练习填充路径及描边路径的设置。四、教师小结。作 业完成邮票效果的制作。课后小结教师课时授课计划 No.11课 题样题解答：绘制鼠标分隔线、绘制标志教 学目 标1、了解钢笔工具的使用。2、使用钢笔工具绘制弧线。3、绘制鼠标分隔线、绘制标志教材分析

20、重点钢笔工具难点钢笔工具教学方法启发式、演示法课时2课时教学过程一、新课导入：同学们回忆钢笔工具都有哪些？二、新课学习：1、布置任务：用路径绘制鼠标分隔线，如右图所示。打开mouse.jpg文件，如图Y5-1所示。（1）绘制路径：勾绘三个键分隔线。（2）路径编辑：绘制鼠标上下及前后分隔线。（3）效果修饰：使用黑色描绘路径。将最终结果以X5-1.psd为文件名保存在考生文件夹中。学生练习，教师巡视，适当指点。大部分同学完成后，师生点评。2、布置任务：绘制标志，如下图所示。新建宽高均为300像素、RGB模式的新文件。（1）绘制路径：绘制基本图形，如图Y5-3所示。（2）路径编辑：绘制气体飘动图形。

21、（3）效果修饰：将十字交叉图形和气体飘动图形分别填充红色（#FC0404）和淡蓝色（#94D6F7）。将最终结果以X5-3.psd为文件名保存在考生文件夹中。三、学生练习，教师巡视，适当指点。大部分同学完成后，师生点评。四、教师小结。作 业完成试题汇编P85第5题课后小结教师课时授课计划 No.12课 题样题解答：绘制邮票教 学目 标1、了解路径中的“描边路径”命令。2、使用描边路径。3、掌握笔刷的设置。教材分析重点笔刷的设置、描边路径难点描边路径教学方法启发式、演示法课时2课时教学过程一、新课导入：大家回忆一下描边路径的相关知识。可从路径调板及笔刷的相关内容入手。二、新课学习：布置任务：制作

22、邮票，如右图所示。打开horse.jpg文件。（1）绘制路径：调整画布，创建边框路径。（2）路径编辑：绘制邮票锯齿状。（3）效果修饰：添加阴影。将最终结果以X5-4.psd为文件名保存在考生文件夹中。学生练习，教师巡视，适当指点。教师适当演示：（1）双击背景图层解锁。扩展画布。（2）新建图层1，填充非白色。（3）绘制矩形选区，新建图层2，填充白色，并右键单击，选取“建立工作路径”。（4）使用画笔工具，打开画笔面板设置大小、硬度、间距。（5）新建图层3，前景色设置为黑色，将路径选取，右键“描边路径”。（6）将图层3载入选区，隐藏，返回图层2，删除。（7）双击图层3，添加投影样式。（8）将背景图层

23、填充为白色。三、大部分同学完成后，师生点评。四、教师小结。作 业完成试题汇编P82第2题课后小结教师课时授课计划 No.13课 题样题解答：绘制鞭炮教 学目 标1、熟悉钢笔工具的使用。2、熟悉路径变换工具的使用。3、复习渐变的使用。教材分析重点钢笔工具、路径变换工具的使用难点路径变换工具的使用教学方法启发式、演示法课时2课时教学过程一、新课导入：展示效果图，让同学们分析制作的思路。二、新课学习：1、布置任务：制作鞭炮，如右图所示。新建宽高为440*300像素、RGB模式的文件。（1）绘制路径：绘制红色鞭炮。（2）路径编辑：复制鞭炮并连接成串。（3）效果修饰：绘制文字，添加由白至黄色渐变、雪花纹

24、理背景。将最终结果以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

25、）复制若干爆竹图层，并调整大小、位置。 （13）绘制春联：春。使用雪花形状工具绘制若干雪花。将最终结果以X5-7.psd为文件名保存。三、大部分同学完成后，师生点评。四、教师小结。作 业完成试题汇编P88第8题课后小结教师课时授课计划 No.14课 题样题解答：用路径和样式绘制齿轮教 学目 标1、熟悉多边形工具的使用。2、熟悉多边形工具的参数设置。3、复习图层样式的使用。教材分析重点多边形工具的参数设置及使用难点多边形工具的使用教学方法启发式、演示法课时2课时教学过程一、新课导入：同学们回忆形状工具的相关知识、图层样式的相关知识。二、新课学习：1、布置任务：用路径和样式绘制齿轮，如右图。新建宽高均为265像素、RGB模式的文件。（1）绘制路径：绘制一个多角的“齿轮”状图形。（2）路径编辑：选择外侧或内侧节点进行旋转，填充并挖空中心部分。（3）效果修饰：把齿轮图形立体化、金属化处理（近似即可，不要求完全一致）。将最终结果以X5-9.psd为文件名保存在考生文件夹中。2、学生练习，教师巡视，适当指点。3、讲解、演示操作：（1）使用多边形工具，在属性栏中设置边数为30，勾选星形，缩进边依据10%。绘制多边星形。（2）使用点调整工具，将点选取，旋转5度。（3）将路径载入选区，新