編者按：今天的教程特別有貴族味兒，說(shuō)的可不僅是效果，連過(guò)程都很有范 ——?快速創(chuàng)建對(duì)稱(chēng)圖形，智能刪除畫(huà)筆，3分鐘刪掉1000多個(gè)點(diǎn)...看起來(lái)很帶勁的功能，全靠教程里的一款插件實(shí)現(xiàn)，來(lái)體驗(yàn)一下。

在本教程中我將告訴你如何使用AI結(jié)合MirrorMe插件來(lái)創(chuàng)建復(fù)雜的對(duì)稱(chēng)圖案，讓你快速創(chuàng)建對(duì)稱(chēng)圖形，智能刪除畫(huà)筆，去除多余的點(diǎn)。那么讓我們開(kāi)始來(lái)了解這些高科技是怎么繪制矢量圖形！

1，安裝插件，創(chuàng)建文檔

提醒：插件的有效期是14天 ^ ^ ?微盤(pán)下載

運(yùn)行AI，然后點(diǎn)擊ctrl+N創(chuàng)建一個(gè)新文檔。在打開(kāi)的對(duì)話框中，設(shè)置畫(huà)板的參數(shù)和選擇色彩模式。（色彩模式取決于你將要把你的作品應(yīng)用于何處，如果你打算打印就選擇CMYK色彩模式，但如果你只是想把你的作品發(fā)布在網(wǎng)絡(luò)上，就選擇RGB 顏色模式。）

二、與 MirrorMe 插件配合使用

第1步

Mirrorme插件可以快速鏡像你的矢量圖形。你可以鏡像你的作品上是一個(gè)軸或多個(gè)（最多72個(gè)）軸。安裝了這個(gè)插件后，你會(huì)看到工具圖標(biāo)出現(xiàn)在工具面板中。要打開(kāi)插件的面板，到窗口> MirrorMe> MirrorMe面板。

選擇MirrorMe工具，然后單擊畫(huà)板，對(duì)稱(chēng)軸會(huì)出現(xiàn)，同時(shí)會(huì)有注解面板出現(xiàn)?，F(xiàn)在，你可以移動(dòng)對(duì)稱(chēng)軸和對(duì)稱(chēng)中心，利用旋轉(zhuǎn)軸改變他們的角度 。

在 Mirrorme 面板中，你可以設(shè)置對(duì)稱(chēng)中心的精確坐標(biāo)與角度和坐標(biāo)軸數(shù)。下圖所示設(shè)置角度為90度，與4軸對(duì)稱(chēng)。

第2步

點(diǎn)擊注釋面板的Apply to Layer或 MirrorMe 面板的Apply to Layer，旋轉(zhuǎn)軸將被固定。

這樣，你在活動(dòng)部位創(chuàng)建對(duì)象會(huì)立即在其他部位出現(xiàn)相同的圖案。我們只能在兩個(gè)三角形之間的面積畫(huà)圖，而在其他部位創(chuàng)建的對(duì)象將被忽略。

三、創(chuàng)建基礎(chǔ)圖形

第1步

使用橢圓工具（L）在活動(dòng)區(qū)域畫(huà)一個(gè)圓。這個(gè)圓不該相交對(duì)稱(chēng)。選擇剪刀工具（C） ，減去點(diǎn)A和點(diǎn)B之間的路徑。

然后刪除該段的路徑。

第2步

繼續(xù)從A點(diǎn)畫(huà)路徑，這是相當(dāng)棘手的。為了避免破壞，你要使用PATHSCRIBE TOOL插件，這就是擴(kuò)展路徑工具， 它真的很有用。因?yàn)樗梢宰屇阊刂欢ǖ能壽E修剪或延伸路徑。安裝該插件工具后出現(xiàn)在工具面板。點(diǎn)擊PathScribe工具圖標(biāo)，在打開(kāi)的子工具面板，選擇擴(kuò)展路徑工具。

當(dāng)點(diǎn)擊點(diǎn)A可以看到標(biāo)注出的軌跡，你可以在它上面延伸路徑。

第3步

有四個(gè)擴(kuò)展模式：?jiǎn)呜惾麪枺愣ò霃?，直線和螺旋。你可以通過(guò)按住E快捷鍵來(lái)切換這些模式或通過(guò)雙擊擴(kuò)展路徑工具圖標(biāo)打開(kāi)擴(kuò)展路徑參數(shù)對(duì)話窗口選擇擴(kuò)展模式。在此窗口中選擇恒定半徑和10px固定半徑。

現(xiàn)在標(biāo)注出了我們的圓弧形狀路徑。

使用鍵盤(pán)上的左箭頭減少圓弧半徑，使用鍵盤(pán)上的右箭頭鍵增加圓弧半徑。

增加半徑直到標(biāo)注顯示與對(duì)稱(chēng)軸相交時(shí)，將左邊的錨點(diǎn)沿注釋工具的指針移動(dòng)到對(duì)稱(chēng)軸上，使它與它的右邊鏡像圖形相連接。

