手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

設(shè)計師必須掌握的貝塞爾曲線的秘密

2015-9-8    博博

藍(lán)藍(lán)設(shè)計m.88yangsc.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

來源:優(yōu)設(shè)網(wǎng)

secret-of-bezier-handles-1

@陳子木 有沒有觀察過你喜歡的插畫師們未完成的作品?仔細(xì)觀察,你會發(fā)現(xiàn)他們非常著迷于調(diào)整貝塞爾曲線的手柄(也就是鋼筆工具畫出來的曲線啦~),并且力圖讓調(diào)整曲線的手柄盡量水平或者垂直。為什么呢?

我想通過這個教程,為力圖探尋此道的設(shè)計師們打開一扇門,指引方向。當(dāng)然,首先你熟練使用AI和PS中的鋼筆工具才行。

指導(dǎo)最近我才開始探尋這些操作的意義,并且力圖去發(fā)覺插畫師們?yōu)橹杂诖?。事實證明,讓手柄保持水平和垂直可以為調(diào)整曲線省下一大堆的時間和精力。

接下來的教程中,我會同你仔細(xì)探討這些問題。

這是字體草圖在AI中的輪廓預(yù)覽圖( ?+Y / Ctrl+Y)。

注意:要預(yù)覽你自己的貝塞爾曲線——也就是鋼筆輪廓,你可以打開AI的首選項進(jìn)行設(shè)置( ?K)。這可以讓你更方便控制手柄調(diào)節(jié)曲線的弧度。

請注意所有的貝塞爾曲線的手柄(除了極少數(shù)特殊狀況,我們稍后聊聊那些部分),它們大多都整齊地鎖定在水平線上,或者垂直于平面。讓我們探討一下,為什么這樣的設(shè)計很好用。

首先,它減少了你節(jié)點位置的選取選項

這可能聽起來不太好,但是實際操作中,這樣來規(guī)劃的確會便捷不少。走進(jìn)飯店拿起菜單,發(fā)現(xiàn)菜單詳盡無比,從印刷廠地址到ISBN串碼都注明了。我討厭這樣。所以,有的時候,貝塞爾曲線的節(jié)點如果沒有設(shè)定好的話,就會像那菜單一樣令人頭疼。在Illustator中,你的草圖是隨時可以查看隨時可以調(diào)整的。當(dāng)你的光標(biāo)懸停在曲線上的時候,就像你的手指停留在印滿各種信息的菜單上,從哪里下手才對?我不知道你會怎么做,我應(yīng)該會選擇當(dāng)天的特色菜——所有曲線中最靠外的點,來著手。好吧,讓我們來探討一下這個問題。

節(jié)點位置布局

這是曲線設(shè)計的秘訣所在。掌控好這些華麗曲線在0°和 90°切線上的手柄,才是從戰(zhàn)略上把控好全局的核心策略。聽起來有點復(fù)雜?不,一旦你仔細(xì)體會,會發(fā)現(xiàn)這個方法非常好用。

提示:當(dāng)你調(diào)整手柄角度的時候,按住Shift按鍵,可以很快將手柄校準(zhǔn)到水平/垂直。

看看下面4圖中簡化的線框圖。紅色的圓圈代表水平手柄的節(jié)點,藍(lán)色圓圈是垂直手柄的節(jié)點。注意觀察每條曲線最外側(cè)的節(jié)點的位置設(shè)定。

圖4

圖5顯示出更加詳細(xì)的內(nèi)容,并且用紅色的曲線標(biāo)注出建立節(jié)點的最佳位置。

圖5

當(dāng)你的節(jié)點布局錯誤的時候,就會出現(xiàn)圖6中的問題:

圖6

如箭頭所指,將紅圈移動到左上方,曲線的問題會得到解決。

現(xiàn)在,我們都明白了,節(jié)點的位置并不一定是隨機(jī)的。事實上,它也不應(yīng)該是隨機(jī)的。接下來,你應(yīng)該按照上面的描述來設(shè)定自己的節(jié)點排布方案,允許自己“少像一點”,多練習(xí)幾次,應(yīng)該就能培養(yǎng)出你字體設(shè)計的“肌肉記憶”了。

