如何評價 Adobe Illustrator 中的「曲率工具」?


玩了一下說下個人體驗、希望拋磚引玉。

我沒有學過計算機圖形學,但想解釋清楚曲率工具又需要涉及一點,我就越俎代庖用自己的經驗來說了,如果有錯誤的地方歡迎指出。

目錄

1.前言

2.三種曲線

3.曲率工具的工作方式

4.和貝塞爾曲線的不同

5.結語

1.前言

曲率工具是一個相對比較顯眼的更新, 在工具面板里多增加一個席位已然是大改(還有一和連接工具),然而曲率工具並不僅代表一個工具而已,背後的意義是cc2014.2以後,illustrator里所有的路徑和形狀(不僅是曲線)都多了一個新的控制系統——不同於貝塞爾錨點和方向線的新屬性,並不是不用曲率工具它就不存在了,只要你創建了圖形,它就有曲率屬性。切換到曲率工具可以激活路徑或形狀的曲率屬性,曲率控制點和貝塞爾錨點的位置是一致的,但兩者描述路徑的方式並不同。 2.三種曲線

現在來深究一下這個曲率工具到底什麼玩意兒,準確地說曲率工具是一種和貝塞爾不同的、用於構建曲線的描繪及插值方式,illustrator的曲率工具(curvature tool)使用akima或cubic(三次立方)插值來構建曲線,這是我推測的兩種,並不知道具體是哪種,如果有學過計算機圖形學的知友知道,忘告知。 為了便於理解illustrator曲率工具的運作方式,還有它和貝塞爾曲線的不同。先將就著聽我這個外行科普一下。看圖:

這是三種計算機繪製曲線的典型方式,各取了一種代表,它們都基於不同的理念來定義曲線。

  • 貝塞爾(左1)基於錨點和方向線,大家都熟悉,是三種里唯一需要方向線的,其他兩種只需要錨點(節點)就可以描述曲線,不需要方向線。

  • b樣條(左3),節點構成殼線,再插值成曲線,學3D、CAD軟體的應該很熟悉;

  • akima(左2),是我們的主角,ai新增的曲率工具屬於這種類型,只是不知道是這種類型下的哪種具體演算法,但這個並不影響討論。觀察下不難發現左2和左3的繪製方式是相反的——B樣條是繪製3點後在這個角的內部插值曲線,而像akima、cubic spline、illustrator曲率工具是繪製3點後在這個角的外圍插值曲線。我的意思是這樣的:

3.曲率工具的工作方式

如果上面認真讀了應該有所了解,如果想用曲率工具創建一段曲線,必須定義三個點:第一點決定曲線起始位置,第二點決定曲線轉折點,第三點決定這段曲線的結束點和下一段曲線的起點,實際上等於用2條直線畫了一個角,然後ai自動在外圍插值成曲線,具體所採用的插值演算法不明。-----------------------知乎沒法在回答里直接播放動態gif,可以點下面鏈接

https://pic4.zhimg.com/76f6cb47c48448d5107405c7b616775b_b.gif

用曲率工具沿著一個正方形繪製,其結果得到了一個標準的正圓,help里的那個繪製了3/4的正圓就是沿著正方形繪製的(cubic的插值方式和這個一致,但我不能100%確定ai曲率工具採用的就是這種,求計算機圖形學知友助攻)

https://pic2.zhimg.com/bb3c8ece2e5275cc70636a43c1ac9d09_b.gif

直線該用曲率工具怎麼畫這類問題請移步illustrator曲率工具的在線幫助文件

說幾個help文件中沒有提到的小東西:

  • 曲率點只能同時調整一個,shift加選是無效的,框選多個曲率點能選中,但是所有的曲率點會轉換為貝塞爾錨點;
  • 直線有曲率點,但即使兩個都是平滑點也無意義,因為至少3個點才能插值出曲線;
  • 注意曲率點之間點相互影響,比如用1、2、3三個點調好了弧線a,想擺放第4個點的時候通過橡皮帶預覽時發現已經調整好的弧線a變化了,因為2、3兩個點其實是兩條弧線共用的,2、3、4三點又試圖插值出還未出現的弧線b,至少要放第5個點的時候才對第一段弧線無影響,實在不行就結束繪製再畫條新的。
  • 樹立觀念:開篇所言,不要把曲率看作一個工具,它是ai cc2014.2以後所有路徑都擁有的屬性,直線有、曲線有、任何一個形狀都有,不管用何種方式繪製圖形,都可以在任何過程中隨時換到曲率工具就來激活圖形的曲率點,有時候貝塞爾實調起來繁瑣的曲率反而劍走偏鋒。

