中职 图形图像处理（Illustrator CC)NO (3)教学课件+习题答案 高教版.ppt

Y CF中职 图形图像处理（Illustrator CC)NO(3)教学课件+习题答案 高教版图形的运算CL I CK T O A D D U P Y OU R T I T L E H ERE04钢笔工具绘图、路径编辑、铅笔工具与平滑工具图形的运算方法CL I CK T O A D D U P Y OU R T I T L E H ERE04.1钢笔工具绘图、路径编辑、铅笔工具与平滑工具单击此处添加标题一、形状模式：对图形的形状进行运算1 联级：将多个独立的形状相加变成一个特殊形状。2 减去顶层：后方图形与前方图形相交的部分被减去，同时前方图形透明化。3 交集：图形相交的部分被保留，其余透明化。4 差集：图形重叠部分自动去除，只保留重叠部分以外的形状。5：该按钮一般呈灰色不可点击状态。若按住Alt 键单击上列按钮运算时，图形发生变化，但路径依然保存此时“扩展”按钮可点击。单击后路径消失。按住Alt 键单击运算按钮4.1 4.1 图形的运算方法 图形的运算方法单击此处添加标题4.1 4.1 图形的运算方法 图形的运算方法二、路径查找器模式：对图形的路径进行运算1 分割：两个或多个图形的路径相交，被分割成独立小块。2 修边：后方图形中与前方图形相交的部分图形和路径被减去，前方图形保持不变。3 合并：相交的图形路径合并。4 裁剪：前方图形与后方图形相交的部分图形和路径被保存，其余被去除。5 轮廓：轮廓将对象分割为其组件线段或边缘，单击此按钮后图形自动转化为轮廓线段，且相交的部分被分割成独立线段。6 减去后方对象：前方图形中与后方图形相交的部分被减去，同时后方图形被去除。单击此处添加标题4.1 4.1 图形的运算方法 图形的运算方法两个模式的运用有相通的地方，一个图形可以用两个模式分别进行运算，得到的效果相同。方法1 运用形状工具1 绘制一个正方形和一个圆形，并让它们有部分重叠。2 同时选中两个图形，如图4-4 所示。并单击“路径查找器”面板上的“形状模式”中的“交集”按钮，两个图形相交以外的部分被去除，如图4-5 相交运算效果所示。图4-3 图形运算效果 图4-4 同时选中图形 图4-5“交集”后的效果单击此处添加标题方法2 运用路径查找器1 方法同上画一个正方形和一个圆形，并让它们有部分重叠。2 同时选中两个图形，并按“路径查找器”上的裁剪按钮。这时，后面矩形连同路径都消失了，只剩下相重叠的部分及圆的路径。如图4-6 裁剪效果所示。3 鼠标单击右键选“取消编组”，图4-7所示。删除多余的路径，便得到相同的扇形。但得到的图形的颜色是根据置于下方的图形的颜色定的，所以下方的正方形是红色的，扇形的颜色也是红色的。图4-6 裁剪效果图4-7 取消编组4.1 4.1 图形的运算方法 图形的运算方法单击此处添加标题4.1 4.1 图形的运算方法 图形的运算方法案例1：齿轮状UI 小图标设计制作“与形状区域相加”及“排除重叠形状区域”工具运用制作分析：这个齿轮的基本构成图形是一个大圆周围围绕一圈矩形，里面的小圆被挖空。旋转复制“与形状区域相加（联级）“排除重叠区域”（差集）单击此处添加标题思考与练习：4.1 4.1 图形的运算方法 图形的运算方法1 运用“路径查找器”模式能否做出同样的效果？请运用“路径查找器”模式做出相同的齿轮图标。2 利用图形的运算绘制出下列图形。单击此处添加标题4.1 4.1 图形的运算方法 图形的运算方法案例2：标志设计制作“分割”工具运用制作分析：这是一个圆被分割成不同的小块填色而成，仔细观察就可以看出，圆里面是被几条线给分割的，所以要用到路径查找器下的“分割”按钮。钢笔画线单击此处添加标题 配色提示：以同一色和类似色为主进行搭配，一般不超过三种颜色的对比色，如果颜色过多可以用大面积的同一色或类似色加小面积的对比色。比如本案例所用的不同明度的蓝色即同一色，这样看上去标志的色调更加协调。4.1 4.1 图形的运算方法 图形的运算方法单击此处添加标题思考与练习：4.1 4.1 图形的运算方法 图形的运算方法提示：1。在大圆上画出大小不同的圆，不要填充色，只要描边有轮廓即可。选择分割，删掉周围多余的，填充里面的颜色。2。做水平垂直两条交叉参考线，画大圆和小圆，圆心在垂直参考线上，运用（减去顶层）工具，做出月牙形状,以参考线圆心为中点，旋转复制90 度。（注意参考线交点作为旋转点的位置应该尽量离月牙形状近一些）12 33、（1）圆角矩形工具绘制水平圆角矩形，填充色为无，描边色任意，描边粗细4PT.（2）以矩形中心点为旋转点90 度旋转复制。（3）同时选中两个圆角矩形，45 度旋转复制。（4）同时选中所有的圆角矩形，执行对象 扩展，再选择分割，填充不同的颜色单击此处添加标题案例3：花的图案“分割”、“与形状区域相交”工具运用制作分析：这个花卉图案与上一章节中运用路径绘制的花卉有所不同，路径绘制好的是一个闭合的花瓣路径，而此案例的花瓣是圆形相交分割而成，经过分割、填充不同的颜色做出的，这里要结合与“交集”按钮，以及旋转复制工具画出花瓣的效果。单击此处添加标题思考与练习：4.1 4.1 图形的运算方法 图形的运算方法提示：1。减去顶层 分割2。分割3。（1）椭圆工具画出一个椭圆（2）钢笔工具调整椭圆为鱼形（3）矩形分割鱼的身体，加上尾巴和鱼鳍1 2 3复合路径CL I CK T O A D D U P Y OU R T I T L E H ERE04.2钢笔工具绘图、路径编辑、铅笔工具与平滑工具单击此处添加标题4.2 4.2 复合路径 复合路径 复合路径是两个独立的路径结合在一起，创建挖空的效果，与“路径查找器”上的图形运算不同，这个复合路径不会变成两个单独路径，除非经过“释放复合路径”将他们还原。而路径查找器上的“差集”模式，则会在中间被挖空后，形成两个单独的路径，只需取消编组即可执行“对象/复合路径/建立”（Ctrl+8）单击此处添加标题思考与练习运用路径查找器和复合路径结合绘制，另外可以自己思考其他绘制方法单击此处添加标题4.2 4.2 复合路径 复合路径 案例1：POP 风格文字“中国”复合路径运用制作分析：图4-31 所示的“中国”两个字字体特殊，不是用文字工具直接输入得到的，而是图形绘制的。“中国”中间都是挖空的效果，可以运用“建立符合路径”来实现挖空效果。单击此处添加标题4.2 4.2 复合路径 复合路径 案例2：有层次感的图标制作 复合路径运用制作分析：图所示图标有三个层次，其中最上面的花形图案是挖空的效果，露出下一层的渐变色。所以需要花形和上面的圆角矩形做一个复合路径。最后一层的立体效果是通过对描边色的渐变调整而得来。复合路径做出挖空效果