Photoshop图像处理立体化教程（Photoshop2020）（AI助学） 课件 项目七 绘制路径与形状

Photoshop图像处理立体化教程（Photoshop2020）（微课版）（AI助学）新形态立体化精品系列教材项目七绘制路径与形状目录Contents任务一制作婚礼请柬任务二绘制手机App图标实训一制作书签实训二设计企业标志课后练习技巧提升老洪让米拉为客户制作一张婚礼请柬，米拉翻阅了许多婚礼请柬模板，决定使用钢笔工具绘制新人剪影，锻炼矢量绘图能力。然后添加装饰元素和文字，完成婚礼请柬的制作。本例的参考效果如右图所示。任务一 制作婚礼请柬一、任务描述（一）任务背景婚礼请柬一般包括封面、标题、新人信息、婚礼信息（婚礼地点、婚礼时间等）、婚纱照形象展示几个部分。本例将制作典雅、复古风格的婚礼请柬，在制作时需要先绘制新人的婚纱照形象，然后添加装饰元素和婚礼信息，整个请柬要求清晰明了、美观大气。尺寸要求为42厘米×29.7厘米，分辨率为300像素/英寸。（二）任务目标（1）熟悉矢量图形、路径和“路径”面板的基础知识。（2）能够熟练使用钢笔工具组绘制路径，提高矢量绘图能力。（3）掌握编辑、填充和描边路径的方法。二、相关知识（一）认识路径和“路径”面板从外观上看，路径是线条状的轮廓，由锚点连接。路径既可以根据线条的类型分为直线路径和曲线路径，也可以根据起点与终点的情况分为开放路径和闭合路径。同时，多个闭合路径可以构成更为复杂的图形，称为“子路径”。1.认识路径2曲线路径1直线路径3开放式路径4闭合式路径二、相关知识路径主要由曲线或直线、锚点、控制柄组成。直线或曲线：路径由一个或多个直线或曲线组成。锚点：路径上连接线段的小正方形就是锚点，其中锚点显示为黑色实心时，表示该锚点为选择状态。路径中的锚点主要有平滑点、角点两种，其中平滑点可以形成曲线，角点可以形成直线或转角曲线。控制柄：控制柄也称方向线，是指调整线段的位置、长短、弯曲度等参数的控制点。选择锚点后，该锚点上将显示控制柄，拖曳控制柄一端的小圆点，可修改该线段的形状和弧度。1.认识路径二、相关知识“路径”面板主要用于存储、管理与调用路径，该面板显示了当前路径和矢量蒙版的相关名称、路径类型、缩览图等。选择【窗口】/【路径】菜单命令，即可打开“路径”面板，2.认识“路径”面板二、相关知识（二）钢笔工具组钢笔工具是最基础的路径绘制工具，常用于绘制各种直线或曲线。该工具对应的工具属性栏如下图所示。1.钢笔工具二、相关知识使用自由钢笔工具绘制图形时，会自动添加锚点，无需确定锚点位置。与钢笔工具相比，自由钢笔工具可以绘制出更加自然、随意的路径。该工具对应的工具属性栏与“钢笔工具”工具属性栏相似，但单击“设置”按钮后打开的下拉列表有所不同，如下图所示。2.自由钢笔工具二、相关知识使用弯度钢笔工具可便捷地绘制平滑曲线和直线段，并在无需切换工具的情况下创建、切换、编辑、添加或删除平滑点或角点，适用于绘制或编辑较为复杂的路径。3.弯度钢笔工具当需要对路径段添加锚点时，可在工具箱中选择添加锚点工具，将鼠标光标移动到路径上，单击鼠标左键，即可在单击处添加一个锚点。4.添加锚点工具在路径上除可添加锚点外还可对锚点进行删除，选择删除锚点工具，将鼠标移动到绘制好的路径锚点上，单击鼠标左键，即可将该锚点删除。5.删除锚点工具二、相关知识在绘制路径时，有时会因为路径的锚点类型不同而影响路径形状，此时可使用转换点工具来转换锚点，从而调整路径形状。转换点工具主要有以下两种用途。6.转换点工具平滑点转换为角点：选择转换点工具，在平滑点上单击，平滑点将被转换为角点。角点转换为平滑点：选择转换点工具，在角点上单击，角点将被转换为平滑点，此时按住鼠标左键不放拖拽控制柄可调整路径形状。二、相关知识（三）选择工具组选择路径选择工具后，单击路径即可选择该路径，按住【Shift】键不放同时单击其他路径，可以一并将该路径选择。另外，单击并拖曳出一个矩形选框可选择选框范围内所有路径。选择路径后，拖曳鼠标即可直接移动路径，若要取消选择可直接在空白处单击。1.路径选择工具2框选路径1选择多个路径二、相关知识选择直接选择工具后，单击路径形状即可将其中的锚点和路径全部显现出来，单击某个路径即可选择该路径，单击并拖曳鼠标可移动该路径。锚点的选择与移动操作与路径相同，需要注意的是，使用直接选择工具选择锚点时，未选择的锚点为空心方块，选择的锚点则为实心方块2.直接选择工具2选择锚点1选择并移动路径三、任务实施绘制形状不规则的矢量图形的第一步，就是绘制路径。本例在绘制前需要先使用钢笔工具绘制婚礼请柬中的新娘的上半身，其具体操作如下。2绘制路径（一）绘制路径1添加边框3绘制新娘上半身三、任务实施为了使新娘的脖颈更接近真实效果，需要将脖颈处的平滑锚点转换为角点，其具体操作如下。（二）编辑路径1拖曳控制点调整路径2转换锚点1．转换平滑点与角点三、任务实施为了使最终绘制的新娘上半身效果更加美观，可以调整路径的细节部分，如在绘制好的闭合式路径路径上添加新的锚点，或者删除不需要的锚点，其具体操作如下。1添加锚点2删除锚点2.添加与删除锚点三、任务实施编辑新娘上半身路径时，除了调整锚点和控制柄外，还可以通过选择和移动路径来直接对路径进行编辑，本例将对新娘上半身路径进行移动与调整，其具体操作如下。1选择路径2移动部分路径3．选择和移动路径三、任务实施新创建的新娘上半身路径将以“工作路径”为名显示在“路径”面板中，若没有对路径进行描边或填充，当继续绘制其他路径时，原有路径将丢失，此时可先将新娘上半身路径保存，其具体操作如下。1选择存储路径命令2存储路径4．保存路径三、任务实施绘制路径后，若还需要绘制相同的路径，可将绘制的路径进行复制。若不需要路径，则可将路径删除，其具体操作如下。1复制路径2删除路径5．复制与删除路径三、任务实施对新娘上半身路径进行填充或编辑时，需要先将路径转换为选区。在处理图像时，若是选区形状需要调整，还可以将选区转换为路径进行编辑，其具体操作如下。1将路径转换为选区2将选区转换为路径6．路径与选区的互换三、任务实施下面对新娘上半身路径进行纯色填充，制造剪影效果，其具体操作如下。（三）填充与描边路径1转换为选区2填充选区1．使用纯色填充路径三、任务实施绘制完新娘上半身后，还需要绘制新娘裙子的路径，然后使用图案填充裙子，其具体操作如下。1绘制路径2使用图案填充路径2．使用图案填充路径三、任务实施通过“描边”对话框可以以线条的形式对路径进行描边，并且可以设置描边的颜色、粗细、位置和混合模式等，其具体操作如下。1转换为选区2描边路径3．通过“描边”对话框描边路径三、任务实施使用画笔工具也可以对路径进行描边，但在描边前需要先切换画笔工具，并设置画笔属性，其具体操作如下。1绘制路径并设置画笔参数2描边路径4．使用画笔工具描边路径三、任务实施通过“描边路径”对话框进行相关设置，可以添加更丰富的描边效果，其具体操作如下。1填充颜色2绘制开放路径5．通过“描边路径”对话框描边路径三、任务实施通过“描边路径”对话框进行相关设置，可以添加更丰富的描边效果，其具体操作如下。1描边路径5．通过“描边路径”对话框描边路径三、任务实施（四）绘制剩余部分并添加文字1绘制捧花4填充新郎颜色接下来将绘制新郎部分和其他装饰物，并添加文字和其他素材，使婚礼请柬更加完整，其具体操作如下。2绘制飘带3绘制新郎路径三、任务实施（四）绘制剩余部分并添加文字3绘制新郎衣服上的褶皱4绘制新娘衣服上的褶皱三、任务实施（四）绘制剩余部分并添加文字3置入图像4输入文字三、任务实施（四）绘制剩余部分并添加文字3置入图像4添加素材目录Contents任务一制作婚礼请柬任务二绘制手机App图标实训一制作书签实训二设计企业标志课后练习技巧提升老洪正在绘制手机图标，米拉在旁边学习，发现使用形状工具也可以绘制路径。米拉自告奋勇接过老洪的工作，决定自己使用各种形状工具绘制这些App图标，同时了解UI设计规范，培养UI设计能力。本例的参考效果如右图所示。任务二 绘制手机App图标一、任务描述（一）任务背景手机App图标是一组能快捷传达信息、便于记忆的图形，不仅能直观地展现应用信息，还比单一的文字描述更加形象，极大地提升了App视觉效果。在绘制手机App图标时，需要使用矢量绘图工具，如形状工具组等，通过不同形状的组合制作出形象美观、含义明确的图标。尺寸要求为1125像素×2436像素，分辨率为72像素/英寸。（二）任务目标（1）能够了解手机App图标设计的格式、尺寸、版式等标准。（2）能够灵活运用形状工具组绘制手机App图标，提升UI设计能力。二、相关知识（一）形状工具组形状工具组在平面设计中较为常用，如设计DM单、书籍装帧、招贴海报、标志、插画等。常用形状工具包括矩形工具、圆角矩形工具、椭圆工具、多边形工具、直线工具、自定义形状工具等，运用形状工具组可以绘制出不同的形状路径和形状图形，再通过形状的拼接制作出丰富的图像效果。1.矩形工具使用矩形工具可绘制矩形和正方形。绘制时，单击并拖曳鼠标，可绘制矩形；按住【Shift】键不放单击并拖曳鼠标，可绘制正方形；按住【Alt】键不放单击并拖曳鼠标，可以单击点为中心绘制矩形；按住【Shift+Alt】键不放单击并拖曳鼠标，可以以单击点为中心绘制正方形。该工具对应的工具属性栏如下图所示。二、相关知识2.圆角矩形工具使用圆角矩形工具可绘制具有圆角半径的矩形，其绘制方法和工具属性栏都与矩形工具相似。但在圆角矩形工具的工具属性栏中可以设置“半径”数值，其数值越大，圆角弧度越大。3.椭圆工具使用椭圆工具可以绘制椭圆和正圆，其绘制方法和工具属性栏都与矩形工具相似。二、相关知识4.多边形工具使用多边形工具可以绘制具有不同边数的正多边形和星形，其绘制方法和工具属性栏都与矩形工具相似。在多边形工具的工具属性栏的“边”数值框中，可设置形状的边数，然后再进行绘制，单击“设置”按钮，在打开的下拉列表中可设置其他参数，3.椭圆工具使用直线工具可以绘制出具有不同粗细、颜色、箭头的直线。其工具属性栏与多边形工具相似，只是“边”文本框变成了“粗细”文本框，用于设置直线的粗细，单击“设置”按钮，在打开的下拉列表可中设置需要绘制的直线的参数，二、相关知识6.自定形状工具使用自定形状工具可以绘制系统自带的不同形状，如树、动物、小船等，以及旧版形状中的箭头、画框、自然和符号等，如下图所示。二、相关知识（二）形状“属性”面板在绘制形状后，可选择【窗口】/【属性】菜单命令，打开“属性”面板，在面板中可以快速调整形状的大小、位置、描边、角半径等参数，如图下图所示。二、相关知识（三）路径对齐方式在绘制多个路径或形状时，有时还需要将其按照一定的规律进行对齐分布，具体有以下两种方法。按住【Shift】键不放，同时使用路径选择工具选择多个子路径，单击工具属性栏中的路径对齐方式按钮，在打开的下拉列表中选择常用的对齐和分布方式，即可对所选路径进行对齐与分布操作。选择移动工具，在“路径”面板中按住【Shift】键不放同时使用鼠标选择多个子路径，单击工具属性栏中的“对齐并分布”按钮，在打开的下拉列表中也可以选择常用的对齐和分布方式，三、任务实施使用圆角矩形工具可绘制具有圆角半径的矩形路径，在手机App图标设计中常用于绘制图标背景，其具体操作如下。2绘制圆角矩形（一）绘制圆角矩形1设置圆角矩形参数三、任务实施使用椭圆工具可以绘制正圆或椭圆形状的路径，其设置方法与圆角矩形工具相同，本例需要使用椭圆工具绘制简洁的人像图形，其具体操作如下。2绘制横向椭圆（二）绘制椭圆1绘制竖向椭圆三、任务实施4添加投影（二）绘制椭圆3对齐图层三、任务实施4群组图层（二）绘制椭圆3输入文字三、任务实施绘制视频App图标时，可使用具有代表性的播放按钮来展示，这里可使用多边形工具绘制播放按钮形状，其具体操作如下。2绘制正圆并对齐（三）绘制多边形1绘制圆角矩形三、任务实施4创建文字和图层组（三）绘制多边形3绘制三角形三、任务实施使用直线工具可以绘制具有不同线宽的直线，还可以根据需要为直线增加单向或双向箭头。本例将使用直线工具绘制便签图标，其具体操作如下。2绘制3条直线（四）绘制直线1绘制1条直线三、任务实施4创建文字和图层组（四）绘制直线3垂直居中分布图层三、任务实施使用自定形状工具可以绘制系统自带的不同形状，大大降低了绘制复杂形状的难度。本例可使用自定形状工具中的对话框形状绘制信息App图标，其具体操作如下。2选择形状（五）绘制会话形状1绘制矩形三、任务实施4最终效果（五）绘制会话形状3垂直居中分布图层目录Contents任务一制作婚礼请柬任务二绘制手机App图标实训一制作书签实训二设计企业标志课后练习技巧提升本实训要求为一家木制品公司制作一张书签，要求书签要体现公司特色。通过本实训，可掌握制作书签的方法。本实训最终效果如右图所示。实训要求实训一 制作书签书签一般用于标记纸版读物、记录阅读心得，可用作装饰。本例将使用钢笔工具制作家具公司的书签，该书签不但要体现公司名称，还要能体现出该公司家具工艺的特点。实训思路实训一 制作书签实训一 制作书签步骤提示书签的制作步骤包括使用钢笔工具绘制书签形状、添加素材、添加文字和绘制背面等操作，其步骤如下图所示。1绘制书签形状2添加素材4绘制背面3添加文字目录Contents任务一制作婚礼请柬任务二绘制手机App图标实训一制作书签实训二设计企业标志课后练习技巧提升本实训要求为企业设计标志，要求标志具有可识别性，从而提升标志设计能力。本实训最终效果如下图所示。实训要求实训二 设计企业标志标志是一种具有象征性的大众传播符号，它以形象借助人们的符号识别、联想等思维能力，传达特定的信息，因此本例标志可通过寻求与企业名称的关联性来构思标志图形，并用简洁的线条简化造型，可设置相同或相近的颜色使标志文字和图形具有系统性。实训思路实训二 设计企业标志步骤提示标志的制作步骤包括创建并编辑路径、填充路径、添加文字等，其步骤如下图所示。1创建并编辑路径2填充路径3添加文字目录Contents任务一制作婚礼请柬任务二绘制手机App图标实训一制作书签实训二设计企业标志课后练习技巧提升本练习要求为一件T恤绘制个性化图案，参考效果如下图所示。练习1：设计T恤图案课后练习本练习要求为一家科技公司人员制作名片，要求名片简洁大方，参考效果如下图所示。练习2：制作个人名片课后练习目录Contents任务一制作婚礼请柬任务二绘制手机App图标实训一制作书签实训二设计企业标志课后练习技巧提升技巧提升1.快速设置矢量形状绘制矢量形状后，可以选择【窗口】/【属性】菜单命令，打开“属性”面板，在面板中可以快速调整形状的大小、位置、描边、角半径等参数。例如，绘制矩形后，其“属性”面板如下图所示。技巧提升2.快速制作镂空图形要实现形状的镂空或边缘的造型，可使用减去顶层形状功能来实现，用上层的形状裁剪下层的形状