1、3 第三章 绘制图形及路径教 学 内 容 安 排第三章 绘制图形 导入新课现代插画艺术发展迅速，已经被广泛应用于杂志、周刊、广告、包装和纺织品领域。使用Photoshop绘制的插画简洁明快、新颖独特、形式多样，已经成为较流行的插画表现形式。本章以制作多个主题插画为例，介绍插画的绘制方法和制作技巧。介绍绘图工具，通过本节的学习，可以简单、快捷地描绘出许多比较复杂的图像，特别是使网页图片的创作变得更加得心应手。一、制作时尚插画【案例分析】 本例是为时尚杂志绘制的时尚插画。插画要求表现出动感和活力，色彩明艳，并且具有时尚的前卫的氛围。 【设计理念】在设计制作过程中，在草地和人物的处理上采用黑色剪影的
2、形式，与彩色粗细搭配不同的线条背景形成鲜明的对比，表现出画面的冲击感，时尚欢快的感觉油然而生，背景的彩色线条仿佛是受动感欢乐的女性所指引，体现了动感、时尚和现代感。 【操作步骤】1添加图片并绘制枫叶和小草2. 制作文字擦除效果【相关工具】1画笔工具2铅笔工具3拾色器对话框教 学 内 容 安 排知识点讲解（一）绘图工具的使用 1、画笔工具的使用 作用：常用于绘制边缘较柔和的线条，像国画中的毛笔一样，可以画出边缘半透明的线条。改变笔尖的大小、类型、混合模式、不透明度可产生不同的绘图效果。 属性栏： 画笔：用于设置画笔样式 模式：不同模式决定画笔使用的颜色以何种方式与图象中的像素进行混合 不透明度：
3、用于设置画笔的不透明度 流量：用来设置颜色随工具移动应用的速度，也就是设置绘制线条颜色的流畅程度，也可产生一定的透明效果 喷枪：产生喷枪效果，分散效果 1）画笔样式：在使用前选择好使用的画笔样式 例51 2）画笔笔尖形状： 间距：用于设置连续运用画笔工具绘画时，前一个产生的画笔和后一个产生的画笔之间的距离 硬度：用于设置画笔绘图时的边缘晕化程 圆度：用于设置椭圆短轴和长轴的比例关系教 学 内 容 安 排 角度：用于设置画笔长轴的倾斜角度，即偏离水平线的距离 翻转X：可使画笔样式水平旋转180度 翻转Y：可使画笔样式垂直旋转180度 3）形状动态： 大小抖动：用于控制画笔产生的画笔大小的动态效果
4、，值越大抖动越明显1%时表示没有抖动渐隐：笔尖逐渐变小，甚至消失 角度抖动：用于控制画笔产生角度渐隐动态效果 圆度抖动：用于设置画笔椭圆短轴和长轴的比例关系 4）散布选项：可以绘制画笔图象在图象窗口中随机分布 散布：用于设置画笔散布的距离，值越大，散布范围越宽 笔尖只在垂直于绘制的方向上分散 教 学 内 容 安 排笔尖同时在水平和垂直方向上分散 数量：用于控制画笔产生的数量，值越大数值量越多 数量抖动：用于设置画笔数量产生的随机性，不同数值下的随机效果不一样 5）纹理选项：可以使绘制后的画笔图象产生纹理化效果 缩放：用于设置纹理在画笔中的大小显示，值越大，纹理显示面积就越大 深度：用于设置纹理
5、在画笔中融入的深度，值越小，显示就越不明显 深度抖动：用于设置纹理融入到画笔中的变化，值越大，抖动越强，效果越明显 6）双重画笔：可以绘制两种画笔样式融入的效果 直径：用于设置第二种画笔样式的大小，值越大，在第一种画笔中显示的直径就越大 数量：用于设置第二种画笔在第一种画笔中的显示数量 间距：用于设置第二种画笔在第一种画笔中的分布距离通过绘图工具参数设置的不同，让学生观察讨论发现问题。教 学 内 容 安 排散步：用于设置第二种画笔在第一种画笔中的分布范围 7）颜色动态选项：可以使笔尖产生两种颜色或图案进行不同程度混合的效果，并且可以调整其混合颜色的色调、饱和度、明亮度等 前景/背景抖动：前景色
6、和背景色之间的混合程度 色相抖动：可以设置前景色和背景色之间的色调偏移方向，数值小，则色调偏向前景色，数值大，则色调偏向背景色 饱和度抖动：颜色的饱和度，数值大，则混合颜色效果较饱和，数值小，则混合颜色效果不饱和 亮度抖动：绘制画笔的亮度，数值大，则绘制的颜色较暗，数值小，颜色亮 纯度：绘制画笔颜色的新鲜程度，数值大，颜色鲜艳，数值小，颜色暗。-100时绘出颜色为灰色 8）其他动态：可设置画笔绘制出颜色的不透明度和使颜色之间产生不同的流动效果 杂色：使画笔产生细碎的噪声效果，也就是产生一些小碎点的效果 湿边：使画笔绘制出的颜色产生中间淡四周深的润湿效果，用于模拟加水较多的颜料产生的效果 喷枪：
7、模拟传统喷枪效果，使产生的图象有渐变色调效果 平滑：使画笔绘制出的颜色边缘较平滑 保护纹理：当使用多个画笔时，可模拟一致的画布纹理效果教 学 内 容 安 排 9）自定义画笔样式： 2、铅笔工具的使用 铅笔工具的使用方法与画笔工具相同。但铅笔工具的笔尖却不像画笔工具那样柔和，而是尖锐、生硬的效果。实训1：制作儿童插画二、案例2：制作生日贺卡【案例分析】 生日是一个人出生的日子，是幸福生活的开始。每年生日，家人和朋友都会聚在一起，为过生日的人庆生，并送出美好的祝愿。本案例要求营造出庆祝生日时欢快、愉悦的氛围。 【设计理念】在设计制作过程中，深蓝色的背景映衬出前面的彩色文字，下方的蛋糕生动诱人，在引
8、起人们食欲的同时，点明主题，前方的香槟打开喷溅出来的液体处理成发光的效果，提亮了画面，添加了活泼的氛围，整个卡片体现了欢乐的生日感觉，带给人快乐。 【操作步骤】见P59【相关工具】1填充图形2渐变填充3图层样式教 学 内 容 安 排知识点讲解（一）利用油漆桶工具填充选区油漆桶工具主要用于在图像中填充前景色或图案，该工具对应的工具属性栏如下图： 1 2 3 4 5 6 71、设置填充的内容：系统默认内容为前景色，还可以在其下拉列表中选择填充图案。2、模式：设置填充颜色或图案与图像的混合模式，可在其后的下拉列表中选择需要的颜色模式，有关颜色模式的介绍可参阅第八章。3、不透明度：设置填充内容的透明度
9、，数值为0%100%之间。值越小越透明。4、容差：如果填充的不是选区，系统先根据填充时单击图像处的颜色来取样，取样的颜色与单击处的颜色差在容差的范围内的区域，进入填充的区域。然后再进行填充，数值越大，取样的范围越大，填充的面积就越广。5、“消除锯齿”复选框：选中该复选框，可消除填充边缘的锯齿形。6、“连续的”复选框：选中该复选框，则取样的颜色和单击处的颜色不但在容差范围内，还必须和单击处的颜色是连接的，中间没有中断的区域。7、“所有图层”复选框：选中该复选框后，不管在哪一个图层上操作，应用范围将扩展到图像中所有可见图层。（2）利用渐变工具填充选区使用渐变工具可以非常方便地在图像中产生两种或两种
10、以上的颜色渐变效果。使用方法是：按住鼠标左键，在图像窗口中拖动产生一条渐变直线，释放鼠标，渐变颜色按渐变直线的长度和方向在选区内填充教 学 内 容 安 排渐变颜色。渐变工具属性栏如下： 1 2 3 4 51、渐变颜色样式下拉列表框：用于选择或编辑渐变样式。2、渐变类型按钮组：用于设置渐变类型，从左至右为线性渐变、径向渐变、角度渐变、对称渐变、菱形渐变。3、“反向”复选框：选中该复选框后，填充的渐变颜色与设置的渐变颜色顺序相反。4、“仿色”复选框：选中该复选框后，产生的渐变颜色用递色法来表现中间色调，使颜色渐变更加平顺。5、“透明区域”复选框：用于产生不同颜色的透明效果。a）、设置渐变颜色 b）
11、、使用渐变工具 线性渐变填充 径向渐变填充 角度渐变填充 对称渐变填充 教 学 内 容 安 排 菱形渐变填充 实训2：制作美容体验卡（P67）三、案例3：制作婚礼卡片【案例分析】 在婚礼举行前需要给亲朋好友发送婚礼贺卡，婚礼贺卡的设计上应精美雅致，创造出喜庆、浪漫、温馨的气氛。使被邀请者体会到主人的热情与诚意，感受到亲切和喜悦，给人梦幻和幸福感。 【设计理念】在设计制作上，通过粉红色的背景营造出幸福与甜美的氛围。心形的设计主体，寓意心心相印、永不分离的主题。卡通人物和图形的添加给人身处童话世界的感觉，洋溢着梦幻与温馨。最后通过文字烘托出请柬主题，展示温柔浪漫之感。 【相关工具】1、 定义图案2
12、、 描边命令3、 填充图层，显示与隐藏图层教 学 内 容 安 排【知识点讲解】 1、定义图案1）在图像上绘制出要定义为图案的选区，隐藏背景图层，选择“编辑”-“定义图案”命令，弹出“图案名称”对话框，单击确定按钮，图案定义完成。删除选区中的内容，显示背景图层，取消选区。2）选择“编辑”“填充”，在对话框中单击”自定义图案”，在弹出的面板中选择新定义的图案。3）选择填充模式2、描边命令选“编辑”“描边”命令， 描边：设定边线的宽度和边线的颜色。位置：设定所描边线相对于区域边缘的位置。实训3：制作儿童季度卡四、案例4：制作茶艺人物插画【案例分析】 制作茶艺人物插画是为文化杂志制作的插画，案例要求体
13、现茶艺的特色，茶艺是具有中国的特色文化，所以在设计上要体现其中国特色。 【设计理念】在绘制思路上，用一个身着中国特色服饰旗袍的女孩，闭目凝神端着茶杯，在享受着品茶的美妙滋味，享受其中。少女周围的环境别有风味，古色古香的茶楼以及悬挂的大红灯笼都具有浓重的中国特色，充分体现了茶艺的美妙。 教 学 内 容 安 排【相关工具】1钢笔工具2自由钢笔工具3添加锚点工具4删除锚点工具5转换点工具6选区和路径的转换7描边路径8填充路径9椭圆工具组知识点讲解路径工具是photoshop矢量设计功能的充分体现，用户可以利用路径功能绘制高精度的线条或曲线，再通过转换以获得高精度的选区，接着对选区进行填充或描边，从而
14、完成一些绘图工具无法完成的工作。因此大家必须熟练掌握路径工具的使用方法。（一） 绘制路径路径是重要的工具，主要用于进行光滑图像选择区域及辅助抠图，绘制光滑线条、定义画笔等工具的绘制轨迹，在输出和输入路径与选择区域之间进行转换。1、认识路径所谓路径，就是用一系列锚点连接起来的线段或曲线，可以沿着这些线段或曲线进行描边或填充，还可以转换为选区。使用套索工具可设定选择区域，但无法处理非常细节的内容，而路径通常被用作选择的基础，使用路径工具可以进行精确的定位和调整，适用于不规则难以使用其他其它工具进行选择的区域，还可以使用颜色、图案和历史描画来填充路径，从而在图像或图层上创建出意想不到的效果。教 学
15、内 容 安 排锚点路径由锚点、线段以及调整手柄三部分组成，每一部分都可以进行编辑，从而改变路径形状。调整手柄线段路径中的每条线段两端的点是锚点，由小正方形表示。路径是由多条线段连接而成的。当选择一个锚点后，会在该锚点上显示02条调整手柄，拖动手柄外端的小圆点就可以修改与之关联的线段的形状和曲率。2、 使用钢笔工具绘制路径在系统中路径一般是用钢笔工具来绘制，不但可以绘制直线路径，而且还可以绘制曲线路径。（1）绘制直线路径使用钢笔工具绘制直线路径只需连续单击建立锚点即可。其绘制方法如下：1）在工具箱中选择“钢笔工具”，2）移动鼠标到图像窗口中单击建立一个锚点。3）移动鼠标到下一个位置再次单击建立第
16、二个锚点，两个锚点自动用直线连接形成路径的线段。连续单击即可绘制所需的路径。在绘制中同时按住键盘上的“Shfit”键，可以绘制水平、垂直或45度角方向上的直线路径。4）双击结束路径的绘制。如果绘制中接近第一个锚点时，鼠标指针右下角会显示一个小圆圈，此时单击可建立闭合的路径。教 学 内 容 安 排（2）绘制曲线路径使用钢笔工具绘制曲线路径的方法如下：1）在工具箱中选择“钢笔工具”，2）移动鼠标到图像窗口中单击建立曲线第一个起始锚点，单击后不释放鼠标，当鼠标指针变成工具形状时拖动鼠标确定曲线的下一个方向，然后释放鼠标生成第一个锚点。3）移动鼠标到下一个位置再次单击并拖动当显示的弧线符合需要时释放鼠
17、标，建立第二个锚点。连续单击并拖动绘制路径。4）双击结束路径的绘制。如果绘制中接近第一个锚点时，鼠标指针右下角会显示一个小圆圈，此时单击并拖动可建立闭合的路径。3、使用自由钢笔工具绘制路径使用自由钢笔工具可以像使用套索工具那样在图像窗口中绘制任意形状的路径。其使用方法如下：（1）单击选择工具箱中的“自由钢笔工具”，或在工具属性栏中单击选择“自由钢笔工具”按钮。（2）在图像窗口中按住鼠标不放并拖动，鼠标运动的轨迹即绘制的路径。4、使用文字工具绘制路径通过文字输入工具可以绘制具有文字样式的路径，其绘制方法如下：（1）使用文字工具在图像中输入文字。（2）单击选择“图层文字绘制工作路径”命令。（三）
18、编辑路径对于用户来讲，对路径的修改和调整比路径的建立更为重要，因为初次建立的路径往往不过精确，而使用各种路径调整工具可以随时将以前建立的调出并进行调整。教 学 内 容 安 排1、路径和锚点的选择要对路径进行调整，应先选择要调整的路径或路径上的锚点。可以通过工具箱中的路径选择工具或直接选择工具来选择。（1）路径的选择路径的选择有如下两种方法：1）选择路径选择工具，然后在需要选择的路径上单击。路径上的所有路径和所有锚点。2）选择直接选择工具，然后在需要选择的路径上单击。将选择路径上单击处锚点间的路径，而不选择锚点。（2）锚点的选择当用路径选择工具选择路径时，所有锚点都同时被选中。对路径和锚点的选择
19、主要使用直接选择工具，方法是用鼠标左键直接单击锚点或以拖动的方法进行框选。未被选择的锚点为白色方框，而被选择的锚点则显示为黑色方框。2、 路径锚点的增加与删除路径绘制完成后，在其编辑过程中会根据需要增加或删除一些锚点。（1）选择钢笔工具组中的钢笔工具，或添加锚点工具，将鼠标指针移动到路径上单击，即可增加一个锚点。（2）选择钢笔工具组中的钢笔工具，或删除锚点工具，将鼠标指针移动到路径要删除的锚点处单击，即可删除该锚点。3、通过编辑锚点手柄改变路径路径总是与锚点上调整手柄相切的，如果改变了调整手柄的长度和方向就可以改变路径的长度和平滑度等。其改变方法如下：教 学 内 容 安 排（1）选择钢笔工具组
20、中的转换点工具。（2）单击锚点，再拖动锚点两端的调整手柄。如果锚点周围没有控制手柄，可直接单击并拖动锚点，控制手柄就会显示出来。4、沿路径输入文字在平面图像处理过程中，经常要为图像添加一些文字效果，用户可以通过路径来辅助文字的输入。（1）输入点文字沿路径输入点文字的方法如下：（1）选择工具箱中横排文字工具。（2）移动鼠标指针到路径上，当鼠标指针变成 形状时单击并输入文字。（2）输入段落文字路径段落文字存在于段落内部，其创建方法如下：（1）创建封闭路径。（2）选择工具箱中的“横排文字工具”。（3）移动鼠标指针到封闭路径内部，鼠标指针变为 时单击，然后在出现的段落文字输入框中输入文字。（在开放路径
21、中只能输入点文字，在封闭路径内部可以输入段落文字，沿封闭路径边缘可以输入点文字。）（四） “路径”控制面板系统中，除了可以用钢笔组中的工具创建、修改及调整路径外，还可以利用专门的路径管理工具“路径”控制面板来对已建立的路径进行进一步的编辑处理。当前工作路径。填充路径。描边路径。将路径转化为选区。将选区转化为路径。教 学 内 容 安 排创建路径。删除路径。1、新建路径与图层的创建一样，使用钢笔工具绘制的路径始终存在于系统默认的一个路径中，为了便于管理。应将不同的路径分别绘制在不同的的新路径上，新建路径的方法有如下两种：（1）直接单击“路径”控制面板底部的“新建路径”按钮，系统默认的路径名称依次为
22、路径1、路径2、路径3（2）在按住键盘上“Alt”键的同时单击“新建路径”按钮，在打开的“新建路径”对话框中的“名称”文本框中输入路径的名称，然后单击“确定”按钮。2、复制、删除、重命名路径在“路径”控制面板中，用户可以轻易地完成对路径的复制、删除和重命名，这些操作与在“图层”控制面板中对图层进行复制、删除和重命名的操作方法一样。（1）复制路径在“路径”控制面板中拖动要复制的路径到“新建路径”按钮上释放鼠标，即可将被拖动的路径复制出一个副本。（2）重命名路径用鼠标左键双击“路径”控制面板中的路径名称，在弹出的“重命名”文本框中输入新名称，单击“确定”按钮。（3）删除路径在“路径”控制面板中单击
23、选择要删除的路径，然后单击在“路径”控制面板底部的“删除”按钮。即可将当前路径删除。提示：也可以单击“路径”控制面板右上角的三角按钮，在弹出的快教 学 内 容 安 排捷菜单中单击相应的命令，也可以进行复制、重命名或删除命令进行操作。3、 选区与路径间的转换将路径转换为选区或将选区转换为路径，是绘制路径和编辑路径的最终目的。（1）路径转换为选区单击“路径”控制面板底部的“将路径作为选区载入”按钮，可将路径转换为选区。（2）选区转换为路径单击“路径”控制面板底部的“从选区生成工作路径”按钮，可将选区转换为路径。练习 将路径转换为选区4、填充路径路径的填充和和图像选区的填充一样，可以使用颜色或图案填
24、充路径。路径的填充方法如下：（1）绘制或选择要填充的路径。（2）在“路径”控制面板中单击功能菜单按钮，单击“填充路径”命令。（3）在打开的“填充路径”对话框中设置填充内容、填充模式、不透明度和羽化半径等参数。（4）单击“确定”按钮。5、描边路径路径的描边就是使用一种图像绘制工具或修饰工具沿着路径绘制图像或修饰图像。其操作方法如下：（1）选择路径。 教 学 内 容 安 排 （2）单击“路径”控制面板右上角的操作列表按钮，在弹出的快捷菜单中选择“描边路径”命令，然后在弹出的“描边路径”对话框中设置一种描边工具，然后单击“确定”按钮。实训3：制作夏日风情插画五、案例5：制作养生会所会员卡【案例分析】
25、 由于生活水平的提升使得越来越多的人去追求养生的方法，本例是为养生会所制作的会员卡，要求体现养生会所对会员的重视。 【设计理念】在设计和制作的过程中，会员卡的背景采用粉色加上传统纹样，搭配金色的字体提升了卡片的档次，并为文字增添了投影效果，使卡片出现了空间感和立体感，右上角的图案色彩丰富鲜艳，增添了画面欢乐热闹的氛围。 【相关工具】1矩形工具2圆角矩形工具3自定形状工具4直线工具5多边形工具教 学 内 容 安 排知识点讲解：(一) 绘制形状在系统中形状又称为矢量图，是用一系列计算机指令来描述和记录图像，它由点、线、面等组成，所记录的是对象的几何形状、线条粗细和色彩等。形状的绘制方法如下： （1
26、）在工具箱中设置前景色。（2）选择工具箱中的形状工具组中形状工具。（3）在图像窗口中通过单击或拖动绘制。绘制后的形状会存在一个自动生成的图层上，这种图层称为形状图层，名称自动设置为形状1、形状2、形状31、 矩形工具使用矩形工具可以绘制任意方形或具有固定长宽的矩形形状，并且可以为绘制后的形状添加一种特殊效果。其绘制方法如下：（1）在工具箱中单击选择矩形工具。（2）在工具属性栏中设置矩形绘制方式、样式和颜色等参数。（3）在图像窗口中单击并拖动进行绘制。 用于设置绘制类型，包括绘制形状、路径和填充选区。用于选择绘制形状工具，和在工具箱中的形状绘制工具相同。用于设置绘制方式。绘制方式有：创建新形状、
27、添加形状、减去形状、交叉形状和交叉除外形状。用于设置增减形状。教 学 内 容 安 排用于设置选择形状特殊效果样式。用于设置形状颜色。2、 圆角矩形工具使用圆角矩形工具可以绘制具有圆角半径的矩形形状。其绘制方法如下：（1）在工具箱中单击选择圆角矩形工具。（2）在工具属性栏中设置圆角半径、绘制方式、样式和颜色等参数。（3）在图像窗口中单击并拖动进行绘制。3、椭圆工具使用椭圆工具可以绘制椭圆形状，其绘制方法如下：（1） 在工具箱中单击选择椭圆工具。（2）在工具属性栏中设置绘制方式、样式和颜色等参数。（3）在图像窗口中单击并拖动进行绘制。4、 多边形工具使用多边形工具可以绘制具有不同边数的多边形形状，
28、其绘制方法如下：（1）在工具箱中单击选择多边形工具。（2）在工具属性栏中设置边数、绘制方式、样式和颜色等参数。（3）在图像窗口中单击并拖动进行绘制。5、 直线工具使用直线工具可以绘制不同的直线形状，其绘制方法如下：（1）在工具箱中单击选择直线工具。（2）在工具属性栏中设置直线样式、粗细、绘制方式和颜色等参数。（3）如果使用直线工具绘制箭头，可在工具属性栏中单击三角按钮，展开箭头设置对话框，在其中选择绘制箭头在起点或终点，设置箭头的宽度、长度和凹度。教 学 内 容 安 排（4）在图像窗口中单击并拖动进行绘制。6、自定义工具使用自定义工具可以绘制系统自带的不同形状，例如人物、花卉、动物等，大大简化
29、了用户绘制复杂形状的难度。其绘制方法如下：（1）在工具箱中单击选择自定义工具。（2）在工具属性栏中单击“形状”右侧按钮，弹出下拉列表框，双击选择一种形状。并设置使用样式、绘制方式和颜色等参数。（3）在图像窗口中单击并拖动进行绘制。实训5：制作购物卡（P68）综合实训6：制作旅游贺卡（P76）综合实训7：制作春节贺卡（P76）六、课堂小结本次课我们讲解了路径的基本概念、路径的绘制及修改以及路径调板的应用，最后结合实例讲解了利用路径操作的过程及技巧，重点需要同学们能了解路径的用途，能灵活运用路径工具。七、课堂练习1、 制作音乐海报（人邮P119）2、 制作滑板运动插画3、 制作购物插画4、 制作动感插画（人邮P125）【练习知识要点】使用钢笔工具、画笔工具绘制装饰线条。使用自定形状工具绘制螺旋线条。使用画笔工具绘制白色圆点图形。使用描边命令添加描边效果。
