ai怎么畫流暢的曲線圖形

ai怎么畫流暢的曲線圖形一：Adobe Illustrator 和其他平面矢量軟件一樣，使用的是貝塞爾曲線，而且是三次曲線，用四個(gè)控制點(diǎn)來(lái)描述和控制曲線，而在 Illustrator 中控制部分定為了錨點(diǎn)和手柄，所以一段曲線是由首尾兩個(gè)錨點(diǎn)控制線條的始末位置，而首尾的手柄控制線條的形態(tài)。

在用鋼筆工具來(lái)繪制曲線時(shí)，就是點(diǎn)擊 A 拖動(dòng)到 a 再點(diǎn)擊 B 拖動(dòng)到 c 也就是確定了 b 形成 AB 這條曲線，那么，在通常情況下使用鋼筆來(lái)繪制曲線是通過(guò)拖動(dòng)來(lái)實(shí)現(xiàn)的，而不像三維軟件中的一些曲線繪制工具是通過(guò)放置 A a b B 來(lái)實(shí)現(xiàn)的，Illustrator 的這種繪制方法的好處就是感覺更易控制（感覺上是兩個(gè)點(diǎn)來(lái)確定的），缺點(diǎn)最明顯一點(diǎn)就是 c，也就是說(shuō)當(dāng)你要繪制 b 時(shí)，c 已經(jīng)確定，也就是說(shuō)這段曲線如果還要延續(xù)下去，那么 c 已經(jīng)事先確定了，如果你在繪制 B 點(diǎn)時(shí)，對(duì)下一段的曲線沒有概念的話，只為了達(dá)到 b 的要求放置了 c 而沒有意識(shí)到下一段，將給繪制工作帶來(lái)更多的后續(xù)工作，通過(guò)再調(diào)整手柄控制點(diǎn)。

ai怎么畫流暢的曲線圖形二：在一些介紹曲線繪制教程中，可以看到一個(gè) 1/3 規(guī)則，也就是從錨點(diǎn)到手柄控制點(diǎn)的距離 d 大概是 1/3 曲線長(zhǎng)度，這當(dāng)然是一種通常的經(jīng)驗(yàn)，并不是要嚴(yán)格遵守的，需要看曲線的形態(tài)。

1/3 規(guī)則是為了避免類似右邊出現(xiàn)的情況。其實(shí)這個(gè)規(guī)格很容易理解，我們追求的曲線在數(shù)學(xué)描述上應(yīng)該越簡(jiǎn)單越好，簡(jiǎn)單不只是數(shù)量上最少，比如最少的控制點(diǎn)，還有一個(gè)重要點(diǎn)就是均勻，均勻就是每一個(gè)控制點(diǎn)的權(quán)重是均勻的，不一定每一個(gè)控制點(diǎn)的權(quán)重要一樣，但是如果左右錨點(diǎn)間的曲線是對(duì)稱的，那么控制點(diǎn)的權(quán)重就需要一樣，不僅包括曲線拉伸的權(quán)重還包括曲線方向的權(quán)重。簡(jiǎn)單說(shuō)就是不能過(guò)分拉伸以及松弛，而是以簡(jiǎn)單的方法保持緊繃。

ai怎么畫流暢的曲線圖形三：一段曲線，即兩個(gè)錨點(diǎn)兩個(gè)手柄形成的曲線是容易繪制和控制的，只需要耐心調(diào)整就可以了，因?yàn)槿魏巫兓伎梢栽谌菀卓刂频姆秶鷥?nèi)。但是，復(fù)雜的曲線不是兩個(gè)錨點(diǎn)形成的一段曲線，它至少得是三個(gè)錨點(diǎn)以上。

如果我們?nèi)ダL制一段曲線，能使用兩個(gè)錨點(diǎn)來(lái)形成當(dāng)然是最好，如果此時(shí)在曲線中間再放置一個(gè)錨點(diǎn)是自添麻煩，一下子將軍控制的復(fù)雜度翻倍，但是由于形狀的需求，必須要放置更多的錨點(diǎn)，一段簡(jiǎn)單曲線能表達(dá)的形狀是有限的。

多了一個(gè)錨點(diǎn)，去擬合一條曲線，所謂擬合就是比如先手繪好的形狀然后掃描將圖像輸入軟件然后是勾畫輪廓，有時(shí)我們并沒有這個(gè)步驟，比如對(duì)照著手繪直接繪制，而且單憑一個(gè)腦袋，有的甚至憑感覺，這時(shí)候，會(huì)出現(xiàn)一個(gè)情況，就是繪制一條看上去形狀差不多的曲線，可以有很多繪制方法，錨點(diǎn)放這可以，放在那也可以，只不過(guò)把手柄拖長(zhǎng)一點(diǎn)，那么該如何選擇呢。

憑感覺，憑經(jīng)驗(yàn)，因?yàn)檫@是手藝。不過(guò)，重要的是要記住”均勻”這個(gè)詞，追求”最簡(jiǎn)單”。