當(dāng)路徑通過(guò)對(duì)稱(chēng)軸后，它與對(duì)稱(chēng)軸右邊的圖形相連接。

第4步

使用鋼筆工具（P）創(chuàng)建一個(gè)弧形線段 。

這一次，我打算把它沿螺旋擴(kuò)大。選擇螺旋式擴(kuò)展模式，然后移動(dòng)到你想要的終點(diǎn)。

在恒定半徑模式，我們可以通過(guò)鍵盤(pán)的左和右箭頭鍵改變螺旋半徑。同時(shí)，我們可以使用上箭頭鍵來(lái)增加和下箭頭鍵來(lái)減小纏繞的螺旋數(shù)。

當(dāng)形狀是你想要的，你再擴(kuò)展路徑。

第5步

繼續(xù)使用鋼筆工具（P）在活動(dòng)區(qū)域畫(huà)路徑 ，并使用擴(kuò)展路徑工具擴(kuò)展它們。

采用擴(kuò)展路徑工具可以很容易地創(chuàng)建一個(gè)連續(xù)的螺旋路徑，隨你想怎樣來(lái)填補(bǔ)其他路徑之間的空間。它可以幫助你避免意外的錯(cuò)誤，節(jié)省了繁瑣的編輯。而標(biāo)準(zhǔn)的螺旋工具我不認(rèn)為它會(huì)很容易讓你快速的創(chuàng)作路徑，因?yàn)樗粫?huì)讓你順利地在路徑上添加一個(gè)螺旋。MirrorMe可以讓你創(chuàng)建的一個(gè)路徑同時(shí)瞬間將其他的對(duì)稱(chēng)的部分畫(huà)好，你實(shí)際上是在創(chuàng)造它的整個(gè)路徑。

四、統(tǒng)一轉(zhuǎn)換成路徑為可變寬度的路徑

第1步

改變路徑的寬度，使得它從起始點(diǎn)到終點(diǎn)逐漸增加。選擇一條路徑，然后應(yīng)用描邊面板的三角形輪廓。在這里，你還可以控制它的寬度。

第2步

使用寬度工具（按Shift+W）在本地控制路徑的寬度。把工具的指針接近所需的點(diǎn)。單擊并拖動(dòng)會(huì)改變它的寬度。

雙擊選定的位置將打開(kāi)一個(gè)對(duì)話框，您可以設(shè)置寬度的精確值。

現(xiàn)在更改所有可用路徑的寬度。

五、刪除多余點(diǎn)

第1步

選擇所有的路徑，然后去對(duì)象>路徑>輪廓化描邊。正如你所看到的，所產(chǎn)生的對(duì)象有大量多余的點(diǎn)。其實(shí)我的路徑中共包含2263點(diǎn)！

好消息是，我們可以使用智能刪除畫(huà)筆工具快速去除其中大部分的點(diǎn)。點(diǎn)擊PathScribe工具圖標(biāo)，在打開(kāi)的子工具面板中選擇智能刪除畫(huà)筆工具。

打開(kāi)智能刪除畫(huà)筆工具窗口，設(shè)置畫(huà)筆大小，勾選僅刪除在不改變路徑的公差范圍內(nèi)的公差值為15。

現(xiàn)在，通過(guò)按住鼠標(biāo)左鍵，在多余的點(diǎn)掃刷。紅線告訴我們刪除點(diǎn)之后是什么形狀的路徑。注意：我們刪除的點(diǎn)不會(huì)明顯改變路徑的形狀！這些變化發(fā)生在我們?cè)O(shè)置的公差范圍內(nèi)。

第2步

你可以禁用選項(xiàng)僅刪除在不改變路徑的公差范圍，繼續(xù)刪除點(diǎn)。在這種情況下，你用刷子刷過(guò)的點(diǎn)將被刪除。這意味著你可以完全控制刪除你想要?jiǎng)h除的點(diǎn)，并保持你想要的路徑形狀。我認(rèn)為這兩種方法應(yīng)該結(jié)合使用，先用容差的方法，去消除大多數(shù)的點(diǎn)，我們可以稱(chēng)之為“粗略”。然后禁用容差的方法，用刷子在每條路徑獨(dú)自操作。

該智能刪除畫(huà)筆工具已迅速清理我的多數(shù)多余的點(diǎn)。我現(xiàn)在只有207點(diǎn)，而不是有2263個(gè)，比編輯以前少11倍！更令人印象深刻的是，這個(gè)只花了我三分鐘！

六、用ColliderScribe插件將圖案元素精確定位

第1步

ColliderScribe?是一個(gè)簡(jiǎn)單的工具集（小編注：AI CC中自帶），在AI中，使你可以將任何物體準(zhǔn)確的放在另一個(gè)物體旁邊。安裝該插件后，你可以在選擇工具（V）組中的工具面板找到新的工具。這就是碰撞對(duì)齊工具和旋轉(zhuǎn)時(shí)碰撞的工具。

