Photoshop将模糊梅格·瑞恩变清晰艳丽

说到Photoshop、Firewoeks、CorelDraw这些设计软件里的“贝赛尔”工具,大家可能会有些陌生,其实就是我们常说的曲线(路径、钢笔)工具。
曲线工具在造型和抠图中非常重要,但是很多朋友普遍感觉这个东西有些深奥,操控起来也不是那么方便。也许你看了这篇文章之后,要掌握它就不会觉得太难了。

  由于用计算机画图大部分时间是操作鼠标来掌握线条的路径(好的手写板实在价格不菲),与
手绘的感觉和效果有很大的差别。即使是一位精明的画师能轻松绘出各种图形,拿到鼠标想随心所欲的画图也不是一件容易的事。这一点是计算机万万不能代替手工工作,所以到目前为止人们只能颇感无奈。使用贝塞尔工具画图很大程度上弥补了这一缺憾。

  “贝赛尔曲线”是由法国数学家Pierre Bezier所发现,由此为计算机矢量图形学奠定了基础。它的主要意义在于无论是直线或曲线都能在数学上予以描述。

   “贝赛尔”工具在PhotoShop中叫“钢笔工具”;在CorelDraw中翻译成“贝赛尔工具”;而在Fireworks中叫“画笔”。它是用来“画线”造型的一种专业工具。当然还有很多工具也可以完成画线的工作,例如大家常用的Photoshop里的直线、喷枪、画笔工具(如图一),Fireworks里的直线、铅笔和笔刷工具(如图二),CorelDraw里的自由笔,手绘工具等等(如图三)。

设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图   
设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图1  
设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图2

图一(Photoshop里的工具)    图二(Fireworks里的工具)  图三(CorelDraw里的工具)

设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图3  用“贝塞尔”工具无论是画直线或是曲线,都非常简单,随手可得。其操作特点是通过用鼠标在面板上放置各个锚点,根据锚点的路径和描绘的先后顺序,产生直线或者是曲线的效果。我们都知道路径由一个或多个直线段或曲线段组成。锚点标记路径段的端点。在曲线段上,每个选中的锚点显示一条或两条方向线,方向线以方向点结束。方向线和方向点的位置确定曲线段的大小和形状。移动这些元素将改变路径中曲线的形状,可以看下图。路径可以是闭合的,没有起点或终点(如圆圈),也可以是开放的,有明显的端点(如波浪线)。

  特别推荐:

  [动画图解]Photoshop路径钢笔使用方法
  [视频演示]Photoshop路径工具组
  Photoshop 路径手册

  下面我们将从贝赛尔曲线工具的重要概念、基本造型方法、不同设计软件贝赛尔曲线工具造型特点、简单操作示例、设计实例几个方面来详细介绍贝赛尔曲线。

  一、贝赛尔曲线工具的重要概念

  关于“贝塞尔”工具,有两个重要的概念需要了解,那就是“平滑点”和“角点”。

  “平滑点”是指临近的那条线段是平滑曲线,它位于线段中央。平滑曲线由称为平滑点的锚点连接,当移动平滑点的一条方向线时,将同时调整该点两侧的曲线段。
         设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图4   
  我们画上面这条曲线,来详细讲解平滑点。
  1.用鼠标在直线方向上点按两个锚点设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图5

  2.锚出第二个锚点的时候,鼠标按住不放,向下拖移该点,这时就会显示方向线,而曲线是向上方弯曲设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图6。(曲线的变化是和方向线拖移的方向相反)。

  3.鼠标仍然按住不放,将方向线向上方拖移,曲线下弯设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图7

  4.锚出第三个点,完成一条曲线。第二个锚点就是该曲线的平滑点设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图8

  5.调整平滑点可以改变曲线形状了设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图9

  “角点”是指它临近的那条线段至少一边是直的,尖锐的曲线路径由角点连接,当移动角点的一条方向线时,只调整与方向线同侧的曲线段。
          设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图10  
  角点的操作过程和平滑点一样,了解了它们的基本概念和操作,现在我们演示将平滑点转换为角点的过程。

  这是选择的一个例子:设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图11,鼠标选中平滑点变成一个箭头设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图12,点按鼠标显示方向线,鼠标移到方向线的一头设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图13,按住Alt键拖移方向线设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图14,鼠标选中方向线的另一头拖移设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图15,平滑的锚点现在已经变成尖锐的锚点了设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图16

   另外,我们还要特别讲一下直线,直线也是曲线的一种。如果我们在一个水平面上用钢笔工具描制两个锚点,按两点一线的法则这就是直线,如果我们在此描多个锚点而设置贝赛尔曲线的曲率为零,这也是直线。曲线形状的由锚点延伸出来的隐藏的切线决定,我们可以看图,这是CroelDraw工具里贝塞尔曲线的使用法则。
       设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图17
  切线的角度、长度不同,曲线的形状也不同。

  二、贝赛尔曲线工具的基本造型方法

