平面设计教程 广告设计欣赏包装设计欣赏标志设计欣赏VI设计欣赏室内设计效果图平面设计作品封面设计欣赏
设计作品

Illustrator 10变形工具详解|平面设计教程,PS教程,3D教程

设计设计 您的位置:设计首页>平面设计教程>正文
Illustrator 10变形工具详解



  我们在用Illustrator做平面设计的时候,除了经常用到贝塞尔曲线造型之外,也常常会用各种各样的变形工具对基本图形进行变形造型。Illustrator 10中的变形方法有很多,初学者常常会感觉有些云里雾里,特别是Filter 和 Effect菜单下那些极为相似的变形菜单。下面我们就对它们来一个彻底的了解。

  Illustrator 10中的变形工具有:

  1、工具箱中的自由变形工具,包括Illustrator 10新增的液化工具组;
  2、Transform 面板;
  3、Object菜单下的 Transform子菜单;
  4、Filter 菜单下的 Distort子菜单;
  5、Effect菜单下的 Distort & Transform 子菜单等。

  









  第一部分 一般对象变形操作

  介绍最基本最常用的旋转、缩放、镜像、倾斜等变形操作,涉及工具箱中的自由变形工具、Object菜单下的 Transform子菜单、Transform 面板。  >>>详细内容

  第二部分:液化工具

  系统介绍Illustrator 10新增的液化工具组,让你体验妙不可言的变形魔术。  >>>详细内容

  第三部分:Distort变形

  Filter菜单下 Distort 系列命令和 Effect 菜单下Distort &Transform系列都可以进行功能强大形式多样的变形操作,它们之间的差别你是否明白?  >>>详细内容

  本文大致介绍了Illustrator 10中的一些变形方法,大家可以按自己的需要综合使用、灵活应用。独特的构思和丰富的想象力是设计工作中必要的素质,同时扎实的基本功更不可或缺,除了不断地练习实践和思考外别无捷径可走。

 第一部分 一般对象变形操作

  Illustrator 10中的对象常见变形操作有:旋转、缩放、镜像、倾斜等,可用的途径有:

  1. 利用对象本身的边界框和控制手柄,这种方式比较直观方便。(请参阅《Illustrator 黑白箭头完全剖析》)
  2. 利用工具箱中的专用变形工具,如旋转工具,镜像工具等。可以进行变形参数的相关设置
  3. 利用Transform面板进行精确的基本变形操作。
  4. 选择对象,利用Object->Transform菜单或者用右键菜单。

  下面介绍一般对象变形操作,并适当穿插一些体会和技巧。

  一.旋转

  对象旋转要有一个固定点,一般称其为原点。默认原点是对象的中心点,当然也可改变原点位置。原点及其它具体如图1。利用旋转工具或对话框,还可以在旋转时复制对象。


  1、利用控制手柄旋转:

  选择对象,将光标移动到对象的控制手柄上,光标变为图1中弯曲双箭头形状时,可拖动以进行旋转。

  2、利用旋转工具:

  选择对象,按R切换到旋转工具,单击以确定原点(如果不单击则以对象中心为原点),拖动光标使对象绕原点转动。
  要进行精确旋转,执行Object->Rotate或者双击旋转工具打开对话框进行设置。如图2。



  要在旋转时复制对象,单击“Copy”按钮。要执行多次旋转复制,执行Object->Transform-> Transform Again 或不断按Ctrl+D。

  当操作对象内部有填充图案时,Object 和Patterns选项分别决定对两者之一或两者同时进行旋转。选中“Preview”可以预览旋转结果。如图3是同时选中Object 和Patterns选项,旋转并复制的结果。可以看出填充图案也跟着旋转了。

  3、用自由变形工具旋转

  按E切换到自由变形工具,其余操作和利用控制手柄旋转基本相同。

  技巧及其它:

  旋转时按住Shift,可将旋转角度限制为45度的倍数;用旋转工具时,旋转的同时按住Alt可复制对象。根据个人尝试,用控制手柄和自由变形工具旋转时按Alt并不能复制对象。
  如果要在拖动旋转时使旋转角度增量小一些,可以在距离对象较远处拖动操作。
  当然还可以用Transform面板进行精确的旋转,后面将集中介绍。

 二.放缩

  可以在水平或垂直方向放大和缩小对象,也能在两个方向上对对象整体缩放。默认情况下的原点是对象中心点。

  1.用边界框放缩

  首先要选择对象,并保证其边界框已经显示。光标变为双向箭头时,拖动边界框上的控制手柄即可进行缩放。如图4。也可单独沿水平或垂直方向放缩。



  2.用放缩工具

  选择对象并拖动即可放缩(注意光标变化),单击以确定放缩原点,以原点为固定点进行放缩,离原点越远,缩放程度越大。在新位置上双击可确定新原点。

  3.用对话框精确放缩

  双击缩放工具或执行Object->Transform-> Scale...打开对话框进行设置。

  Uniform(等比):可在Scale文本框中输入等比缩放比例。
  Non- Uniform(不等比):输入水平和垂直方向上的比例进行缩放。
  Scale Strokes &Effect:选中此项,笔画宽度也随对象大小比例改变而进行缩放。
  Copy:单击以在缩放时进行复制。
  Preview:进行效果预览。
  若有填充图案,则可选择是否一并对其缩放,这一点在原理上和旋转操作基本一样。

  4. 用自由变形工具

  选择对象,切换到自由变形工具, 其余操作同用边界框放缩基本相同。

  技巧及其它

  缩放时按Shift可进行等比缩放;按住Alt可从中心缩放;同时按住Alt和Shift可从中心进行等比缩放。用放缩工具时先进行放缩再按住Alt可复制对象。也可以用Transform面板进行精确的缩放。

