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

YCF中职图形图像处理（IllustratorCC)NO(8)教学课件+习题答案高教版效果菜效果菜单和透和透视网格工具网格工具应用用09单击此处添加标题9.19.1执行效果命令执行效果命令“效果”菜单上半部分的效果是Illustrator矢量效果，下半部分是Photoshop像素效果。可以将它们应用于矢量对象或位图对象。选择对象，执行“效果/”菜单命令即可实现效果。如图9-1所示。打开“外观”面板，所选择的效果将会在“外观”面板中出现。如图9-2所示。同时，单击下方的“添加新效果”按钮，也将出现“效果”菜单。如图9-3所示。图9-1 效果菜单单击此处添加标题图9-2 外观面板 9.19.1执行效果命令执行效果命令图9-3“添加新效果”按钮单击此处添加标题9.19.1执行效果命令执行效果命令1.绘制圆形，逐一执行“效果”菜单命令，查看效果。2.打开“外观面板”查看所执行的效果。3.在外观面板添加新效果。思考与练习单击此处添加标题9.2 3D效果3D效果可以将二维图形通过挤压、绕转和旋转等方式制作出三维效果。和可以调整对象的角度和透视、设置光源。能够将符号作为贴图运用到三维效果图中。单击此处添加标题9.2 3D效果一一、凸凸出出和和斜斜角角：“凸出和斜角”效果可以沿对象的深度轴（Z轴）拉伸对象，通过增加对象的深度使其呈现3D效果。（一）方法：（一）方法：1输入文字，如图9-4所示。2执行“效果/3D/凸出和斜角”如图9-5所示。图9-4图9-5 执行3D效果图9-43在出现的“3D凸出和斜角选项”对话框中，设置相应的参数，实现3D效果。如图9-6所示。图9-6“3D凸出和斜角选项”对话框 单击此处添加标题9.2 3D效果（二）（二）“3D凸出和斜角选项凸出和斜角选项”对话框设置：对话框设置：1位置：“位置”下拉列表中可以选择系统自带的透视显示和观察的角度。也可以通过在指定绕X轴旋转、指定绕Y轴旋转、指定绕Z轴旋转右侧的文本框中输入相应的角度来设定显示和观察的角度。或者直接拖动右侧的旋转盘。同时，拖动左侧的预览图也可自定义旋转角度。如图9-7所示。图9-7 自定义旋转单击此处添加标题财务与融资9.2 3D效果2透视：调整对象的透视角度。较小的角度类似长焦相机的镜头。较大的角度类似广角镜头。3凸出厚度：用来设定挤压的厚度。4端点：单击按钮为实心效果。单击按钮为空心效果。5斜角：单击“斜角”下拉菜单中的任意一种斜角，将产生不同的边缘效果。如图9-8所示。6高度：设置斜角的高度。单击按钮，斜角外扩：可将斜角添加至对象的原始状态。单击按钮，斜角内缩：自原始对象减去斜角。图9-8“斜角”菜单单击此处添加标题二二、绕绕转转：“绕转”命令可以绕转一条路径或剖面，生成立体对象。（一）方法：（一）方法：1绘制一半的路径，设置描边色为淡蓝绿色，填充色为无，如图9-9所示。图9-9 绘制一半酒杯路径9.2 3D效果单击此处添加标题2执行“效果/3D/绕转”，在出现的对话框中设定绕转方向是自“右边”。如图9-10所示。勾选“预览”显示效果。图9-10 执行“效果/3D/绕转”9.2 3D效果单击此处添加标题因为绘制的路径在左边，所以绕转要自右边开始绕转，若从左边开始绕转，则图形显示的是另外的效果。如图9-11所示。提示：图9-11 从“左边”绕转9.2 3D效果单击此处添加标题（二）（二）“3D绕转选项绕转选项”设定设定1绕转角度：用于设定绕转的度数，默认情况下是360度，此时路径可绕转一周闭合生成完整的三维对象。如果小于360度，则对象的表面会出现断裂面。如图9-12所示。图9-12 断裂面9.2 3D效果单击此处添加标题2端点：设定实心或空心效果。3位移：当位移数值较小时绕转的幅度就偏小，如图9-13所示。当位移数字变大时，绕转范围变大，对象体积也变大。如图9-14所示。图9-13 位移数值较小的效果 图9-14 位移数值较大的效果9.2 3D效果单击此处添加标题三三、旋旋转转：旋转可以使对象产生特定的透视效果，被旋转的对象可以是普通的平面图像，也可以是一个执行过3D效果的立体对象。方法：执行“效果/3D/旋转”，在对话框中设定相应的参数。如图9-15所示。图9-15“旋转”命令9.2 3D效果单击此处添加标题四四、设设置置表表面面效效果果：三种3D效果的对话框中都有“表面”选项。1线线框框：对对象象的的表表面面显显示示为为线线状状轮轮廓廓。如图如图916所示。所示。2无底纹：对象表面看不出任何3D效果，和图形原始的颜色相同。只是若图形原只有描边色而无填充色，则“无底纹”效果为描边颜色，如图9-17所示。3扩散底纹：“扩散底纹”效果可以使对象以一种柔和的方式反射光。如图9-18所示。但光影的效果不够细腻逼真。4塑料效果：对象以一种类似塑料效果的较光亮的程度显示。对象的质感效果比较明显。如图9-19所示。图9-16“线框”效果 图9-1 7“无底纹”效果9.2 3D效果单击此处添加标题图9-18“扩散底纹”图9-19 塑料效果五五、设设置置光光源源效效果果：在“3D凸出和斜角选项”对话框和“3D绕转”对话框中“单击“更多选项”，在出现的选项中设定数值，修改光源效果。同时可以拖动左边方框中圆球上的光点，移动光源位置如图9-20所示。图9-20 设置光源9.2 3D效果单击此处添加标题1将所选光源移动到对象后面：单击该按钮光源则从背后照过。2新建光源：可另外新建一个光源点。如图9-21所示。此时对象的光泽感更强。图9-21 增加光源3删除光源：可将新建的光源删除掉。9.2 3D效果单击此处添加标题六六、贴贴图图：3D的“绕转”和“凸出和斜角”效果都能够对对象进行贴图。在贴图对象时需要贴入的是符号面板中的对象，所以可以直接选择符号面板中的对象贴入，也可以将制作好的图形新建为符号用于3D贴图。例如在执行“3D/绕转”效果后，出现“3D绕转选项”对话框。在对话框下方单击“贴图”按钮，出现二级对话框“贴图”。在“贴图”对话框中单击“表面：”后面的三角号，找到需要贴图的位置。此时勾选“预览”，红色线框结构图表明当前可将符号贴入的位置。在“符号”下拉菜单中选中需要贴入的符号。在下方的缩略图中移动符号的位置，直到符号能在预览图中看见。如图9-22所示。图9-22 贴图9.2 3D效果单击此处添加标题案案例例1 描描边边立立体体字字3D凸凸出出和和斜斜角角效效果运用果运用制作分析：立体文字是运用3D的“凸出和斜角”效果制作的。内部文字描边的不同层次是根据描边粗细进行设定得到到效果。9.2 3D效果图9-23 描边立体文字单击此处添加标题9.2 3D效果案例2 葡萄酒瓶3D绕转效果运用制作分析：酒瓶的效果是运用了3D绕转效果。同时将绘制好的图案设置成符号进行贴图。图9-31 酒瓶效果图单击此处添加标题9.2 3D效果思考与练习：运用3D效果完成下列制作。单击此处添加标题9.2 3D效果自我评价表内容及技能要点是否掌握熟练程度是否熟练一般不熟执行“效果/”菜单命令在“外观面板”修改效果3D效果：凸出和斜角效果制作3D效果：绕转效果制作3D效果：旋转效果制作设置3D表面效果设置3D光源效果3D贴图应用案例1制作案例2制作思考与练习自我总结在本节学习中遇到的知识、技能难点以及是否解决单击此处添加标题9.2 9.2 其他效果其他效果一、Illustrator效果：1SVG滤镜：该效果是将图像描述为形状、路径、文本和滤镜效果的矢量格式，它生成的文件很小，可以在Web、平板手机、平板电脑等手持设备上提供较高品质的图像，并任意缩放。例如：执行“效果/SVG滤镜/AI_斜角阴影_1”，图形便产生阴影效果，且图像质量变小。如图9-60所示。图9-61所示，是执行了“效果/SVG滤镜/木纹”效果。图9-60 AI_斜角阴影_1 效果 图9-61 木纹效果单击此处添加标题9.2 9.2 其他效果其他效果SVG滤镜主要用在一SVG效果支持高质量的文字和矢量方试图像。由于一些SVG效果是动态的，所以必须使用浏览器打开。2变形：变形效果可以扭曲路径、文本、外观以及混合等图形，创建的效果等同于封套扭曲，可参考第“8.3封套扭曲”一节。3扭曲和变换：该效果组中包括七种扭曲效果，可以改变图形的形状。其中，自由扭曲是通过控制点来改变对象的形状的。如图9-61执行自由扭曲和9-62自由扭曲之后。4栅格化：可将矢量图形转变为像素图形。5裁切标记：选中图形，执行“效果/裁切标记”，图形定界框四角将出现裁切标记。如图9-64所示。图9-62 执行“自由扭曲”图9-63 自由扭曲之后 图9-64 裁切标记单击此处添加标题9.2 9.2 其他效果其他效果6路径效果：该效果下的“轮廓化描边”等同于“对象/路径/轮廓化描边”功能，可将对象的描边创建为轮廓。“位移路径”等同于“对象/路径/偏移路径”通过设定偏移值偏移出一条新的路径。“轮廓化对象”可将对象创建为轮廓。7路径查找器：该效果作用与“路径查找器”面板相同。但该效果只能用于处理组、图层和文本对象。“路径查找器”面板可用于任何对象。同时“路径查找器效果”实施后对象本身不造成破坏，也可以在“外观”面板中将效果删除。8转换为形状：将图形转换成矩形、圆角矩形以及椭圆形。执行效果/转化为形状/圆角矩形命令。如图9-65所示，在形状选项对话框中设定参数。此时原图形的路径保存，但外观发生了变化。图9-65 转换为形状单击此处添加标题9.2 9.2 其他效果其他效果9风格化效果：风格化效果可以为图形添加特殊的效果。例如投影、羽化等，可以让矢量图出现和像素图相同的阴影、模糊等效果。“圆角”效果可以让图形的尖角变圆滑。“涂抹”可以呈现画笔涂抹的效果。“箭头”可添加各种箭头。内发光、外发光可给图形添加发光效果。单击此处添加标题9.2 9.2 其他效果其他效果二、Photoshop效果：可以将矢量图形像素化，其中执行“效果画廊”命令则出现“滤镜库”可在滤镜库右边看到Photoshop效果中的其他效果。如图9-66所示。图9-66 滤镜库单击此处添加标题9.2 9.2 其他效果其他效果三、保存效果：设置好的效果以及填充色可以保存在“图形样式”面板中，以方便运用到其他图形上。如图9-67所示，对绿色的圆形图形执行了“效果/风格化/涂抹”命令以及“效果/风格化/阴影”命令。打开“图形样式”面板（Shift+F5），选择设置好效果的图形，并单击“图形样式”面板上的新建按钮，将该图形的效果以及颜色保存在样式面板中。再次绘制另一个图形，单击“图形样式”面板中新建的图形样式，则新图形便显示了相同的效果。如图9-68所示。图9-67 保存效果图9-68 运用图形样式单击此处添加标题9.2 9.2 其他效果其他效果“图形样式”面板中自带了多种样式效果，单击右上角的隐藏菜单按钮打开隐藏的菜单，选择“打开图形样式库”命令，在出现的二级菜单上选择所需要的图形样式。如图9-69所示。单击“图形样式”面板左下方的“图形样式库菜单”按钮，同样出现“图形样式库”菜单，如图70所示。图9-69 图形样式库菜单图9-70 图形样式库菜单按钮单击此处添加标题案例案例1 恋恋笔记本恋恋笔记本艺术效果运用艺术效果运用制作分析：制作分析：这是一个布料封皮的笔记本，比较符合文艺气质。格子毛呢布料效果的制作运用了效果菜单下的“艺术效果/胶片颗粒”，再通过不同层次的叠加效果产生。9.2 9.2 其他效果其他效果图9-71 恋恋笔记本单击此处添加标题案案例例2牛牛仔仔布布文文字字制制作作多多种种效效果果菜菜单单运用运用图9-99 牛仔布文字制作9.2 9.2 其他效果其他效果制作分析：制作分析：牛仔布文字效果运用了多种效果菜单，包括“纹理”、“内发光”“投影”“变换”“粗糙化”等等。同时该案例强调了“外观”面板的运用。通过外光面板添加填充和描边的效果。单击此处添加标题1运用“效果”菜单和“符号”面板，完成下列贺卡的制作。9.2 9.2 其他效果其他效果单击此处添加标题2运用“效果”菜单和“外观”面板，制作下列浮雕文字。9.2 9.2 其他效果其他效果单击此处添加标题9.3 9.3 透视网格工具透视网格工具透视网格工具可以制作透视的三维效果图，广泛运用在建筑设计、工业设计上。单击此处添加标题9.3 9.3 透视网格工具透视网格工具一、透视网格工具运用方法1建立透视网格：单击“透视网格工具”（Shift+P），绘图区将出现透视网格，默认情况下网格呈现两点透视状，如图9-128所示。图9-128 显示透视网格单击此处添加标题9.3 9.3 透视网格工具透视网格工具2调整透视网格：透视网格下方有三个圆形手柄，拖动手柄，可以调整网格的透视效果。如图9-129所示。3绘制透视图形：画面左上角出现立方体图标。单击立方体图标左边部分，选择左侧网格图标，光标显示为。此时绘制图形，呈现的是向左边消失点消失的透视关系，如图9-130所示。图9-129 拖动圆形手柄图9-130 左侧网格单击此处添加标题9.3 9.3 透视网格工具透视网格工具同样，在图标上单击右侧选择右侧网格，光标变为，此时绘制的图形显示的是向右边消失点消失的透视关系。如图9-131所示。图9-131 右侧网格4透视选区工具：“透视选区工具”（Shift+V）可以调整图形的透视效果，例如，移动图形，图形将按照透视规律变化。如图9-132所示，图形向后移动则向消失点缩小。图9-132“透视选区工具”移动图形单击此处添加标题9.3 9.3 透视网格工具透视网格工具同时，“透视选区工具”还可以通过调整定界框上的锚点使图形绘制更精确。如图9-133所示。图9-133 拖动定界框的锚点单击此处添加标题9.3 9.3 透视网格工具透视网格工具二、透视网格显示和隐藏1显示透视网格：显示透视网格不仅可以通过单击“透视网格工具”，同时还可以经过“视图”菜单来显示透视网格。执行“视图/透视网格”，如图9-134所示，在出现的菜单中选择需要的透视效果。如果选择“一点透视”，则在下一级菜单中出现“一点-正常视图”菜单，选择该菜单，绘图区中将出现一点透视视图网格。如图9-135所示。图9-134“视图/透视网格”菜单图9-135 一点透视网格单击此处添加标题9.3 9.3 透视网格工具透视网格工具2隐藏透视网格：选择“网格工具”，单击左上角图标上的隐藏网格。如图9-136所示。图9-136 隐藏透视网格单击此处添加标题9.3 9.3 透视网格工具透视网格工具三、透视网格预设通过透视网格的预设可以新建透视网格，通过更改参数，设定透视网格的显示外观。1执行“编辑/透视网格预设”，在出现的“透视网格预设”对话框中单击“新建”按钮。在出现的“透视网格预设选项（新建）”对话框中设定透视的类型、单位、缩放、网格间距、视角以及网格颜色等参数。如图9-137所示，设定类型为“三点透视”网格间距“30pt”等参数。单击“确定”后，“透视网格预设”对话框中将出现新建的“三点-正常视图-副本”，下方的“预设设置”中显示刚刚设定好的参数。如图9-138所示。单击此处添加标题图9-137 新建透视网格并设定参数图9-138 透视网格预设对话框9.3 9.3 透视网格工具透视网格工具9.3 9.3 透视网格工具透视网格工具单击此处添加标题2执行“视图/透视网格/三点透视/三点-正常视图-副本”命令，新建的三点透视网格呈现在绘图区。如图9-139所示。图9-1399.3 9.3 透视网格工具透视网格工具9.3 9.3 透视网格工具透视网格工具单击此处添加标题案例案例1简易建筑效果图简易建筑效果图透视网格运用透视网格运用图9-140 简易建筑效果图制作分析：制作分析：该简易建筑效果图是运用“矩形工具”结合“透视网格”工具进行绘制，通过“透视选区工具”进行调整，得到比较精确地透视效果。9.3 9.3 透视网格工具透视网格工具9.3 9.3 透视网格工具透视网格工具单击此处添加标题1运运用用“透透视视网网格格”工工具具，绘绘制制下下列列立立体图形效果。体图形效果。9.3 9.3 透视网格工具透视网格工具单击此处添加标题2运用运用“透视网格透视网格”工具绘制下列马路工具绘制下列马路9.3 9.3 透视网格工具透视网格工具单击此处添加标题总结：本章节讲解了效果菜单的应用和透视网格工具运用。创建3D效果通过对对象的凸出、绕转、旋转等设置使平面的图形三维化，同时，通过贴图、光源等设置使对象的三维效果更加美观、逼真。各种效果的运用丰富了图形的艺术效果。透视网格工具是运用二维的图形绘制，通过创建一点透视、二点透视、三点透视效果使图形呈现三维效果图。这些工具丰富了Illustrator绘制图形的功能。使得图形的呈现形式更加多样性。当然，由于篇幅有限，更多的效果没有展开讲解，需要学习者能够举一反三多家尝试更多的图形制作效果。9.3 9.3 透视网格工具透视网格工具