毛線編織紋理中的一針一線，最能傳達(dá)溫暖、體貼和一種溫馨的親和力?？椢锏馁|(zhì)感如果運(yùn)用在這類設(shè)計(jì)中將會(huì)非常出彩。今天我們就來(lái)學(xué)習(xí)在AI中如何掌握這一技法，這個(gè)技法的精髓的就在于對(duì)于細(xì)節(jié)和整體的把控，以小見大。而為其增加魅力的是織物上的圖案。
你將會(huì)學(xué)到：
1、運(yùn)用變形工具對(duì)基礎(chǔ)型的變換；
2、利用變換工具來(lái)排布紋理；
3、通過(guò)改變色彩的方式進(jìn)行圖案的安排；
靈感來(lái)源此教程靈感來(lái)自于TUT 教程文章，在原文之上有改動(dòng)和增刪
從基礎(chǔ)形開始通過(guò)觀察紋理，我們都會(huì)發(fā)現(xiàn)，紋理圖案是由一大片相同的小圖案所鋪排構(gòu)成。我們索性就把這個(gè)小圖案稱為“基礎(chǔ)形”。下面我們就來(lái)先繪制一個(gè)這樣的基礎(chǔ)形。
STEP 01讓我們打開AI，新建一個(gè)400*400的文檔，在這個(gè)文檔中繪制一個(gè)橢圓。關(guān)閉描邊，將其填充為藍(lán)色。
選中這個(gè)橢圓，進(jìn)入【效果>變形>旗形】，在打開的變形選項(xiàng)中，在選中水平方向的基礎(chǔ)上，將彎曲強(qiáng)度設(shè)置為20%。這時(shí)對(duì)形狀進(jìn)行變形處理，然后進(jìn)入【對(duì)象>擴(kuò)展外觀】，將其擴(kuò)展為路徑。
將這個(gè)形狀進(jìn)行復(fù)制，復(fù)制后的形狀再略微縮小，選中縮小后的形狀，將其透明度設(shè)置為75%，圖層混合模式改為“濾色”。這個(gè)過(guò)程主要是為了體現(xiàn)織物紋理中的高光部分。
再給織物增加“線”的痕跡，以便讓整個(gè)造型看上去更為擬真。線條的畫法如下：
1、先用橢圓工具畫一個(gè)非常扁的橢圓； 2、運(yùn)用錨點(diǎn)工具點(diǎn)擊左右兩邊的錨點(diǎn)，使這個(gè)橢圓變?yōu)樗笮危?3、再?gòu)?fù)制出4個(gè)梭形，將其縱向排列并且將上下兩個(gè)梭形變得略短； 4、將它們編為一組；
選中上一步所繪制的線條組，進(jìn)入【效果>變形>旗形】，在打開的變形選項(xiàng)設(shè)置中，將彎曲參數(shù)設(shè)置為25%。變形后的形狀進(jìn)行擴(kuò)展，擴(kuò)展后將其混合模式設(shè)置為正片疊底，透明度降至52%，將其置于圖層上方。
將所繪制對(duì)象編組進(jìn)行復(fù)制并對(duì)稱變換，變換后將其兩者再次合并為一組，這樣一個(gè)基礎(chǔ)形就完成了。
就像我們的物質(zhì)世界，無(wú)一不是細(xì)胞所構(gòu)成。基礎(chǔ)形這個(gè)“細(xì)胞”一旦制作完成，那么就要開始構(gòu)建我們的紋理了。
STEP 07先將這個(gè)基礎(chǔ)形縮小，縮小的幅度和整個(gè)畫板相比——大家可以參考下圖?；A(chǔ)形在畫面的最左下角。
保持選中這個(gè)基礎(chǔ)形時(shí)，進(jìn)入【效果>扭曲和變換>變換】，在變換效果參數(shù)面板中，“移動(dòng)”這一欄中對(duì)垂直的參數(shù)進(jìn)行設(shè)置，我在這里設(shè)置為-6px，副本設(shè)置為65。
參數(shù)并不是我事前就了然于胸的，只要你勾選預(yù)覽，然后對(duì)這兩個(gè)參數(shù)進(jìn)行逐一的調(diào)整，看著最終效果進(jìn)行調(diào)試即可。目的是為了讓基礎(chǔ)形次序排列。
接下來(lái)是橫向的變換，運(yùn)用的是同樣的工具。只是這一次是在水平方向的參數(shù)上做調(diào)整。由于這是對(duì)整個(gè)垂直下來(lái)的幾十個(gè)副本一起做橫向變換，因此任務(wù)會(huì)比較大一些。你的電腦也許會(huì)出現(xiàn)遲滯。這個(gè)你可以慢慢來(lái)，參數(shù)調(diào)整時(shí)可以一個(gè)數(shù)字一個(gè)數(shù)字慢慢地加，多一點(diǎn)耐心。
這時(shí)再為整個(gè)畫布添加一塊背景，這塊背景為藍(lán)色，色彩可以稍微比目前所使用的藍(lán)色更深一些。然后將其置于圖層的最下方。這時(shí)你還可以將上一步所做的紋理也都進(jìn)行擴(kuò)展。特別仿真的織物紋理就制作完成啦~
想要讓這片美麗的織物上出現(xiàn)圖案，有很多種方法。今天我們只分享其中一種，叫做色彩積累。這個(gè)方法的原理就是完全模仿真實(shí)的在編織毛線的時(shí)候制作圖案的方法，在圖案的部分運(yùn)用不同色彩的線，在此，每一線就是一個(gè)基礎(chǔ)形，所以也就是通過(guò)改變基礎(chǔ)形的色彩，反復(fù)積累成為圖案。
STEP 11將【STEP 09】中所擴(kuò)展以后的對(duì)象取消編組（選中后連續(xù)進(jìn)行兩次取消編組），直至它能分別獨(dú)立出一個(gè)個(gè)基礎(chǔ)形。這樣以便為下一步改變色彩做準(zhǔn)備。
這時(shí)就可以開始進(jìn)行圖案積累了，其過(guò)程和織毛衣沒(méi)什么差別，就是改變其中某一針的色彩。你目前需要確定的是你的圖案是什么，這里我將用一個(gè)鹿的圖案，當(dāng)然這部分你可以任意發(fā)揮你的想象。
改變色彩很簡(jiǎn)單，選中其中一個(gè)基礎(chǔ)形，然后選擇另外的色板就可以了。這里的色彩選擇，亮度最好不要過(guò)高，否則本身基礎(chǔ)形中的高光將會(huì)看得不那么明顯，看上去會(huì)顯得扁平化了。
先完成鹿頭的部分。
STEP 13再接下采用同樣的方式完成鹿的身體部分。
圖案繪制成功~
最終效果做成圖標(biāo)只需要在其全部對(duì)象的上方繪制一個(gè)圓角矩形，然后選中全部，建立剪切蒙版。
最終效果如下：
前幾天，有人留言問(wèn)我說(shuō)“你常常強(qiáng)調(diào)基礎(chǔ)，那么到底什么是基礎(chǔ)呢？”。他的問(wèn)題突然讓我有點(diǎn)茫然。為什么茫然？因?yàn)橐偨Y(jié)起來(lái)，設(shè)計(jì)的基礎(chǔ)這個(gè)主題的體量太大太大了。一時(shí)無(wú)法貢獻(xiàn)一個(gè)標(biāo)準(zhǔn)答案，而且它的組成部分，有的甚至看似和設(shè)計(jì)不大相關(guān)，比如文學(xué)作品、電影欣賞……你能說(shuō)它們對(duì)你的設(shè)計(jì)完全沒(méi)有幫助嗎？
然而，如果僅僅從學(xué)校老師教給你的才算是基礎(chǔ)的話，那么你學(xué)到的最多也只能是比較有限的“知識(shí)和技巧”而已。而我的感受是，當(dāng)你不斷往前行走，你會(huì)發(fā)現(xiàn)你會(huì)遇到很多“力不從心”的時(shí)刻，這時(shí)，也許聰明的設(shè)計(jì)師會(huì)察覺(jué)，不是你不夠努力，而是你的“基礎(chǔ)”支持不了你走這么遠(yuǎn)。
也許下一篇文章，我會(huì)把一個(gè)設(shè)計(jì)師應(yīng)該擁有的“基礎(chǔ)”這個(gè)話題做出一個(gè)擴(kuò)充和完善，但是，我一個(gè)人的力量很有限。我希望你能把你認(rèn)識(shí)到的設(shè)計(jì)師所應(yīng)該有的“基礎(chǔ)”通過(guò)下面這些方式告訴給我，不要僅僅局限在學(xué)校里的課程安排上面。我將會(huì)發(fā)布一篇集合大家共同之力所寫的文章喲~
