@飛屋睿UIdesign ：學(xué)完這個(gè)教程，可以幫你掌握單線(xiàn)繪制的技巧，熟悉AI 中所有關(guān)于線(xiàn)條的處理工具，以及做極簡(jiǎn)海報(bào)的方法。一起來(lái)試試

學(xué)完這個(gè)教程你能收獲

1、熟悉裝飾風(fēng)格（DECO ART）中的幾何主義

裝飾風(fēng)格（DECO ART）結(jié)合了因工業(yè)文化所興起的機(jī)械美學(xué)，以較機(jī)械式的、幾何的、純綷裝飾的線(xiàn)條來(lái)表現(xiàn)，如扇形輻射狀的太陽(yáng)光、齒輪或流線(xiàn)型線(xiàn)條、對(duì)稱(chēng)簡(jiǎn)潔的幾何構(gòu)圖等等。它是純粹的意象匯集。而最好的理解將在實(shí)踐的過(guò)程中獲得。

2、學(xué)會(huì)單線(xiàn)繪制的技巧

繪制單線(xiàn)裝飾風(fēng)格的海報(bào)，了解所謂單線(xiàn)是指所有線(xiàn)條的大小等同，產(chǎn)生整體效果的一致性。

3、熟悉AI中所有關(guān)于對(duì)線(xiàn)條的處理工具技巧（路經(jīng)查找器、形狀生成器、鋼筆工具、旋轉(zhuǎn)工具、縮放工具等）。

繪制基礎(chǔ)幾何形

提前最好能大致畫(huà)個(gè)草圖，把大概的幾何形表現(xiàn)出來(lái)。然后再進(jìn)入軟件處理。有了基本構(gòu)圖，開(kāi)始動(dòng)手時(shí)才能做到“胸中有丘壑”。

STEP 01

打開(kāi)AI，新建一個(gè)1296px*1728px的文檔。并用矩形工具繪制出海報(bào)邊框，所繪制出的矩形關(guān)閉填充，保持描邊大小為3px。這個(gè)矩形就是海邊的邊框大形。矩形大小為1040px*1498px。

為了定位以及構(gòu)形的方便，最好加入輔助線(xiàn)。而你所創(chuàng)建的幾何形的尺寸也不要產(chǎn)生小數(shù)點(diǎn)，這樣能保證最佳像素表現(xiàn)（例如：矩形寬度1124px是可以的，但是1124.5px的話(huà)也許就會(huì)帶來(lái)麻煩）。

STEP 02

再繼續(xù)增加幾個(gè)基礎(chǔ)幾何形，以確定大致的構(gòu)圖方案。簡(jiǎn)單來(lái)說(shuō)，首先要找到海報(bào)主題，然后根據(jù)主題去篩選意象。這是一個(gè)關(guān)于“假期”的海報(bào)，運(yùn)用的就是假期里的意象。我們?cè)诖诉\(yùn)用山、水以及各種具有節(jié)日氛圍的裝飾元素。

在基礎(chǔ)形的安排上，我們將海報(bào)簡(jiǎn)單劃分了上下兩部分，上部分的主角是山，下方的主角是水。裝飾就圍繞這兩個(gè)主角展開(kāi)。

山水之間的是“人”，但在此我們未必要繪制出人的形象，而是用人所貼近的物象來(lái)表現(xiàn)人的存在感。假期中的人，我們打算用一些更歡樂(lè)的意象，比如彩帶以及相應(yīng)的建筑來(lái)表現(xiàn)出假期旅行的一路風(fēng)景。在繪制基礎(chǔ)形時(shí)，盡管你還沒(méi)有開(kāi)始入手這些細(xì)節(jié)，但你的構(gòu)圖安排已經(jīng)有此傾向。

繪制主角物象

上面我們講過(guò)，我們的主角是山、水、人。因此，下面就讓我們來(lái)重點(diǎn)繪制出這些意象。這時(shí)，我們還沒(méi)有進(jìn)入“裝飾”環(huán)節(jié)，因此不必將細(xì)節(jié)都一一表現(xiàn)。

STEP 03

