中文Illustrator教程-(2)

1、2020/7/24,1,【知识要点】,各种基本变形工具的使用 变形工具的使用及效果 封套变形命令的使用,第3章 图形的变形,2020/7/24,2,3.1 图形的基本变形,从图3.1中我们可以看到，两只小鸟除了大小略有不同之外，形状是一样的；而以中间的花朵为准，通过不同的变形产生了另外两朵花。可见在Illustrator CS中，根据设计的需要对图形进行变形是常见的操作，主要有缩放、旋转、镜像和倾斜等。,常用工具有图形基本变形工具组，窗口菜单下的“变换”（Transform）面板，对象菜单下的“变换”子菜单等，分别如图3.2、图3.3、图3.4所示。,图3.1 鸟语花香,图3.2 图形基本变形

2、工具组,图3.3 窗口菜单下的“变换”面板,图3.4 对象变换下的子菜单,2020/7/24,3,3.1.1 图形的缩放和旋转,在第1章中我们已经知道用直接选取工具选取后，可以对图形进行缩放和旋转，如图3.5（b）和图3.5（c）就是对图3.5（a）的变形，但这种缩放和旋转都不够精确。 要使图形进行精确地缩放或旋转，可用对象变换子菜单下的缩放和旋转命令。在图3.4中选择缩放命令，打开比例对话框如图3.6所示，在比例输入框中输入不同的数字，图形将精确缩放。如选取图3.5（a）图形，输入数字60，则缩小的图形如图3.5（d）所示。同理，在上述子菜单中选择旋转命令，将打开“旋转”对话框，如图3.7所

3、示，再在角度输入框输入60，图形变换如图3.5（e）所示。,图3.5 图形的缩放和旋转变形,图3.6 “比例”对话框,图3.7 “旋转”对话框,2020/7/24,4,3.1.2 图形的镜像,在设计对称的图形时，我们是先用钢笔制作一条曲线后，再用翻转的方法生成另一条曲线。而在Illustrator CS变形图形工具中，有一个镜像工具 可以完成这种设计工作。 【实例1】完成图3.5（a）所示小鸟的镜像图形制作 。 （1）用直接选择工具选取小鸟图形，点击镜像工具。 （2）将光标在小鸟图形右边点击，出现一个基准点，如图3.8（a）所示。 （3）将光标放在小鸟图形上，向右边移动，出现一个虚的图像，如图

4、3.8（b）所示。 （4）放开鼠标得图3.8（a）镜像图形，如图3.8（c）所示。,图3.8 镜像图形的制作,跟我学,2020/7/24,5,还可以用以下两种方法制作镜像图形： （1）要在保持原图形的同时，得到一个镜像图形，可在上述步骤3的基础上，按下“Alt”键，松开鼠标，即到到一个镜像图形。如图3.8（b）中的虚图将变为实图。 （2）用直接选择工具选取小鸟图形后，双击镜像工具 ，将出现一个对话框，如图3.9所示。如果直接单击“确定”按钮，将在原图位置上直接生成一个镜像图形；如果单击“复制”按钮，则在原图位置复制一个镜像图形，如图3.10所示。,知识拓展,图3.9 “反相”对话框,图3.10