设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图18  使用不同的工具时,虽然它们的贝塞尔工具名称不相同,但都可以用来画出各种路径的图形。例如我们用各种设计软件同时创建一条“S”曲线,它们都是向曲线的隆起方向拖移第一个方向点,并向相反方向拖移第二个方向点。同时向一个方向拖移两个方向点将创建“S”曲线。
    
  再看下图。我们分别用Fireworks和Photoshop两种工具来画同样一个图形,通过观察它们的每一个操作步骤,更全面的了解其贝赛尔工具。

设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图19    

Fireworks绘制的图形过程     Photoshop绘制的图形过程

  两种工具都是5步就完成画图,并且都有6个锚点,路径相同。所以绘制简单的图形,使用哪一种设计软件,都能达到同样的效果。不过既然是几种软件,那么总有它们相互区别的地方。

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!

 

 

四、贝赛尔曲线简单操作示例

  下面是用Fireworks画笔用法的实例。
     
设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图20  右图是文字按曲线路径排列的效果,这是画笔工具最广泛的运用。

  a.先在画板上描绘出一条曲线段。

  b.我们再写好“Fireworks”字样,结合Fireworks里图形的描边,阴影等等功能,制作出同样精美的文字效果。

  c.按键盘Ctrl+A,或选择菜单“编辑”-“选择全部”(Select All),或者点击鼠标右键“选择全部”(Select All),将字样和路径全部选中。

  d.在菜单栏里,“文字”(Text)选项下选择“文本适配路径”(Attch to Path)快捷键为 “Ctrl+Alt+Y”,就可以将文字结合到特殊的路径上,如上图。结合后的文字依旧可以通过Text Editor进行编辑,也可以使用不同的Align 方式定义不同的路径围绕效果。

  在Photoshop和CorelDraw软件里也能制作这种文字效果,只是这两种工具有专门的文本样式插件,制作文本效果非常简便,一般设计师在用这两个软件处理文字时都用文本样式选择。那么在这里就不必过多的讲解这两个软件的文字制作了。

  现在我们用Photoshop钢笔工具来绘制曲线。

  1.将指针定位于曲线的起点,并按住鼠标按钮。此时会出现第一个锚点,同时指针将变为箭头。

  2.向绘制曲线段的方向拖移指针。在此过程中,指针将引导其中一个方向点的移动。按住Shift键,将该工具限制为45度的倍数,并且完成对第一个方向点的定位后,释放鼠标按钮。方向线的长度和斜率确定曲线段的形状。以后可以调整方向线的一端或两端。
     设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图21
   (沿曲线方向拖移可设置第一个锚点。向相反方向拖移即完成曲线段)

  3.将指针定位于曲线段的终点,并向相反方向拖移可完成曲线段。

  4.执行下列任一操作:

  a.若要绘制平滑曲线的下一段,请将指针定位于下一段的终点,并向曲线外拖移。
     设计软件造型利器“贝赛尔曲线工具”详解_亿码酷站___亿码酷站平面设计教程插图22(向曲线外拖移以创建下一段)

  b.若要急剧改变曲线的方向,请释放鼠标,然后按住Alt键沿曲线方向拖移方向点。松开Alt键以及鼠标按钮,将指针重新定位于曲线段的终点,并向相反方向拖移以完成曲线段。

  c.若要间断锚点的方向线,应按住Alt键拖移该线。

    
   (按住Alt键沿曲线方向拖移方向点。松开此键,并向相反方向拖移)

  更复杂的图形也是用多段连续的贝赛尔曲线构成。用CorelDraw工具方法颇有雷同,这里我们不再具体的讲解了。

云服务器推荐