4.和貝塞爾曲線的不同

曲率工具可以繪製出任何一種曲線、直線或曲線直線混合,和貝塞爾一樣,只不過定義線段的方法不同。illustrator cc2014.2+ 里的任意形狀都有曲率錨點和貝塞爾錨點兩種控制方式,可以按需要相互轉換。搜下vs找到了不少討論(意譯翻譯,僅供考)================================================================

adobe forum上2012年的一個帖子 Akima spline curves for vector graphics 這哥們狂裱貝塞爾

Akima spline curves give drawing freedom - I can"t get bezier curves to do what I want. It"s like Alice in wonderland using a flamingo for a mallet in a game of croquet. unweildly.Bezier Curves were introduced into Windows NT and all windows NT family products after that.It soon followed that all paint programs began including Bezier Curves as a drawing method. Big mistake. They should have introduced Akima spline curves into Windows. I am not saying take Bezier curves out - I am saying Add Akima Spline curves, or the bettered (modified) version of Akima Spline curves that doesn"t react as much.Akima spline curves are cool. just put points along where you want the curve

Akima曲線給人更多的繪圖自由度,貝塞爾曲線總是畫不出我想要的東西,簡直和日了狗一樣。貝塞爾曲線引入到Windows NT平台及它的衍生產品後,就被眾多繪圖軟體跟風,一個二個都把貝塞爾曲線作為繪圖方式——太她媽荒謬了。一開始就該用amika曲線好不好,我不是說要把貝塞爾曲線剔除出去,而是再多提供一下akima曲線繪圖方式不行么,或者是和akima類似的也可以。akima曲線很酷,只需要沿著方向放置幾個點就可以畫出曲線 。

PS:他說的akima和ai曲率工具屬於一種類型,優缺點上可以等價,具體請回顧回答的一開始。 cc2014.2更新後曲率工具出現的討論:The Curvature Tool

[樓主]:I"m very happy Adobe added this tool and just makes it easier to draw curves. I"d like to know what others think of this new tool.

我很高興adobe增加了新工具可以更容易地繪製曲線。我想知道你們對這個新工具的看法......

[一樓]
I guess that I am just too old school. I still find that the traditional pen tool gives me far more control and is ultimately faster (for me) to use than the curvature tool. BTW when I first saw the "rubber band" effect on the new pen tool I thought that it was a great idea - until I tried to use it. After 5 minutes of making a total mess I had to turn that feature off.

我猜我是守舊派,我仍然用傳統的(貝塞爾)鋼筆工具,對我而言貝塞爾的效率高於曲率工具。順便一提,當我第一次看到可以用橡皮帶預覽的新鋼筆工具時我覺得好像很吊的樣子,手癢試了試。然而5分鐘後,我想說WHT然後關閉了它。

【二樓】
At first, I"m all "What the hell?" then I tried it and with a little bit of fumbling about, I finally got the hang of it. For me it"s much faster. That said, you still have to go back and fine tune. I have found though, it will eliminate an extraordinary amount time fixing those curves that are just about there but still not perfect.

一開始我滿腦子都是「這東西什麼鬼」,然而探索了一會兒後終於發現了一點規律,對我而言它可以快速成形,另一方面卻需要返工微調。我得出的想法是:它會耗費巨量的時間去固定幾乎都在那卻怎麼調都仍然不完美的曲線。

【樓主回復】