5、 用“复制”按钮生成的镜像图形,2020/7/24,6,3.1.3 图形的倾斜,通过图3.1，我们可以截取如图3.11所示的两朵花，其中图3.11（b）是图3.11（a）的变形，这种变形可以应用倾斜工具 来实现。 【实例2】根据图3.12（a）来完成图3.12（d）所示图形的制作。 （1）用直接选择工具选取图3.12（a），点击倾斜工具，在图形上出现一个基准点。 （2）将光标放在人头的图形上，向右边移动，出现一个虚的图像，如图3.12（c）所示。 （3）放开鼠标得图3.12（d）所示的倾斜图形。,跟我学,(a） （b） （c） （d）,（a） （b）,图3.11 花的变形,图3.12 图形倾斜

6、,2020/7/24,7,3.1.4 图形的综合变形,要进行图形的上述变形，还可以使用菜单栏中的对象变换分别变换（ObjectTransform Transform Each）命令，在弹出的对话框中进行设置，如图3.13所示。 在对话框中进行适当的设置可以对图形进行移动、缩放、旋转或镜像等操作。试用直接选取工具选择图3.8（a）的小鸟，按上述对话框进行设置，若单击“复制”按钮，看一看会产生什么新的图形；而直接单击“确定”按钮又会产生什么变化？若改变图中小黑点（图形的基准点）的不同位置，新产生的图形位置又有什么变化？请读者试一试。,图3.13 “变换每个”对话框,2020/7/24,8,3.2

7、图形的各种变形效果,要对图形进行变形，在Illustrator CS工具箱中，还提供了变形工具组 ，从左至右分别为变形（弯曲）、扭转、挤压（折叠）、膨胀、扇形扭曲、晶格化和折皱工具。而执行菜单栏中的滤镜扭曲（Filter Distort）下的命令，如图3.14所示；效果扭曲和变换（EffectDistort & Transform）下的命令，如图3.15所示。这些命令也可以对各种图形进行变形。,图3.14 滤镜扭曲下的子菜单,图3.15 效果扭曲和变换下的子菜单,2020/7/24,9,3.2.1 运用变形工具组,1变形工具 本工具 像一个手指，可以在选定的图形上用涂抹的方式进行变形处理。选定

8、变形工具后，光标是一个空的圆形，将其放在图3.16（a）上，效果如图3.16（b）所示，对图形进行多次涂抹，效果如图3.16（c）所示，其效果是不是更具有卡通画的味道？从而可知变形工具能使图形随着鼠标拖曳的方向自由变形。 2扭转工具 选定扭转工具 ，将光标放在图3.16（a）中间的半圆图形上，单击鼠标一至二次，效果如图3.17（a）所示；再将光标放在边缘的光芒上，分别对点击数次，效果如图3.17（b）所示，具有抽象画的风格。从变形后的图形可看出，扭转工具能使被单击部分的图形呈旋涡形状，而单击后同时拖曳又会产生更加特殊形状的图形效果。,图3.16 弯曲变形,图3.17 扭转变形,2020/7/2

9、4,10,3折叠工具 选定折叠工具 ，将光标如图3.18（a）所示放置，单击鼠标后效果如图3.18（b）所示，中间的半圆被挤压（折叠），可见该工具能使图形产生向单击点收缩的效果。 4膨胀工具 如图3.19（a）所示，要使图中的圆孔作膨胀变形，可选取膨胀工具 后将光标按如图3.19（b）所示放置，单击鼠标，中心孔膨胀如图3.19（c）所示。可见膨胀工具能使图形随单击点或拖曳方向呈膨胀效果。,图3.18 挤压（折叠）变形,图3.19 膨胀变形,2020/7/24,11,5扇形扭曲工具 选取扇形扭曲工具 后将光标按如图3.20（a）所示放置，单击鼠标并适当拖曳，原图变成图3.20（b）所示，可见该工

10、具能使图形从轮廓处向内收缩变形。若多单击对象，则收缩更加激烈。图3.21（a）是一片树叶，使用扇形工具点击树叶边缘，效果如图3.21（b）所示，产生小的皱状变形，使所绘制的树叶更加形象化。 6晶格工具 选取晶格工具 后将光标按如图3.20（a）所示放置，单击鼠标，原图变成图3.22所示，可见该工具能使图形从轮廓处向外扩展变形。用本工具对图3.23（a）树叶进行处理，将使图形产生一些的尖角和突起，如图3.23（b）所示。,图3.22 扩展变形,图3.23 尖角和突起,图3.20 收缩变形,图3.21 树叶边缘的皱状变形,2020/7/24,12,7折皱工具 选取折皱工具 后将光标按如图3.24（

11、a）所示放置，多次单击鼠标，原图变成如图3.24（b）所示，可见该工具能使图形轮廓产生波浪状的变形。若按住鼠标左键不放，并上下拖曳，则效果如图3.24（c）所示，图形变化更大。而对图3.23（a）进行折皱处理后，图形产生局部碎化变形，产生效果如图3.25所示。 应用上述前四项工具，还可以双击它们，得到同种类型的对话框。如图3.26所示是“变形工具选项”对话框。而后三项工具，双击它们也可以得到一个同一种类型的对话框。如图3.27所示是“晶格工具选项”对话框。,图3.27 “晶格工具选项”对话框,图3.26 “变形工具选项”对话框,图3.24 折皱变形,图3.25 局部碎化,2020/7/24,1

12、3,3.2.2 应用菜单下的各种变形命令,从图3.14和图3.15可看出，两个菜单中的命令都非常相似，但它们却有本质的区别。让我们先了解效果扭曲和变换（EffectDistort & Transform）下的命令效果，最后再来分析两个菜单的不同点。 1变换（Transform） 选择图3.28（a），执行效果扭曲和变换变换命令，出现如图3.29所示的对话框，勾选“反射（X）”框，按确定后出现如图3.28（b）所示图形。从图3.28（b）中可以看出，图形在方向、位置上发生了变化，但原有的路径没有改变（图中虚线部分）。 图3.29对话框和执行对象变换分别变换命令后得到的对话框一样，见图3.13；而

13、对图3.28（a）执行分别变换命令后，同理选择一样的参数，得出如图3.28（c）所示图形，但这时路径随着图形的变换也跟着改变，路径和图形重合。,图3.28 执行“变换”后的效果与“分别变换”后的效果比较,图3.29 “变换效果”对话框,2020/7/24,14,2锯齿（Zigzag）,选择图3.28（a），执行锯齿命令，出现对话框，如图3.30所示。 对话框中的变形参数： 大小（Size）：表示锯齿的大小程度，数值越大锯齿越明显。 各区间的脊线（Ridges per segment）：每英寸上突起的节点数目，即锯齿数量的多少。 平滑/尖角（Smooth/Cormer）：形成圆滑或尖角的锯齿状的

14、效果。 点（Points）：有平滑和尖角两个单选项目。 选择大小为10、各区间的脊线为5，按确定后则图3.31即为分别选取平滑和尖角后的效果。可见锯齿命令能使选取对象的边缘波浪化或锯齿化，形成锯齿效果。,图3.31 “锯齿”后的效果,图3.30 “锯齿”对话框,2020/7/24,15,3缩拢和膨胀（Pucker & Bloat）,【实例3】制作一个圆形图案的内陷或膨胀的变形。 （1）随意制作一个圆形图案，如图3.34（a）所示，并选取该图形。 （2）执行效果扭曲和变换缩拢和膨胀命令，在弹出的对话框中的文字框中填写50和80。 （3）查看圆形图案的变化，分别如图3.34（b）和图3.34（c）

15、所示，这时的凹陷和膨胀是不是非常明显。,图3.32 “缩拢和膨胀”对话框,图3.33 内陷或膨胀的效果,选择图3.28（a），执行缩拢和膨胀命令，弹出对话框，如图3.32所示。在文本框中输入一个负数或正数，本图输入28或28，将得到如图3.33所示的变形图。可见本命令将使选取的对象发生变形，形成内凹陷或向外膨胀效果。内陷膨胀文本框中的数值范围为200%200%，绝对数值越大，变形越剧烈。,跟我学,图3.34 圆形图案内陷或膨胀的效果,2020/7/24,16,4涂抹和扭曲（Scribble & Tweak）,选择图3.28（a），执行涂抹和扭曲命令，弹出对话框，如图3.35所示。 图中参数的含

16、义如下： 水平/垂直（Horizontal/Vertical）：水平和或垂直方向上的变形程度。 锚点（Anchor Points）：表示变形时可以移动节点，不选择则节点为固定。 “向内”控制点：控制节点向路径内部移动。 “向外”控制点：控制节点向路径外部移动。 若选择水平和垂直为15，再分别设置锚点配上“向内”或“向外”控制点，效果如图3.36所示。可见本命令将使选取的对象形态发生不规则的变形。,图3.36 涂抹和扭曲的效果,图3.35 “涂抹和扭曲”对话框,2020/7/24,17,5旋涡（Twist）,选择图3.37（a），执行旋涡命令，将弹出对话框，如图3.38所示。图中角度为扭转角度，

17、输入正值为顺时针方向旋转、负值为逆时针方向旋转。在“旋涡”对话框中输入60，则出现如图3.37（b）所示的变形图形。 而图3.39（a）和图3.39（b）则是对图3.28（a）进行旋涡变形的效果，这时分别输入角度为120和120。可见旋涡变形命令可使选定的对象产生旋转扭曲的变形效果。,图3.37 旋转变形,图3.38 “旋转涡”对话框,2020/7/24,18,6自由扭曲（Free Distort）,选择图3.28（a），执行自由扭曲命令，将弹出对话框，如图3.40所示。这时可以任意拖动四个角的控制点对对象进行自由变形，如图3.41所示。变形后的效果如图3.42所示。 上述变形是对单个对象而言

18、，实际自由扭曲变形命令可以同时对数个对象进行变形操作。,图3.39 蜗牛的旋转变形,图3.40 “自由扭曲”对话框,图3.41 控制点的移动,图3.42 自由扭曲变形效果,2020/7/24,19,自由扭曲实例,【实例4】根据图3.43作一个整体自由扭曲变形。 （1）用直接选取工具选取图3.43，执行对象群组命令。 （2）执行效果扭曲和变换缩拢和膨胀命令，在弹出的对话框中对控制点进行适当地拖动，如图3.44所示。 （3）对象组变形效果如图3.45所示。,图3.43 房屋、树木图案,图3.44 “自由扭曲”对话框,图3.45 自由扭曲后的效果,2020/7/24,20,7蜿蜒效果（Roughen

19、）,蜿蜒效果又称为粗糙效果，能使对象图形粗糙变形。选择图3.28（a），执行蜿蜒效果命令，弹出对话框，如图3.46所示，按对话框中参数设置，按确定键后效果如图3.47所示。,图3.46 “蜿蜒效果”对话框,图3.47 图形的蜿蜒变形效果,2020/7/24,21,上面介绍了效果扭曲和变换中的各种命令，滤镜扭曲（Filter Distort）下的命令操作也非常相似，但它们却有本质上的不同。 （1）通过效果扭曲和变换七个命令的操作，读者可以看到变形后的对象外观属性变化了，但原来的路径、结构和节点并未发生变化。如选择经过自由扭曲后的图3.42，其原来结构可从图3.48（a）中看出，未有变化。同理可以

20、操作滤镜扭曲自由扭曲命令，选择变换后的结构如图3.48（b）所示，已经看不出原来的结构、路径。 （2）执行效果扭曲和变换七个命令操作后，得到的变化图形，这种变化图形是可以恢复到原来图形的。例如，针对图3.48（a），你可以打开窗口菜单下的外观浮动面板，如图3.49（a）所示。单击“清除外观”按钮，随时可以恢复到原来的图3.28（a）图形。而执行滤镜扭曲自由扭曲命令变换后的图3.48（b），其“外观”浮动面板如图3.49（b）所示，它的“清除外观”按钮不可操作，说明无法恢复原图。,图3.49 效果和滤镜下自由扭曲变换图形后的“外观”浮动面板,图3.48 效果和滤镜下自由扭曲图形后的比较,知识拓展

21、,（a） （b）,（a） （b）,2020/7/24,22,3.3 封套变形,所谓的封套变形，实际就是将所选择的对象放入一个容器内，对象随着容器的形状不同而产生变形。打开对象（Object）菜单，将鼠标指向封套扭曲（Envelope Distort）子菜单，该子菜单下的命令如图3.50所示。从图中可以看到Illustrator CS提供了三种不同的来源建立封套：创建弯曲（Make with Warp）、从网格创建（Make with Mesh）和从顶部对象创建（Make with Top）。,图3.50 封套扭曲下的各种命令,2020/7/24,23,3.3.1 创建固定封套,Illustra

22、tor CS为用户提供了许多固定的封套类型。如选取图3.51，执行对象封套扭曲创建弯曲命令，出现的对话框如图3.52所示。对话框中各有关参数意义如下。 类型（Style）：各种固定封套，如图3.53所示，计有16种。 水平/垂直（Horizontal/Vertical）：确定是水平还是垂直方向的封套变形。 弯曲（Bend）：设定弯曲程度。 变形（Distortion）：设置变形程度，分为水平和垂直两种。 水平（Horizontal）：设置水平方向的变形程度。 垂直（Vertical）：设置垂直方向的变形程度。 如在类型中分别选择“旗形”或“拱形”，水平设定，弯曲程度定为50，单击“确定”按钮后

23、，则图3.51的平面报纸变形如图3.54所示。,图3.51 报纸,图3.53 各种固定封套类型,图3.54 报纸的封套变形,2020/7/24,24,又如图3.55所示汽车图形，分别作“扇形”和“上升”封套变形，则如图3.56所示。从这些图形可以看出汽车随着“扇形”或“上升”这些容器的形状而变形，图中带节点的实线即为封套。,图3.55 汽车,图3.56 汽车的封套变形,（a）扇形 （b）上升,2020/7/24,25,3.3.2 创建网格封套,选取图3.58（a），执行对象封套扭曲从网格创建命令，出现的对话框如图3.57所示，按对话框中选取行3、列4，按确定键后创建出如图3.58（b）所示网格。 用工具箱中的网格工具 在A、B、C三个位置添加三条网格线，分别对有关节点拖曳，如图3.58（c）所示，可以创建出如图3.58（d）所示的效果变化图。,图3.57 “封套网格”对话框,图3.58