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

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

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

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

一、創(chuàng)建散點(diǎn)畫筆

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

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

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

散點(diǎn)畫筆的選項(xiàng)面板設(shè)置為默認(rèn)值，改名為paisley1，將著色方法調(diào)整為“色調(diào)”，旋轉(zhuǎn)相對(duì)于“路徑”，點(diǎn)擊確認(rèn)。這里的選項(xiàng)是針對(duì)散點(diǎn)畫筆的元素的樣式進(jìn)行的調(diào)整設(shè)置。

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

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

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

學(xué)會(huì)了最為簡單的散點(diǎn)畫筆的創(chuàng)建后，讓我們來挑戰(zhàn)一下稍微難一點(diǎn)的散點(diǎn)畫筆。先讓我們畫一個(gè)10*5px的空心橢圓，然后再畫一個(gè)實(shí)心比它略小的橢圓，將兩個(gè)橢圓合并為一個(gè)圖案，再復(fù)制該圖案并旋轉(zhuǎn)倒立于其垂直的下方。

進(jìn)入新建散點(diǎn)畫筆的設(shè)置面板，對(duì)其數(shù)值進(jìn)行相應(yīng)設(shè)置。其他部分和上面步驟相同，只有間距變?yōu)榱?0%。其道理很簡單，我們的基本圖案是一個(gè)長方形的圖案，它的長遠(yuǎn)遠(yuǎn)大于它的寬，這類圖案都需要在設(shè)置間距時(shí)，要將間距縮短才能讓它實(shí)現(xiàn)密集的排列。

二、調(diào)色

在進(jìn)行圖案創(chuàng)作前，請(qǐng)記得先進(jìn)行配色色板的選擇。如果在創(chuàng)作過程中再來調(diào)色的話，不利于創(chuàng)作本身的發(fā)揮。在此打開色板面板，在面板中新建一個(gè)顏色組，我在此選擇紫色作為主打色，另外讓綠色與它互補(bǔ)，營造一種撞色的絢麗效果。

如何創(chuàng)建一組配色版？右戳立刻學(xué)起來！《設(shè)計(jì)師必備取色技巧！教你在PS里通過照片創(chuàng)建色板》

三、打造圖案

現(xiàn)在，在畫布上創(chuàng)建我們的圖案，先讓我們畫上圖案的基本樣式：一個(gè)水滴狀的圖形。

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

選中圖形后，打開外觀面板，在面板中將描邊改為綠色3px，并將“對(duì)齊描邊”調(diào)整為“使描邊內(nèi)側(cè)對(duì)齊”。

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

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

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

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

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

添加新填充，填充色為色板中的粉紅色。對(duì)新填充添加新效果，點(diǎn)擊【路徑>位移路徑】，在位移路徑的屬性面板的【位移】中填寫“-15px”，這個(gè)位移數(shù)值如果是0，路徑保持原位置不變，當(dāng)成為負(fù)值時(shí)，路徑就縮小，相反如果是正值，路徑就擴(kuò)大。

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

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

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

接下來，讓我們?yōu)檫@個(gè)圖形添加另一種新效果。首先復(fù)制上一步的紫色填充外觀，再將復(fù)制出的外觀填充改為綠色，進(jìn)入添加新效果，【風(fēng)格化>涂抹】。在涂抹選項(xiàng)中進(jìn)行設(shè)置。這時(shí)，你的設(shè)置和我的可能不同，不需要拘泥到具體的數(shù)字，只要最后調(diào)整后達(dá)到如下圖中所示效果即可。

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

四、重新著色

選中圖形，點(diǎn)擊工具欄上方的重新著色圖稿按鈕，打開重新著色圖稿面板。面板當(dāng)中的各種設(shè)置都是針對(duì)新的著色圖稿的方案。在此，你可以在協(xié)調(diào)規(guī)則中進(jìn)行著色的選擇，例如我在此選擇的合成色，圖案的配色就跟著瞬間發(fā)生了改變。

你還可以點(diǎn)選“將顏色組限定為某一色板中的顏色”來打開相應(yīng)的色板并選擇相應(yīng)的協(xié)調(diào)規(guī)則。例如，我在此選擇紡織品的合成色，圖案配色就發(fā)生了如下改變。

當(dāng)你對(duì)自己的重新配色滿意時(shí)，就可以選擇保存該圖案樣式，以備后用。

另外還有手動(dòng)改變圖案的色彩，在重新著色圖稿面板中選擇“編輯”，進(jìn)入編輯選項(xiàng)會(huì)看到一個(gè)調(diào)色盤，調(diào)色盤里可以讓你手動(dòng)選擇配色方案，你對(duì)調(diào)色盤中拾色器的拖動(dòng)會(huì)改變下方的HSB滑塊里數(shù)值，而圖案也會(huì)馬上顯示出你的配色結(jié)果。你也可以通過移動(dòng)HSB滑塊來進(jìn)行改變。當(dāng)你對(duì)自己的配色能力很自信時(shí)，手動(dòng)調(diào)整是最好的選擇。

五、創(chuàng)建紋樣圖案

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

后記

沒錯(cuò)，利用散點(diǎn)畫筆和重新著色圖稿工具做出的圖案如同萬花筒，它的千變?nèi)f化讓人著迷，更有意思的是，你能在這之中體會(huì)到創(chuàng)作的樂趣。

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

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

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

細(xì)膩不簡單的紋理教程，超適合新手呦！
《AI新手教程！教你創(chuàng)建細(xì)膩的網(wǎng)頁斜紋紋理背景》

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

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量83萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(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)頁設(shè)計(jì) 微信號(hào)：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：