【知识识要点】 v 各种基本变形工具的使用 v 变形工具的使用及效果 v 封套变形命令的使用 第3章 图形的变形 3.1 图形的基本变形 从图3.1中我们可以看到，两只小鸟除了大小略有不同之外，形状是一样的；而以 中间的花朵为准，通过不同的变形产生了另外两朵花。可见在Illustrator CS中，根据设 计的需要对图形进行变形是常见的操作，主要有缩放、旋转、镜像和倾斜等。 常用工具有图形基本变形工具组，窗口菜 单下的“变换”（Transform）面板，对象菜 单下的“变换”子菜单等，分别如图3.2、图 3.3、图3.4所示。 图3.1 鸟语花香 图3.2 图形基本变形工具组 图3.3 窗口菜单下的“变换”面板 图3.4 对象变换下的子菜单 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所示，再在角度输入框输入60，图形变换 如图3.5（e）所示。 图3.5 图形的缩放和旋转变形 图3.6 “比例”对话框 图3.7 “旋转”对话框 3.1.2 图形的镜像 在设计对称的图形时，我们是先用钢笔制作一条曲线后，再用翻转的方法生成另一条曲 线。而在Illustrator CS变形图形工具中，有一个镜像工具 可以完成这种设计工作。 【实例1】完成图3.5（a）所示小鸟的镜像图形制作 。 （1）用直接选择工具选取小鸟图形，点击镜像工具。 （2）将光标在小鸟图形右边点击，出现一个基准点，如图3.8（a）所示。 （3）将光标放在小鸟图形上，向右边移动，出现一个虚的图像，如图3.8（b）所示。 （4）放开鼠标得图3.8（a）镜像图形，如图3.8（c）所示。 图3.8 镜像图形的制作 跟我学 还可以用以下两种方法制作镜像图形： （1）要在保持原图形的同时，得到一个镜像图形，可在上述步骤3的基 础上，按下“Alt”键，松开鼠标，即到到一个镜像图形。如图3.8（b）中的虚 图将变为实图。 （2）用直接选择工具选取小鸟图形后，双击镜像工具 ，将出现一个对话 框，如图3.9所示。如果直接单击“确定”按钮，将在原图位置上直接生成一个 镜像图形；如果单击“复制”按钮，则在原图位置复制一个镜像图形，如图3.10 所示。 知识拓展 图3.9 “反相”对话框 图3.10 用“复制”按钮生成的镜像图形 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 图形倾斜 3.1.4 图形的综合变形 要进行图形的上述变形，还可以使 用菜单栏 中的对象变换 分别变换 （ ObjectTransform Transform Each）命 令，在弹出的对话 框中进行设置，如 图3.13所示。 在对话 框中进行适当的设置可以对图 形进行移动、缩放、旋转或镜像等操作 。试用直接选取工具选择图 3.8（a）的 小鸟，按上述对话 框进行设置，若单 击“复制”按钮，看一看会产生什么新的 图形；而直接单击 “确定”按钮又会产生 什么变化？若改变图 中小黑点（图形的 基准点）的不同位置，新产生的图形位 置又有什么变化？请读 者试一试。 图3.13 “变换每个”对话框 3.2 图形的各种变形效果 要对图形进行变形，在Illustrator CS工具箱中，还提供了变形工 具组 ，从左至右分别为变形（弯曲）、扭转、挤压（折叠）、膨胀、 扇形扭曲、晶格化和折皱工具。而执行菜单栏中的滤镜扭曲（Filter Distort）下的命令，如图3.14所示；效果扭曲和变换（EffectDistort & Transform）下的命令，如图3.15所示。这些命令也可以对各种图形进 行变形。 图3.14 滤镜扭曲下的子菜单 图3.15 效果扭曲和变换下的子菜单 3.2.1 运用变形工具组 1变形工具 本工具 像一个手指，可以在选定的图形上用涂抹的方式进行变形处理。选定变形 工具后，光标是一个空的圆形，将其放在图3.16（a）上，效果如图3.16（b）所示，对 图形进行多次涂抹，效果如图3.16（c）所示，其效果是不是更具有卡通画的味道？从 而可知变形工具能使图形随着鼠标拖曳的方向自由变形。 2扭转工具 选定扭转工具 ，将光标放在图3.16（a）中间的半圆图形上，单击鼠标一至二次， 效果如图3.17（a）所示；再将光标放在边缘的光芒上，分别对点击数次，效果如图 3.17（b）所示，具有抽象画的风格。从变形后的图形可看出，扭转工具能使被单击部 分的图形呈旋涡形状，而单击后同时拖曳又会产生更加特殊形状的图形效果。 图3.16 弯曲变形图3.17 扭转变形 3折叠工具 选定折叠工具 ，将光标如图 3.18（a）所示放置，单击鼠标后效 果如图3.18（b）所示，中间的半圆 被挤压（折叠），可见该工具能使 图形产生向单击点收缩的效果。 4膨胀工具 如图3.19（a）所示，要使图中 的圆孔作膨胀变形，可选取膨胀工 具 后将光标按如图3.19（b）所示 放置，单击鼠标，中心孔膨胀如图 3.19（c）所示。可见膨胀工具能使 图形随单击点或拖曳方向呈膨胀效 果。 图3.18 挤压（折叠）变形 图3.19 膨胀变形 5扇形扭曲工具 选取扇形扭曲工具 后将光标按如图 3.20（a）所示放置，单击鼠标并适当拖 曳，原图变成图3.20（b）所示，可见该 工具能使图形从轮廓处向内收缩变形。若 多单击对象，则收缩更加激烈。图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 树叶边缘的皱状变形 7折皱工具 选取折皱工具 后将光标按如图3.24（a）所示 放置，多次单击鼠标，原图变成如图3.24（b）所 示，可见该工具能使图形轮廓产生波浪状的变形 。若按住鼠标左键不放，并上下拖曳，则效果如 图3.24（c）所示，图形变化更大。而对图3.23（a ）进行折皱处理后，图形产生局部碎化变形，产 生效果如图3.25所示。 应用上述前四项工具，还可以双击它们，得到 同种类型的对话框。如图3.26所示是“变形工具选 项”对话框。而后三项工具，双击它们也可以得到 一个同一种类型的对话框。如图3.27所示是“晶格 工具选项”对话框。 图3.27 “晶格工具选项”对话框 图3.26 “变形工具选项”对话框 图3.24 折皱变形 图3.25 局部碎化 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；而对图3.28（a ）执行分别变换命令后，同理选择一样的参数， 得出如图3.28（c）所示图形，但这时路径随着图 形的变换也跟着改变，路径和图形重合。 图3.28 执行“变换”后的效果与“分别变换”后的效果比较 图3.29 “变换效果”对话框 2锯齿（Zigzag） 选择图3.28（a），执行锯齿命令，出现对 话框，如图3.30所示。 对话框中的变形参数： 大小（Size）：表示锯齿的大小程度，数 值越大锯齿越明显。 各区间的脊线（Ridges per segment）：每 英寸上突起的节点数目，即锯齿数量的多少 。 平滑/尖角（Smooth/Cormer）：形成圆滑 或尖角的锯齿状的效果。 点（Points）：有平滑和尖角两个单选项目 。 选择大小为10、各区间的脊线为5，按确定 后则图3.31即为分别选取平滑和尖角后的效 果。可见锯齿命令能使选取对象的边缘波浪 化或锯齿化，形成锯齿效果。 图3.31 “锯齿”后的效果 图3.30 “锯齿”对话框 3缩拢和膨胀（Pucker & Bloat） 【实例3】制作一个圆形图案的内陷或膨胀的变形。 （1）随意制作一个圆形图案，如图3.34（a）所示，并选取该图形。 （2）执行效果扭曲和变换缩拢和膨胀命令，在弹出的对话框中的文 字框中填写50和80。 （3）查看圆形图案的变化，分别如图3.34（b）和图3.34（c）所示， 这时的凹陷和膨胀是不是非常明显。 图3.32 “缩拢和膨胀”对话框 图3.33 内陷或膨胀的效果 选择图3.28（a），执行缩拢和膨胀命令，弹出对话框，如图3.32所示。在文本框中输入 一个负数或正数，本图输入28或28，将得到如图3.33所示的变形图。可见本命令将使选取的 对象发生变形，形成内凹陷或向外膨胀效果。内陷膨胀文本框中的数值范围为200%200% ，绝对数值越大，变形越剧烈。 跟我学 图3.34 圆形图案内陷或膨胀的效果 4涂抹和扭曲（Scribble & Tweak） 选择图3.28（a），执行涂抹和扭曲命令，弹出对话框，如图3.35所示。 图中参数的含义如下： 水平/垂直（Horizontal/Vertical）：水平和或垂直方向上的变形程度。 锚点（Anchor Points）：表示变形时可以移动节点，不选择则节点为固定。 “向内”控制点：控制节点向路径内部移动。 “向外”控制点：控制节点向路径外部移动。 若选择水平和垂直为15，再分别设置锚点配上“向内”或“向外”控制点，效 果如图3.36所示。可见本命令将使选取的对象形态发生不规则的变形。 图3.36 涂抹和扭曲的效果 图3.35 “涂抹和扭曲”对话框 5旋涡（Twist） 选择图3.37（a），执行旋涡命令，将弹出对话框，如图3.38所示。图中角度 为扭转角度，输入正值为顺时针方向旋转、负值为逆时针方向旋转。在“旋涡”对 话框中输入60，则出现如图3.37（b）所示的变形图形。 而图3.39（a）和图3.39（b）则是对图3.28（a）进行旋涡变形的效果，这时 分别输入角度为120和120。可见旋涡变形命令可使选定的对象产生旋转扭曲 的变形效果。 图3.37 旋转变形 图3.38 “旋转涡”对话框 6自由扭曲（Free Distort） 选择图3.28（a），执行自由扭曲命令，将弹出对话框，如图3.4