接下來我們來探討一下貝塞爾曲線重的手柄的控制。

使用手柄調(diào)出漂亮的曲線

全情投入節(jié)點排布之后,你該適時地關(guān)心一下手柄的調(diào)節(jié)了。先看看下方的GIF圖7:

圖7

如果你曾用AI制作過字體或者圖形的話,那么你肯定明白這是怎樣的一副景象:你手繪出草圖,構(gòu)建節(jié)點布局,然后將絕大部分的時間和精力耗費在調(diào)教手柄上,期待他們的配合,試圖創(chuàng)造出完美的曲線。的確,這個環(huán)節(jié)是沒有靈丹妙藥和取巧之道的,大量的練習(xí)和日漸熟練的手感才是達(dá)成目標(biāo)的終極方案。

此時此刻,這些垂直和水平的貝塞爾曲線手柄就是能否調(diào)出完美曲線的制約因素了。當(dāng)你調(diào)整手柄的時候,手指應(yīng)該始終按住Shift鍵,確保調(diào)整手柄長度的時候,角度不會偏移。這個時候,你會發(fā)現(xiàn)你控制手柄更加自如了。這樣一來,我發(fā)現(xiàn)自己使用AI制作復(fù)雜的字體和圖形越來越得心應(yīng)手了。

還有什么要注意的?

以上的內(nèi)容聽起來都挺貼心的,但是依然有一些問題是需要注意的。

1、有的時候你很難找到曲線上最靠外的臨界點。

并不是所有的曲線都會像圖5一樣達(dá)到頂點,這也意味著總有節(jié)點的切線無法水平或者垂直。在這種情況下,你需要按照曲線的走向,設(shè)定更合理的節(jié)點,盡可能創(chuàng)造符合草稿的弧線,而不是死板地追求衡平豎直的切線/手柄。

2、必須控制好節(jié)點的密度

即使你忘記這一點也比隨便安排節(jié)點來的好。如果你隨便安排節(jié)點,你的曲線會出現(xiàn)許多額外的突出,而缺少圓潤。如果你的曲線僅僅只是看起來不自然,那么你可以試圖調(diào)節(jié)臨近的曲線達(dá)到完美的效果。合理控制好節(jié)點的密度,也是為了達(dá)成這一目的。

3、節(jié)點的安置可以根據(jù)狀況合理地稀疏一點,或者致密一些。

有的時候,你所創(chuàng)建的曲線是弧度變化比較大,一個“臨界點”緊鄰著另外一個“臨界點”,如下圖所示:

圖8

不用擔(dān)心,放大圖像會方便你控制好這些節(jié)點和弧度細(xì)節(jié),就像下面這張圖:

圖9

有的時候,多考慮一下整圖的橫豎手柄的布置,是能讓作品臻于完美的。

我們探討了節(jié)點位置布局的方法,如果這可以減少你做圖的時間,那么有什么理由不用它呢?控制好手柄的長度,也可以減少多余的節(jié)點,從而使得你的AI文件更加精悍小巧。更重要的是,節(jié)點數(shù)量的減少也會讓曲線更流暢。最后,總體設(shè)計時長的減少,使得你有更多的時間在草稿紙上設(shè)計更漂亮的圖形和字體,何樂而不為呢?

老實說,掌握好了這些技巧還是挺好玩的。

所以,當(dāng)你擁有你其他設(shè)計師朋友不具備的技能的時候,不妨記錄下你的設(shè)計細(xì)節(jié),發(fā)布在優(yōu)設(shè),或者UI中國這一的平臺上,讓更多設(shè)計師看到,讓大家一同進(jìn)步吧。

以下是更多的使用案例:

圖10

圖11

圖12

圖13:Okay Type

圖14: Neil Secretario

圖15: Luke Dorny

圖16:Alexandr Ivanov

教程到此結(jié)束。如果你受到啟發(fā)了,不妨也動手做做看吧!雖然中文的字體設(shè)計和英文字體設(shè)計不盡相同,但是很多細(xì)節(jié)設(shè)計是共通的!況且,用AI制作復(fù)雜的花紋和圖案的時候,這篇教程同樣擁有啟發(fā)作用。

 

分享本文至:

日歷

鏈接

個人資料

存檔