山的部分我們只需要突出山的形，因此三角底部的線(xiàn)條可以刪減?？梢圆捎娩摴P工具來(lái)刪掉三角形的底邊。用鋼筆工具來(lái)刪掉線(xiàn)條的方法是在要?jiǎng)h減的路徑上增加錨點(diǎn)，然后再利用直接選擇工具點(diǎn)擊這個(gè)錨點(diǎn)點(diǎn)擊鍵盤(pán)的delete鍵。

STEP 04

運(yùn)用錨點(diǎn)來(lái)刪減路徑的技巧訣竅，是通過(guò)實(shí)踐去了解錨點(diǎn)對(duì)路徑的決定作用，一個(gè)錨點(diǎn)被刪除，那么該路徑就將結(jié)束于這個(gè)錨點(diǎn)最近旁的錨點(diǎn)處。用這個(gè)方法可以繼續(xù)處理另外兩個(gè)山形。

STEP 05

接下我們繪制屬于“人”的部分。這個(gè)部分中間的圓形，我們將安排摩天輪這個(gè)意向，表現(xiàn)出假日的休閑氛圍。利用比例縮放工具就能繪制出另外兩個(gè)較小的同心圓，第一個(gè)同心圓的縮放比例是80%，第二個(gè)是50%，并點(diǎn)擊復(fù)制。（注：后一個(gè)同心圓的比例是針對(duì)前一個(gè)被縮放后的圓，而非第一個(gè)。）

STEP 06

再?gòu)膱A心處繪制一條直線(xiàn)，利用旋轉(zhuǎn)工具對(duì)直線(xiàn)進(jìn)行旋轉(zhuǎn)復(fù)制，旋轉(zhuǎn)的角度設(shè)置為45°，想要旋轉(zhuǎn)線(xiàn)條覆蓋整個(gè)360°，最簡(jiǎn)單的方法是復(fù)制第一個(gè)后，其余采用快捷鍵“Ctrl+D”重復(fù)上一步操作。

然后根據(jù)這個(gè)方式，再?gòu)牧硪粋€(gè)角度繪制出另外一組旋轉(zhuǎn)的線(xiàn)條，這組線(xiàn)條較上一條稍短。

此刻，我們就止步于這個(gè)摩天輪的雛形。

STEP 07

由于海報(bào)運(yùn)用了對(duì)稱(chēng)構(gòu)圖，在摩天輪的左右兩邊安排一些建筑物。這里的對(duì)稱(chēng)是從整體結(jié)構(gòu)上來(lái)說(shuō)，而建筑物外形未必要完全一致。左右錯(cuò)落有致會(huì)更加有視覺(jué)魅力。再補(bǔ)充彩帶的兩側(cè)部分。

STEP 08

水的部分我們需要更多對(duì)于錨點(diǎn)的控制技巧，這里曝露一下思考過(guò)程：我們想要表現(xiàn)水的回旋流蕩之美，可以采用圓角矩形的圓角部分來(lái)表現(xiàn)，這樣左右蜿蜒就能作出水的效果。但如果用單線(xiàn)來(lái)表現(xiàn)水波顯然有點(diǎn)單薄，為了豐富一下，我們決定利用雙線(xiàn)條并行的方式，但這樣就造成了繪制上的困難?？刹⒉皇菦](méi)有解決方案，如果采用較粗的線(xiàn)條來(lái)繪制單線(xiàn)，將繪制成功的路徑進(jìn)行擴(kuò)展，擴(kuò)展后將填充關(guān)閉，只留下描邊，這樣就會(huì)達(dá)成我們的預(yù)期的雙線(xiàn)并行的效果。

我們這里用描邊30px，如果對(duì)上一段文字描述仍云里霧里的小伙伴，可以看看下圖。

STEP 09

這時(shí)，同樣運(yùn)用鋼筆工具和直接選擇工具就能把上一步的圖例中“水的婉轉(zhuǎn)形態(tài)表達(dá)”以外的部分刪掉，然后將其斷開(kāi)的部分進(jìn)行連接后再進(jìn)入【對(duì)象>擴(kuò)展】，擴(kuò)展后的對(duì)象關(guān)閉填充并保留我們的3px描邊，刪掉頭尾的封閉部分。

STEP 10

將上一步的對(duì)象復(fù)制并進(jìn)行垂直對(duì)稱(chēng)的粘貼，然后，運(yùn)用直接選擇工具對(duì)兩個(gè)對(duì)稱(chēng)對(duì)象進(jìn)行連接。

最新評(píng)論