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