一旦將錨點(diǎn)增加到 4 個(gè)呢，這將會(huì)變得非常非常復(fù)雜，即使有經(jīng)驗(yàn)的人，依然需要通過(guò)后續(xù)不斷的調(diào)整來(lái)取得滿意結(jié)果。

繪制曲線的目標(biāo)是確定，而不是看上去差不多就行了，也就是包含在”簡(jiǎn)單”之內(nèi)，每一個(gè)點(diǎn)都能確定，就像一個(gè)圓形，它的幾個(gè)控制點(diǎn)就是確定的。而我們繪制曲線的確定當(dāng)然不是 100% 的確定，而且一種確切感，如果經(jīng)驗(yàn)豐富，就能知道下一個(gè)控制點(diǎn)在什么位置了。

但是，如果一段曲線是對(duì)稱的，那么我們就多了一種確定了， 在繪制錨點(diǎn)的時(shí)候就可以左邊這一點(diǎn)與右邊這一點(diǎn)同樣高，依此類推，我們可以找到很多確定，或者去擬合這種確定，比如比例上的，這段是那段的一半等等。而是用網(wǎng)格輔助來(lái)作圖，也可以視作是尋找確定。

即使我們使用了網(wǎng)格，確定了 4 個(gè)錨點(diǎn)的以及手柄拉伸的長(zhǎng)度和方向，也需要很大的工作量，而在實(shí)際中我們使用的方法還是依賴于眼睛，達(dá)到大概需求后再去規(guī)整尺寸，錨固好這些”確定”，在規(guī)整過(guò)程中不斷調(diào)整。

但這種方式是沒有效率的，尤其是錨點(diǎn)數(shù)量達(dá)到和超過(guò) 4 個(gè)的復(fù)雜曲線的時(shí)候。

ai怎么畫流暢的曲線圖形四：類似 iOS 7 電話圖標(biāo)的形狀，左右對(duì)稱顯而易見，但是很難用 3 個(gè)錨點(diǎn)來(lái)確定這個(gè)形狀，尤其是還要求”均勻”，沒有過(guò)分拉伸或者形狀擬合程度高。

用 Illustrator 來(lái)繪制曲線的時(shí)候，很少是直接下手繪制的，正是因?yàn)槲覀兩厦嬲f(shuō)的曲線沒有確定性，不像四邊形和圓形以及這些基本形狀的組合圖像那樣，確定是事先的。所以無(wú)論我們是不是輸入手繪進(jìn)行擬合，在繪制過(guò)程中總是處在一種擬合狀態(tài)的。

而在這提出的一中繪制策略，就是在這些復(fù)雜光滑曲線的繪制過(guò)程中引入更多的確定性，就像意識(shí)到圖形是對(duì)稱一樣，我們要找到一些內(nèi)在邏輯，控制著線條以可控的方式組合成。

ai怎么畫流暢的曲線圖形五：這種策略就是曲線的拆解，將復(fù)雜光滑的曲線拆解中曲線繪制最基本的單位，就是兩個(gè)錨點(diǎn)兩個(gè)手柄的一段曲線，然后就拆解后的曲線連接，再作一些細(xì)微調(diào)整。

兩個(gè)錨點(diǎn)的曲線是可控的，也就是說(shuō)有很高的確定性，而且手柄長(zhǎng)度是獨(dú)立控制的，而不像通常繪制中（見開頭說(shuō)的我們是通過(guò)繪制 c 來(lái)取得 b 的）前后影響的巨大，而手柄方向在繪制和后續(xù)連接和調(diào)整過(guò)程中很容易控制。

那么曲線繪制的技藝就轉(zhuǎn)變?yōu)榍�拆解的技藝了，而拆解的技藝仍然以”均勻”和”簡(jiǎn)單”為宗旨，也就是說(shuō)如果有對(duì)稱和類似對(duì)稱，那就是最容易拆解的部分了，如果很難拆解，那么我們?nèi)シ治銮�的曲率變化，結(jié)合我們對(duì)兩個(gè)錨點(diǎn)的基本曲線的可供形狀的意識(shí)，以”簡(jiǎn)單”為目標(biāo)去尋找卻開點(diǎn)。

這種拆解策略在三維中也是通用的，只不過(guò)操作手段不一樣而已，在這，我們依賴的操作手段就是開頭的曲線的基本控制單元。

注：圖形只是示例，這種拆解并不唯一，而且我是通過(guò)自己的方式去擬合 Apple 的那個(gè) 120*120 px 的圖標(biāo)，誤差肯定很大。這種方法是在三維和二維之間互導(dǎo)發(fā)現(xiàn)的，比如將一條高階的光滑曲線導(dǎo)入三次貝塞爾曲線環(huán)境中，看軟件是如何自動(dòng)放置錨點(diǎn)的。