三.镜像

  可对所选对象按照指定的轴进行镜像操作。

  1.使用镜像工具

  选择对象(可选择多个),按O切换到镜像工具,单击确定镜像原点(如果不单击则默认为中心点),围绕镜像原点单击拖动,此时显示镜像操作的预览图形,释放鼠标可完成操作。如图5。


  2.使用对话框

  双击镜像工具或执行Object->Transform->Reflect...打开对话框进行设置。
  可选择沿水平或垂直轴生成镜像,在Angle中输入角度,则沿着此倾斜角度的轴进行镜像。
  同样可以根据对象填充状态设置Object 和Patterns选项,以决定是否对填充图案进行旋转。

  3.使用自由变换工具

  选择一个或多个对象,用自由变换工具拖动边界框上的控制手柄拖过反方向的边或者控制手柄,达到要求时释放鼠标即可完成操作。

  四.倾斜

  可以使选择的对象进行倾斜,倾斜也要指定原点。不能用边界框和控制手柄进行倾斜操作。

  1.使用倾斜工具

  选择对象后,用倾斜工具单击确定原点,拖动对象进行倾斜操作,可按Alt在倾斜时进行复制。按住Shift键可使对象在水平和垂直两个方向上倾斜。如图6。


  2.使用对话框

  双击倾斜工具或执行Object->Transform->Shear...打开对话框进行设置。
  在Shear Angle文本框中输入倾斜角度数,可以选择沿水平,垂直轴或倾斜某一角度的轴进行倾斜操作。

  3.使用自由变形工具

  用自由变形工具按住对象上的控制手柄不放,同时按住Ctrl键(请注意光标变化),拖动控制手柄可进行倾斜操作。

  4.制作透视

  先选择对象,再用自由变形工具按住对象上的控制手柄不放(注意按住不同的控制手柄其透视结果是不同的),再同时按下Shift+Ctrl+Alt,拖动控制手柄即可完成一种透视效果。如图7。(因为抓图时也要按一些快捷键,导致很难捕获正在调整透视效果的图,在此只好用完成透视后的效果)

五.Transform面板

  选择对象后,Transform面板会显示其大小位置倾斜角度等信息,可输入新数值进行变换。要注意数值是针对对象边界框而言。单击面板左侧代表边界框的方框上的手柄,可指定相应的操作参考点。

  要移动,在X,Y文本框中输入数值;要改变宽度和高度,在W,H文本框中输入数值;要倾斜或旋转,在图8中所示的倾斜和旋转文本框中输入数值。输入数值后按回车即可完成相应操作。



  单击面板右上方的三角,会有相应的下拉菜单命令,具体含义可参考以上各部分变形操作对话框中的相应选项,在此不再赘述。

