《矢量图形和矢量蒙.pptx》由会员分享，可在线阅读，更多相关《矢量图形和矢量蒙.pptx（54页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、本课要点了解并掌握矢量图形和矢量蒙版的概念及使用方法掌握如何通过各种形状工具创建不同的路径、矢量图形和像素图像了解矢量蒙版和像素蒙版的区别，以及如何将矢量蒙版转化为像素蒙版对应考点掌握通过各种形状工具创建不同的路径、矢量图形和像素图像矢量蒙版和像素蒙版的区别，以及如何将矢量蒙版转化为像素蒙版第1页/共54页Learning PointsUnderstand and master the vector graphics and vector masks and use the concept of themThrough a variety of shape tools to learn how
2、 to create different paths,vector graphics and pixel ImageUnderstand vector and pixel mask mask the differences and how to vector mask into mask pixels Corresponding test point Control creating different paths,vector graphics and pixel Imagethrough a variety of shapes tool Master the differences bet
3、ween vector mask and pixel mask and how to vector mask into mask pixels 第2页/共54页8.1矢量图形和矢量蒙版的基本操作Photoshop主要是用来处理像素图像的，但也提供了图形软件中绘制矢量图形的工具：钢笔工具和形状工具。在前面的章节中，我们已经学习了用钢笔工具绘制的方法，下面将重点讲解形状工具的用法。第3页/共54页8.1The Basic Operation Of Vector graphics And Vector MasksPhotoshop is primarily used for processing p
4、ixel images,but also provides a graphical software tool for drawing vector graphics:pen tool and shape tools.In the previous chapters,we have studied the method of drawing with the pen tool,the following explanation will focus on the shape of tool usage.第4页/共54页形状工具 在工具箱中可选择不同的形状工具，如图8-1-1所示，形状工具选项栏
5、中提供了3 种不同的绘图状态，如图8-1-2 所示，从左到右分别是“形状图层”、“路径”和“填充像素”。图8-1-1图8-1-2第5页/共54页Shape Tools In the toolbox,select a different shape tool,as shown in Figure 8-1-1 shape tool options bar provides 3 different graphics state,as shown in Figure 8-1-2,from left to right are the shape layers,path and fill pixels.F
6、igure 8-1-1Figure 8-1-2第6页/共54页图8-1-3第7页/共54页Figure 8-1-3第8页/共54页形状图层：形状图层是带图层矢量蒙版的填充图层，填充图层定义形状的颜色，而图层矢量蒙版定义形状的几何轮廓。通过编辑形状的填充图层并对其应用图层样式，可以更改其颜色和其他属性；通过编辑形状的图层矢量蒙版，可以更改形状的轮廓。路径：当选中此选项后在图像中拖曳鼠标就可以创建新的工作路径，在路径调板中可看到创建的路径。填充像素：选择此选项后，使用形状工具时就可在当前的图层中创建像素形状，形状由当前的前景色自动填充。创建了像素形状后，将无法作为矢量对象进行编辑。第9页/共54页
7、Shape layers:vector shape layer is a layer mask with the fill layer,fill layer defines the shape of the color,the layer vector mask defines the geometric shape of contour.By editing the shape of the fill layer and its application layer styles,you can change the color and other properties;by editing
8、the shape of the layer vector mask,you can change the shape of the profile.Path:election of this option in the image drag the mouse you can create a new working path,the path palette to create the path can be seen.Fill Pixels:Select this option,use the shape tool,layers can be created in the current
9、 pixel shape,the shape is automatically populated by the current foreground color.Create a pixel shape,it will not be edited as vector objects.第10页/共54页使用形状工具1矩形形状工具 在工具箱中选择矩形形状工具，并在选项栏中单击向下的箭头会弹出其相应的选项调板用来对工具进行各种设定。设定完成后再次单击此三角可将弹出的调板关闭。第11页/共54页Use the shape tool 1.Rectangle shape toolIn the toolb
10、ox,select the rectangle shape tool,and in the options bar click the down arrow will pop up the corresponding options on the tool palette to a variety of settings.Click again to set the completion of this triangle can be closed the pop-up palette.第12页/共54页2多边形形状工具选择多边形形状工具可产生直线型的多边形区域。单击多边形形状工具，在选项栏中
11、有以下选项。第13页/共54页2Polygon shape tool selected polygon shape tool to produce linear polygon area.Click the polygon shape tool,has the following options in the options bar.第14页/共54页图8-1-4 缩进边依据:50%只选中平滑拐角 只选中平滑缩进设定不同的选项后可得到图8-1-3 中不同的结果。第15页/共54页Figure 8-1-4 Indent edge basis:50%only select smooth corne
12、r only select smooth indentation After setting the various options available to different results in Figure 8-1-3.第16页/共54页3直线工具用此直线工具可以画直线，在直线选项栏中可设定直线的宽度。第17页/共54页3Line tool:Use this tool to draw straight line,the line options can be set straight line the width of the column.第18页/共54页直线工具设定选项效果图：第
13、19页/共54页Line tool to set options renderings：第20页/共54页存储自定形状当选中自定形状工具时，在工具选项栏中单击“形状”后面图标右侧的小三角，会弹出自定形状调板。单击弹出调板的右上角，会出现一个弹出式菜单，可选预置的形状，当选择一种形状文件后，会弹出对话框，单击“追加”，将新的形状载入。也可以将自己绘制好的矢量图形存储为自定形状。第21页/共54页Save Custom ShapeElected to the custom shape tool,the tool options bar,click the shape right behind th
14、e small triangle icon will pop up custom shapes palette.Click the pop-up palette in the upper right corner,there will be a pop-up menu,selectable preset shape,when you select a shape file,it will pop-up dialog box,click Append will load the new shape.Can also be a good vector graphics drawing itself
15、 is stored as a custom shape 第22页/共54页自定义形状调板如图所示：第23页/共54页Custom Shapes palette as shown：第24页/共54页存储自定义形状举例：1选择工具箱中的多边形形状工具，将“边数”设定为10，并在弹出的选项调板中进行设定，在工具选项栏中选中形状图层图标，然后在图像上绘制多边形。第25页/共54页Storing custom shapes example:1.Select the polygon shape tool in the toolbox,the number of edges,set to 10,and t
16、he pop-up palette in the options to set,the tool options bar,select the shape layer icon,and then draw the polygons in the image.第26页/共54页2在路径调板中，可看到刚创建的图形，保持当前路径的选择状态，执行“编辑 定义自定形状”命令，并在弹出的“形状名称”对话框中输入新形状的名称，单击“好”按钮，新形状会出现在“形状”弹出式调板中。第27页/共54页2In the path palette,you can see the graphic you just cre
17、ated to maintain the current path of choice status,implementation of the edit define custom shape command,and in the pop-up form name dialog box,enter the name of the new shape,single Click the good button,the new shape will appear in the shape in the pop-up palette.第28页/共54页3在工具的选项栏中还可以设定图层样式，并可选择颜
18、色，当出现链接符号的时候，所绘制图形的填充色不随工具箱中前景色的变化而变化，单击链接图标就可将其取消。第29页/共54页3Option in the tool bar can also set the layer style,and can choose the color,when there is a time when the link symbol,the fill color does not draw graphics with the foreground color in the toolbox of the change,click the link icon can be
19、to cancel.第30页/共54页图层矢量蒙版 通过形状工具创建的形状图层，在图层调板中显示为两个缩览图，左边的缩览图显示形状的填充颜色，右边的缩览图表示图层的矢量蒙版，用来定义图形的形状。下面举例说明其操作步骤。第31页/共54页 Layer Vector Mask Through the shape tools create the shape of the layers,in the Layers palette is displayed as two thumbnails,thumbnails on the left shows the shape of the fill colo
20、r,the right of the thumbnails that the vector mask layers used to define graphic shape.The following illustrate the steps.第32页/共54页1选择工具箱中的钢笔工具，在其选项栏中单击“路径”。然后用钢笔工具将图像中的轮廓勾描出来。第33页/共54页1Select the Pen tool in the toolbox,Options bar,click on its path.Then use the pen tool to outline the image hook f
21、lagged.第34页/共54页2在选择了当前图层后，执行“图层 添加矢量蒙版 当前路径”命令，将刚才勾描的路径转化为矢量蒙版。第35页/共54页2After select the current layer,the implementation of the Layer Add Vector Mask Current Path command,the path will be painted just hook into vector masks.第36页/共54页使用矢量蒙版控制图层中显示的内容图8-1-6第37页/共54页Usevectorlayermasktodisplaythecon
22、tentsFigure 8-1-6第38页/共54页图层矢量蒙版的操作命令还有如下：1、添加显示或隐藏整个图层的矢量蒙版要创建显示整个图层的矢量蒙版，请选取“图层”“矢量蒙版”“显示全部”。要创建隐藏整个图层的矢量蒙版，请选取“图层”“矢量蒙版”“隐藏全部”。2、删除矢量蒙版将矢量蒙版缩览图拖移到“删除”图标。选择包含要删除的矢量蒙版的图层，然后选取“图层”“矢量蒙版”“删除”。第39页/共54页Layervectormaskoperationcommandareasfollows:1,addtheshoworhidethelayervectormaskTocreateashowthatthe
23、layervectormask,selecttheLayerVectorMaskShowAll.Tohidethelayercreateavectormask,selecttheLayerVectorMaskHideAll.2,deletethevectormaskThevectormaskthumbnaildragdeleteicon.Choosetodeletethevectorcontainingthelayermask,thenselectLayerVectorMaskRemove.第40页/共54页3、停用或启用矢量蒙版按住Shift键并点按图层调板中的矢量蒙版缩览图。选择包含要停用
24、或启用的矢量蒙版的图层，并选取“图层”“矢量蒙版”“停用”或“图层”“矢量蒙版”“启用”。当蒙版处于禁用状态时，“图层”调板中的蒙版缩览图上会出现一个红色的X，并且会显示出不带蒙版效果的图层内容。第41页/共54页3、DisableorenablevectormaskHolddowntheShiftkeyandclicktheLayerspaletteinthevectormaskthumbnail.Selectcontainstodisableorenablethevectormasklayers,andselectLayerVectorMaskdisableorLayerVectorMas
25、kEnable.Whenthemaskisdisabled,theLayerspaletteinthemaskthumbnailwillappeararedX,andwillshownoeffectofthelayermaskwiththecontent.第42页/共54页4、将矢量蒙版转换为图层蒙版选择包含要转换的矢量蒙版的图层，并选取“图层”“栅格化”“矢量蒙版”。重要说明：将矢量蒙版栅格化后，您将无法再将其更改回矢量对象。第43页/共54页4、VectorMaskwillbeconvertedintoalayermaskChoosetoconvertthevectorcontaining
26、thelayermaskandselectLayerrasterVectorMask.Important Note:The vector mask raster,you can not then change it back to vector objects.第44页/共54页在Photoshop中使用文字并将文字转化为矢量蒙版图8-1-7第45页/共54页Use the text in Photoshop and convert the text into a Vector MaskFigure 8-1-7第46页/共54页将文字转换为形状 在将文字转换为形状时，文字图层被替换为具有矢量蒙
27、版的图层。可以编辑矢量蒙版并对图层应用样式；但是，无法在图层中将字符作为文本进行编辑。选择一个文字图层，然后选取“图层”“文字”“转换为形状”。注释：您不能基于不包含轮廓数据（如位图字体）的字体创建形状。第47页/共54页Convertthetexttoshape Whenconvertthetexttoshapes,thetextlayerisreplacedwiththevectormasklayers.Youcaneditvectormasksandlayerstylesapplied;butnotinthelayerwillbeeditedastextcharacters.Select
28、atextlayer,thenselectLayertextintoshape.Note:You can not profile based on does not contain data(such as bitmap fonts)fonts to create the shape.第48页/共54页 到目前为止，已经知道，在Photoshop 中提供了两种蒙版的概念：一种是像素蒙版，称之为“图层蒙版”，它是依赖于分辨率的，只能通过和像素有关的命令进行修改和操作。另一种是矢量蒙版，称之为“图层矢量蒙版”，它是不依赖于分辨率的，可通过钢笔或形状工具来创建，并且只能通过与路径有关的操作进行修改和
29、编辑。在一个图层上既可以使用图层蒙版，也可以使用图层矢量蒙版，或两者同时使用，而图层矢量蒙版产生的边缘肯定是平滑清晰的。当然，也可以将图层矢量蒙版转换为图层蒙版，也就是将矢量的路径像素化，使之转换为基于像素的图层蒙版。转换命令是“图层 栅格化 矢量蒙版”，图层矢量蒙版转换为图层蒙版后，就不能再转换回去，所以在操作过程中需特别注意。第49页/共54页 So far,We have already known that Photoshop provides the concept of two masks:one is the pixel mask,called the Layer Mask,wh
30、ich is dependent on the resolution,and pixel only through the order to modify and operate.Another is a vector mask,called the Vector Mask Layer,which is not dependent on the resolution,by pen or shape tool to create,and can only operate with the path of the changes and edit.Both in a layer on the la
31、yer mask can be used,you can also use the vector mask layers,or both simultaneously,and layer masks produced by the edge vector is certainly smooth and clear.Of course,vector mask layers can be converted to a layer mask,which is the vector of the path of pixels,so that is converted to pixel-based la
32、yer mask.Conversion command is Layer rasterization Vector Mask layer vector mask into a layer mask,you can not change back,so special attention during the operation.第50页/共54页 课堂实例实例1：这是一张利用矢量蒙版在不破坏图层情况下的图像合成，效果如图8-2-1 所示。图8-2-1第51页/共54页 Class ExampleExample1：This is a vector mask using layers in the
33、 case without damaging the image synthesis,the effect shown in Figure 8-2-1.Figure 8-2-1第52页/共54页Steps:1.Open the image file,we should in a layer,without undermining the principles of the original layer of image synthesis.2.In the toolbox,select ellipse tool in its options bar select paths.Key on th
34、e keyboard,press,draw a perfect circle path.3.On the path to free transform.4.The keyboard,press key zoom to the center of the path to complete the selection of the path of the bubbles work.5.On the bubble for selection,press the keyboards keys cut on the path.6.In the options bar,click the Submit All icon,the path can be hidden,image synthesis is complete.Using this method on synthetic images without a new layer,without damaging the layer.第53页/共54页感谢您的观看！第54页/共54页