@ Rubin, we"ll have to see how many of the new features recently introduced will stay for the long run. At least, I"m glad to see they"re actually working on illustrator. Perhaps, they"re feeling the pressure of Affinity Designer being such a great hit (I own a copy and it"s awesome).

回一樓:我們會看見很多近來被引入的新功能,這些都是為了把illustrator的地位保持在巔峰,至少我很樂意看見adobe為了增強illustrator而做的切實努力。或許他們感到了來自 Affinity Designer (軟體名)的壓力(我拷了這個軟體來用,真的很棒)。

@ Mark, I agree with you %100.

回二樓:完全同意你

【四樓】I"m still a fan of Freehand. That was my baby! I can STILL do things in Freehand 3 that Illustrator can"t even do now. "Type around a circle anyone?" Check out the Freehand vs Illustrator vids on Youtube. it"s an eye opener! - Will check this "Affinity Designer".One more thing: Why is the Free Distort window so tiny? Is there a way to make that bigger?

我永遠是freehand(軟體名)的腦殘粉,freehand是我老婆~。這個東西(ai曲率工具)Freehand3就有了,我一直在用,那時候illustrator還沒有這個功能。 "Type around a circle anyone?"(這句沒看懂).去youtube搜索一下關於Freehand VS illustrator的對比視頻,保你眼界大開!再搜下「Affinity Designer」。其實我是來問問題的:請問自由扭曲的窗口怎麼這麼小? 咋整大點?

=================以下開始歪樓,不貼了===================

5.結語

我從上面的討論來入手吧。這5個歪果仁基本上能代表ai用戶對這個新工具的看法了。

第1個是知識帝,知道曲率和貝塞爾是兩種計算機繪製演算法,還能balabala一大堆歷史來源,他個人認為曲率比貝塞爾更好,但理由只是說出了曲率的繪製特點(沿方向擺點成曲線)。

第3個是貝塞爾重度用戶的代表,完全把曲率工具看作奇技淫巧,而且探索興緻很弱,whf?這是什麼鬼?然而這並不影響什麼,以他為代表把貝塞爾玩的爐火純青的大神,什麼曲線都能光速畫出來,不需要這玩意兒。

第2個樓主和第四個應該能大多數ai用戶的寫照:能接受這東西,並和貝塞爾曲線進行比較,他給出的關鍵點是:曲率工具能快速成形,但達到好的效果需要返工細調,而且平滑性不如貝塞爾.--------------我和他看法一致。

《番外》

最後一個歪果仁給我漲了一點姿勢:曲率類似工具在freehand里早就有了,而且我查了下CDR也有,有b樣條線。說明曲率類似工具在平面軟體里也不是什麼新鮮玩意兒,只不過adobe系的沒有,,所以我才恍然大悟為啥ai添加這個工具沒能引起一點話題。。。。。。

(說到adobe系ae里mask有個選項可以用非貝塞爾方式繪製,好像是畫roto的,從來沒用過,也不知道這種曲線的屬於什麼)

ps:lynda給曲率工具出的專題教程(網盤沒找到)

Using the Curvature tool

還有adobe tv官方的http://tv.adobe.com/watch/learn-illustrator-cc/curvature-tool/


【1】2D矢量繪圖,AI曲線工具出名的難用,各種反人類的操控。它的強大在於穩定,工業標準。

【2】說到AI它這個所謂的「曲率工具」,一句話,難用到變態:畫完一條曲線,再畫另外一條曲線交叉,它自動減去前面的部分線條,重新延長到新的(不知怎麼描述,回車、esc都不行)大公司的傲慢和愚蠢畢現。

【3】截至2016,最好的(沒有之一)2D矢量曲線工具(不是3D),是AutoDesk的SketchBook Designer 2014,好用到讓人不相信。大家可以自行判斷:~~

相關視頻鏈接:

【完美曲線工具】

Best vector contour drawing (inking) methods

https://www.youtube.com/watch?v=1HCbe8yTHNw

SketchBook Designer 2012: Vector Curves

https://www.youtube.com/watch?v=Q3P8-QeCqx0


推薦閱讀:

大家手帳的第一頁都是什麼樣的?
怎麼看待現在的平面設計?
學習菜單設計的書籍有哪些?
這種布紋褶皺效果怎麼做呢?

TAG:設計 | 平面設計 | 矢量圖 | AdobeIllustrator |