六.Object菜单

  选择对象,利用Object->菜单下系列变形操作命令,或者用右键菜单中的Transform系列,也可打开相应的对话框进行变形,其选项和方法和用各种变形工具的应用是一样的,这里不再赘述。

  如果需要重复执行上一次的变形操作,执行Object->Transform-> Transform Again。要变形并同时复制多个对象的情况下,可用此命令的快捷键Ctrl+D

  对于选择的每一个对象,执行Object->Transform-> Transform Each可按设置进行分别变换。在Scale下设置对象的缩放;确定对象移动的位置;设置对象旋转角度;选择Reflect X 和Reflect Y可使变换后的对象沿着X,Y轴进行反射。选择Random可进行随机变换。如图9是一群组对象执行分别变换后的结果。从中可见,各个对象的角度,大小和位置等都发生了变化。



  总之,旋转、缩放、镜像、倾斜等等变形操作,是最常见也是应用比较广泛的,应该算是基本功,更多的技巧还要通过不断的和练习才能真正掌握。

第二部分:液化工具

  一.Liquify效果概述

  不知大家是否对Photoshop新版本中Liquify(液化)工具有所印象,现在矢量软件Illustrator 10中也有了,让我们一睹其芳容吧。如图10。

 

 Illustrator 10新增七个Liquify工具,令文字、图像和其它对象的交互变形变得轻松。这些工具的使用和Photoshop中的手指涂抹工具有些相像,不同的是,Photoshop的手指涂抹工具得到的结果是颜色的延伸,而液化工具可以得到从扭曲到夸张的变形,是对矢量图形的改变。

  进行液化变形操作之前,了解Liquify工具组应用对象范围是很有必要的。

  二.Liquify工具组应用对象范围

  根据个人初步尝试,Liquify工具组可应用对象如下:

  * 绘图工具绘制的各种路径:包括填充/未填充颜色的封闭路径,填充/未填充颜色的开放路径,应用了渐变填充的路径,使用网格渐变(Mesh)的路径对象。当然还有新增绘图工具中的眩光对象。
  * 应用了Blend的混合对象。
  * 应用了笔刷(Brush)和样式(Styles)的对象。
  * 应用了封套变形的路径,文本和图形等(关于封套变形可应用的对象范围见后面的“封套变形”一节)
  * 光栅图象,如JPG,,TIFF等图形格式。
  * 文本(包括文本和其它对象的群组)不能直接应用液化效果,否则会弹出对话框警告。必须先将文本转化成曲线(Convert to Outline)。但是对文本应用封套后,可以直接应用液化效果。
  * 喷洒的符号不能直接应用液化效果,否则会弹出对话框警告。对于符号需先将其断开链接(Break link to Symbols),将符号转化为独立的矢量图形对象。

  Liquify工具组不能应用的对象有:

  * 对于应用了Wrap效果的对象,也不能直接应用液化效果。
  * 图表对象不能应用液化效果。

  三.Liquify工具组基本设置

  Liquify工具组主要对矢量图形应用以各种变形效果,下面将作简单介绍。双击工具组中每种工具,都弹出相应选项对话框,如图11。大部分的选项和参数是相同或相近的,只需对参数值进行调节。常见参数设置如下:




  (在操作时光标显示为一空心圆,其大小即为变形工具作用区域大小,相当于一个起液化作用的“笔刷”)
  在Global Brush Dimensions 选项下:
  Width/Height:“笔刷”的大小
  Angle: “笔刷”的角度
  Intensity:“笔刷”的强度
  如果安装了压感笔,则“Use Pressure Pen”选项可用。
  在Pucker Options选项下:
  Detail:变形细节。对控制对变形细节的处理。数值越大处理结果越细腻,数值越小处理结果越粗糙。
  Simplify:简化程度。变形过程中产生大量节点,可按照此处的设定对节点进行简化,以减少对象的复杂程度。
  Show Brush Size:显示“笔刷”大小

 四.Liquify工具组变形效果

  Warp Tool:

  用手指涂抹方式对矢量线条作改变,还可以对置入的位图图象进行变形更改,得到有趣效果,如图12。矢量位图皆可用,变形工具真是行!


  Twirl Tool和Pucker Tool:

  分别对图形做旋转扭曲变形,挤压变形,如图13。作相关设置后,可以旋转扭曲,挤压扭曲图象,作用区域和力度由预设决定。


  Bloat Tool和Scallop Tool:

  扩张膨胀变形和产生细小的褶皱状的曲线变形。如图14。

  Crystallize Tool和Wrinkle Tool:

  产生细小尖角和凸起,产生局部碎化变形效果。具体效果可以自己尝试。

  以上工具效果不同,基本使用方法是相同的:选相应工具后,最好设置其相关参数,在欲变形的对象上拖动即可。
  总的来说,Liquify是一组强有力的变形工具,用好了就会做出精彩非凡的效果,不过要下功夫研究探索。
  除了对象的一般变形和利用Liquify工具,在Illustrator 10中,经典的变形方法莫过于滤镜菜单了。

 第三部分:Distort变形

  Filter菜单下 Distort 系列命令和 Effect 菜单下Distort &Transform系列都可以进行功能强大形式多样的变形操作。如图。





  仔细观察,我们会发现两者菜单命令竟然出奇的相似,难道ADOBE公司搞错了吗?其实,虽然命令相同,本质上却有区别。具体异同如下:

  1. Filter菜单下 Distort 系列命令直接对对象本身进行操作,对象的形状和节点等将在操作后发生变化。这种变化是不可恢复的――如果存盘并关闭文件,下次打开,将无法恢复到使用Distort 系列命令前的初始状态。

  2. Effect 菜单下Distort &Transform系列命令进行变形时,对象本身结构并未发生变化,也不影响到节点,只是对象外观属性改变,并且所作的变形操作将一一记录在Appearance外观面板中。如图16。

  打一个简单的比方,好比产品和包装,包装可变,产品本身质量不变。对于Distort &Transform变形命令而言,只是给“产品”(对象)换了“包装”(外观)而已。这样利用外观面板可以方便的复制、移动、删除外观,而且,所做变形操作是可以恢复的,即存盘后关闭文件,下次打开,仍可使对象恢复到变形操作前的初始状态。

  3. Distort 系列命令仅可对一般矢量图形进行操作(对符号则不能),当对象是位图时,Filter菜单下的变形命令将变灰不可用。而Distort &Transform则没有以上限制。

  4. 两菜单下的系列变形命令可以混合使用,比如对于一个矩形,可先用Filter-> Distort->Twist 变形,再用Effect->Distort &Transform->Zigzag变形。但是一定要搞清上面所述的各种区别。

  5. 两菜单下的系列变形命令在变形效果和使用方法,各个选项设置等方面是基本相同的。Effect->Distort &Transform菜单下仅比Filter菜单下Distort 系列命令多了一个Transform命令。

  分清了上述区别,再用两种基本相似的变形命令就会胸有成竹了。为免重复,本文将对重点一种变形菜单详细介绍,其余的要在实践和练习中慢慢体会了。两者基本相同的变形菜单命令有:

  Free Distort:通过拉伸边界控制点进行整体自由变形
  Punk & Bloat:内凹陷或外膨胀
  Roughen:制作粗糙效果
  Scribble & Tweak:涂抹与扭曲变形
  Twist:旋转扭曲效果
  Zigzag:制作锯齿效果

  下面我们详细解释。
 1.Free Distort

  执行Filter-> Distort->Free Distort,弹出对话框,如图17。有一矩形框代表对象,可以自由拖动其上的控制点,以进行整体自由变形。变形时可预览,若不满意,单击Reset重新操作。

  2.Punk & Bloat

  选择要应用的对象,执行Filter-> Distort-> Punk & Bloat打开对话框进行设置。在文本框中输入数值,正值为Bloat变形,负值为Punk变形,数值范围为-200--200%。也可左右拖动滑块进行调整。变形的效果如图18。 可知绝对数值越大,变形越剧烈。


  也可执行Effect->Distort &Transform-> Punk & Bloat可得到同样变形效果。

  3.Roughen

  制作粗糙的变形效果。

  执行Filter-> Distort-> Roughen进行设置。

  Size:输入数值或拖动滑块以改变粗糙程度。一般范围是0-100pt。
  Relative/Absolute:以相对对象大小百分比或按实际测量单位来指定变形程度。
  Detail:输入数值或拖动滑块以指定每Inch上节点数量。
  Smooth/Corner:在变形时使对象的边界圆滑或尖锐。
  如图19为Size用较小数值,且选择了Smooth的实例效果,可见对象边缘变得粗糙多了。

  4. Scribble & Tweak

  可让节点偏移原来位置,实现如图的涂抹扭曲变形效果。

  执行Filter-> Distort-> Scribble & Tweak单击对话框进行设置。

  Horizontal/Vertical:输入0-100%的数值或者拖动滑块进行设置水平/垂直方向上的变形程度。
  Anchor Points:表示变形时可以移动节点。如果不选此项则节点是固定的。
  In Control Points:能够移动控制节点,向路径内部移动。
  Out Control Points:能够移动控制节点,向路径外部移动。

  如图20为Scribble & Tweak变形效果。

  5.Twist

  用旋转扭曲的方式进行变形。

   设置比较简单:执行Filter-> Distort-> Twist,在对话框中输入扭转角度,为正值时顺时针旋转,为负值时逆时针旋转,角度范围为-360-360度。如图21为旋转扭曲后的结果。
  用和旋转工具同一工具组的Twist工具也可进行基本相同的扭转变形操作,此操作直接改变对象本身的外观结构。

  6. Zigzag

  制作将对象边缘锯齿化或波浪化,以形成典型的锯齿效果。

  Filter-> Distort-> Zigzag打开对话框进行设置。

  Size:输入数值或拖动滑块,设置锯齿程度,数值越大锯齿越明显。
  Ridges per segment:决定了1Inch上突起节点数目,相当于锯齿数量的多少。此项也可用来增加路径上的节点。
  Smooth/Corner:形成圆滑的波浪形或尖锐的锯齿化效果。
  如图22为应用Zigzag后的结果。




  上述两个变形菜单并非绝对的泾渭分明,它们是既有联系又有区别的,分清其异同,掌握其精髓,应用起来就会得心应手。

  本文大致介绍了Illustrator 10中的一些变形方法,大家可以按自己的需要综合使用、灵活应用。独特的构思和丰富的想象力是设计工作中必要的素质,同时扎实的基本功更不可或缺,除了不断地练习实践和思考外,别无捷径可走。


