AI新手教程！手把手教你繪制波西米亞風情紋理

編者按：一起來繪制風靡時尚界的波西米亞紋理！今天的教程主攻兩方面：散點筆刷和色彩搭配，步驟清晰明了，教學深入淺出，一看就懂，一學就會，是新手鞏固筆刷知識和鍛煉色彩搭配的絕佳教程，如果剛好有15分鐘的刷微博時間，就戳進來練練手吧，成為高手從現在開始！

@飛屋睿UIdesign ：佩斯利（Peislay）紋樣，是一種大部分采用圓形或曲線所組成的華麗樣式，狀若水滴。它的名字來源于蘇格蘭西部的一個紡織小鎮，這個小鎮因大量生產該紋飾樣式的披肩而聞名于世。佩斯利花紋細膩、多樣、繁復、華美，充溢著古典主義的氣息。

這種奇妙的紋樣起源于古巴比倫，興盛于波斯和印度。時尚界將它作為一種富于波西米亞情懷的元素進行使用。它的圖案據說是來自于印度教里的“生命之樹”——菩提樹葉或海棗樹葉。也有人從芒果、切開的無花果、松球上找到它的影子。

今天我們要學習的就是如何利用AI軟件里的外觀、散點畫筆和重新著色圖稿來制作出這類繁復多樣的美麗圖案。

一、創建散點畫筆

首先，我們要來創建散點畫筆。此前也提到過，佩斯利紋樣主要是由圓形和曲線所組成，那么，在此我們就利用圓形作為創建散點畫筆的基本樣式。

在AI里新建一個大小為800*600px的文件，畫上一個10 10px的圓形。圓形填充黑色，去掉描邊。

選中黑色圓形，打開畫筆工具面板，在面板中新建散點畫筆。

散點畫筆的選項面板設置為默認值，改名為paisley1，將著色方法調整為“色調”，旋轉相對于“路徑”，點擊確認。這里的選項是針對散點畫筆的元素的樣式進行的調整設置。

點擊確認后，第一個散點畫筆制作完成。選中該散點畫筆，在畫布上用畫筆工具就能勾勒出你想要的圖案。設置描邊顏色就能變化出相應的色彩。

嘗試第一個散點畫筆的創建過程后，我們接著做第二個散點畫筆，它的制作也非常簡單，同樣采用圓形圖案，只是這次我們利用的是中空的造型。

畫上一個10 * 10px的圓形。圓形描邊黑色，描邊大小為1px，去掉填充。再按照上面的步驟新建散點畫筆，改名為paisley2,散點畫筆的面板設置同實心圓的相同。

學會了最為簡單的散點畫筆的創建后，讓我們來挑戰一下稍微難一點的散點畫筆。先讓我們畫一個10*5px的空心橢圓，然后再畫一個實心比它略小的橢圓，將兩個橢圓合并為一個圖案，再復制該圖案并旋轉倒立于其垂直的下方。

進入新建散點畫筆的設置面板，對其數值進行相應設置。其他部分和上面步驟相同，只有間距變為了30%。其道理很簡單，我們的基本圖案是一個長方形的圖案，它的長遠遠大于它的寬，這類圖案都需要在設置間距時，要將間距縮短才能讓它實現密集的排列。

二、調色

在進行圖案創作前，請記得先進行配色色板的選擇。如果在創作過程中再來調色的話，不利于創作本身的發揮。在此打開色板面板，在面板中新建一個顏色組，我在此選擇紫色作為主打色，另外讓綠色與它互補，營造一種撞色的絢麗效果。

如何創建一組配色版？右戳立刻學起來！《設計師必備取色技巧！教你在PS里通過照片創建色板》

三、打造圖案

現在，在畫布上創建我們的圖案，先讓我們畫上圖案的基本樣式：一個水滴狀的圖形。

這時，我們開始對這粒水滴狀圖形的外觀進行設置，這是個相當有趣的過程。在進行外觀設置前，請先確認下你是否已經熟練掌握了外觀面板中的“添加新填充”“添加新描邊”以及“復制外觀”等基礎功能。熟練掌握它們對圖案的制作來說至關重要，你可以利用這些功能對圖形外觀做出包括色彩、形狀、大小等種種改變。你還能不斷修改外觀，增加新的外觀等等。

選中圖形后，打開外觀面板，在面板中將描邊改為綠色3px，并將“對齊描邊”調整為“使描邊內側對齊”。

添加新描邊，在新描邊的外觀設置中你需要注意的是：