使用橢圓工具（L）創(chuàng)建一個(gè)圓形 。

以下演示捕捉碰撞工具的使用方法，選中圓，將其拖動(dòng)到鄰近的對(duì)象。當(dāng)物體接觸時(shí)，一個(gè)紅色的碰撞標(biāo)記將出現(xiàn)在切點(diǎn)，就像真正的物體碰撞。

如果在捕捉容差范圍內(nèi)，你可以移動(dòng)一個(gè)物體繞另一個(gè)物體移動(dòng)而不破壞他們的關(guān)系。

雙擊該工具的圖標(biāo)，在捕捉碰撞首選項(xiàng)對(duì)話框里的捕捉公差值設(shè)置數(shù)值。

第2步

旋轉(zhuǎn)時(shí)碰撞工具不僅允許用戶(hù)可以碰撞形狀，也能沿著另一個(gè)路徑選定對(duì)象。當(dāng)使用旋轉(zhuǎn)時(shí)碰撞工具必須捕獲該對(duì)象的路徑的邊緣。

使用這兩種工具，我已經(jīng)能夠準(zhǔn)確地定位現(xiàn)有的位置和新元素的放置。例如，我用旋轉(zhuǎn)在碰撞工具在螺旋元素的末尾放一個(gè)圓圈。

現(xiàn)在，您可以使用形狀生成器工具（Shift鍵+M） 刪除不需要的部分。

做完后的圖案元素如下圖所示的圖像。

第3步

讓我們用鋼筆工具（P）畫(huà)幾個(gè)簡(jiǎn)單的元素 。這些對(duì)象將填補(bǔ)畫(huà)面中的空白。

（小編提醒：先將圓圈與花紋分別聯(lián)集）選擇所有創(chuàng)建的對(duì)象，然后單擊路徑查找器面板中聯(lián)集。

七、顏色和細(xì)化模式

第1步

選擇所有對(duì)象，并用淺棕色填補(bǔ)他們R = 213，G = 159 ，B = 76。

使用鋼筆工具（P）中的圖形元素的基礎(chǔ)上建立彎曲路徑。并填充褐色R = 180，G = 97 B = 42。設(shè)置描邊為1，在描邊面板中，你還可以調(diào)整元素的形狀。

現(xiàn)在，我們已經(jīng)給圖形添加更深的陰影。

第2步

一些陰影的形狀可以是更復(fù)雜的。對(duì)于這些，創(chuàng)建一個(gè)對(duì)象，用棕色的顏色填充，沒(méi)有描邊。如下圖所示

刪除超出的圖案的邊框陰影的部分。選擇陰影和圖案，用形狀生成器工具（Shift鍵+M） ，然后按住 Alt鍵，點(diǎn)擊我們要?jiǎng)h除的陰影部分。

用上面的步驟，繼續(xù)為其他的元素創(chuàng)建陰影。

第3步

我們將用創(chuàng)建陰影的方法來(lái)創(chuàng)建高光。但是現(xiàn)在，我們要使用的填充色和描邊是黃色R = 246，G = 234， B = 109。高光放在靠近頂部的地方。

現(xiàn)在所有的元素都準(zhǔn)備好了，點(diǎn)擊MirrorMe面板中的移除坐標(biāo)軸中的按鈕，退出對(duì)稱(chēng)模式。

第4步

用矩形工具（M） ，創(chuàng)建一個(gè)與畫(huà)板的大小一樣的矩形，給它填充棕色R = 77，G = 37， B = 28。

在圖層面板中鎖定該對(duì)象。

第5步

將所有對(duì)象編組（Ctrl+G ）。按住 Alt鍵，將圖案移到畫(huà)板的左上角。這樣同時(shí)復(fù)制了圖案。

在圖層面板中鎖定圖案。

第6步

選擇上步的圖案，選擇 MirrorMe 工具，并設(shè)置對(duì)稱(chēng)中心在畫(huà)板的中心。在 MirrorMe 面板選擇對(duì)稱(chēng)的兩軸，然后單擊應(yīng)用選擇。

第7步

使用矩形工具（M） ，創(chuàng)建矩形，使矩形的四個(gè)頂點(diǎn)與四邊圖案的中心點(diǎn)重合。

選擇這些圖案和矩形，然后到對(duì)象>剪貼蒙版>建立。

恭喜您！你大功告成了。

現(xiàn)在你可以在未來(lái)的項(xiàng)目中使用這個(gè)圖案了。

Illustrator 紋理精選教程推薦！

兄弟教程！由淺入深教你制作紋理背景！
《新手教程！教你利用AI創(chuàng)建無(wú)縫拼貼圖案樣式》
《AI新手教程！教你創(chuàng)建細(xì)膩的網(wǎng)頁(yè)斜紋紋理背景》

精致圖案紋理，簡(jiǎn)單實(shí)用！
《新手教程！教你利用AI打造精致無(wú)縫紋理圖案》

原文地址：TUTS+
譯文地址：xueui
譯者：@陌北默
uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量82萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：