平面设计教程,PS教程,3D教程 设计欣赏 网站设计 广告设计 平面设计
您现在欣赏的是由无限设计欣赏站为您提供的《Illustrator 10变形工具详解》,谢谢您!我们为您提供丰富的平面设计网站设计广告设计,画册设计,包装设计,标志设计和VI设计等设计类欣赏,PHOTOSHOP教程,在线教程,教程和学习文章。
欢迎收藏本网站,并记住我们的域名:www.fotoer.com,点击此处返回设计网站首页
平面设计教程,PS教程,3D教程: Illustrator 10变形工具详解

·平面设计作品 ·视觉设计欣赏
·平面设计教程 ·室内装潢设计图
·画册设计欣赏 ·广告设计欣赏
·包装设计欣赏 ·网页制作教程
·标志设计欣赏 ·VI设计欣赏
·封面设计欣赏

·国外VI设计欣赏
·韩国VI设计欣赏
·德国邮政VI视觉识别系统
·德国电信视觉识别指示系统
·VI定义:什么叫VI(完整的VI目录)
·如何编制CI手册?
·什么是商标? 
·商标的构成
·商标的文字、图形
·商标的颜色
·国外VI设计欣赏
·韩国VI设计欣赏
·德国邮政VI视觉识别系统
·德国电信视觉识别指示系统
·VI定义:什么叫VI(完整的VI目录)
·如何编制CI手册?
·什么是商标? 
·商标的构成
·商标的文字、图形
·商标的颜色
·国际平面设计作品联合会设计师作
·Michael Schofield 平面设计作品
·Alejandro Guatelli 平面设计作品
·Janis Gloystein 平面设计作品欣
·国际平面设计作品联合会设计师作
·Justin Clark 平面设计作品
·国际平面设计作品联合会设计师作
·Laura Anderson 平面设计作品欣赏
·Lora Colaric 平面设计作品欣赏
·SEGURA INC 平面设计作品欣赏
·Matthew Partman 平面设计作品(
·Dijana Marsic 平面设计作品
·Kevin Smith 平面设计作品
·goodbrand 平面设计作品
·Katherine Der 平面设计作品
·国际平面设计作品联合会设计师作
·Michael Schofield 平面设计作品
·Alejandro Guatelli 平面设计作品
·Janis Gloystein 平面设计作品欣
·国际平面设计作品联合会设计师作
·Justin Clark 平面设计作品
·国际平面设计作品联合会设计师作
·Laura Anderson 平面设计作品欣赏
·Lora Colaric 平面设计作品欣赏
·SEGURA INC 平面设计作品欣赏