1）你的描邊類型不再是線條、圖案而是剛剛制作的paislay3的散點畫筆，這時在面板中是沒有畫筆選擇的，你需要打開畫筆面板點擊paislay3畫筆。

2）描邊的大小等屬性都可以打開加了下劃線的描邊兩個字進入屬性面板，這里，將描邊大小改為1.5px，剛好能顯示出散點畫筆的一半，也就是一個裝飾性的橢圓形水滴。

3）外觀面板中的各種外觀的排列層疊次序與圖層的概念類似，都是在上方遮擋下方的外觀。例如剛剛我設置過3px的綠色描邊，這個描邊放置在紫色填充的上方，而接下來增加的散點畫筆描邊就放置在最底層，也就是紫色填充的下方，這樣就看起來仿佛兩個描邊合二為一。

我們再為這個圖案添加點復雜的紋樣吧，這和做菜加鹽、味精等調味料是類似的道理。沒有一個客觀的定律是必須要怎樣做，但就像學習烹飪一樣，菜肴中調味料的多寡和搭配是否能贏得大家的胃口，通過你不斷嘗試然后總結出來才能建立屬于自己的“庫存”。這里，我演示一次我的做法，你也可以采用其他的方式來做出你的圖案。

添加新填充，填充色為色板中的粉紅色。對新填充添加新效果，點擊【路徑>位移路徑】，在位移路徑的屬性面板的【位移】中填寫“-15px”，這個位移數值如果是0，路徑保持原位置不變，當成為負值時，路徑就縮小，相反如果是正值，路徑就擴大。

為粉紅色的填充添加新描邊，這時可以復制舊有的3px的線條描邊，然后將復制后的描邊放置于粉紅色填充的上方。也為該描邊添加新的效果，位移路徑-15px。

添加新描邊，可以復制舊有的1.5px的paisley3描邊，然后將復制后的描邊放置于粉紅色填充的下方，將該描邊變為paisley1，顏色換為另一種綠色。添加新效果，位移路徑-17px。

你是否領會到外觀的使用方法一二呢？這時再為圖形繼續添加新填充和新描邊，填充為紫色，描邊為綠色，位移路徑-30px。

接下來，讓我們為這個圖形添加另一種新效果。首先復制上一步的紫色填充外觀，再將復制出的外觀填充改為綠色，進入添加新效果，【風格化>涂抹】。在涂抹選項中進行設置。這時，你的設置和我的可能不同，不需要拘泥到具體的數字，只要最后調整后達到如下圖中所示效果即可。

這時，我們的paisley紋樣就做好了。選中圖形后，點擊添加新樣式，保存為paisley新樣式。這時，你就能使用這個樣式做出成千上萬個紋樣圖案了。

四、重新著色

選中圖形，點擊工具欄上方的重新著色圖稿按鈕，打開重新著色圖稿面板。面板當中的各種設置都是針對新的著色圖稿的方案。在此，你可以在協調規則中進行著色的選擇，例如我在此選擇的合成色，圖案的配色就跟著瞬間發生了改變。

你還可以點選“將顏色組限定為某一色板中的顏色”來打開相應的色板并選擇相應的協調規則。例如，我在此選擇紡織品的合成色，圖案配色就發生了如下改變。

當你對自己的重新配色滿意時，就可以選擇保存該圖案樣式，以備后用。

另外還有手動改變圖案的色彩，在重新著色圖稿面板中選擇“編輯”，進入編輯選項會看到一個調色盤，調色盤里可以讓你手動選擇配色方案，你對調色盤中拾色器的拖動會改變下方的HSB滑塊里數值，而圖案也會馬上顯示出你的配色結果。你也可以通過移動HSB滑塊來進行改變。當你對自己的配色能力很自信時，手動調整是最好的選擇。

五、創建紋樣圖案

將你所配色的方案一一排列好后，新建一個無縫圖案，無縫圖案的做法請參見教程《新手教程！教你利用AI打造精致無縫紋理圖案》。

后記

沒錯，利用散點畫筆和重新著色圖稿工具做出的圖案如同萬花筒，它的千變萬化讓人著迷，更有意思的是，你能在這之中體會到創作的樂趣。

急求紋理素材與教材？看這里！

最火的多邊形背景免費打包下載！
《大福利！350M高分辨率低多邊形背景圖打包下載！》

自己動手豐衣足食！多邊形背景簡易教程！
《簡易教程出來啦！教你幾步創建超火的多邊形背景》

細膩不簡單的紋理教程，超適合新手呦！
《AI新手教程！教你創建細膩的網頁斜紋紋理背景》

原文地址：jianshu.
作者：@飛屋睿UIdesign

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量83萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：