大家好，我是奶哥，這篇教程是我和一個(gè)國(guó)外的設(shè)計(jì)教學(xué)平臺(tái)合作的，主要講的是使用AI繪制矢量國(guó)畫的技法分析。
由于工作很忙，教程在拖延中總算是在年底完成了，也難得編輯對(duì)我的忍耐哈哈哈哈。另外謝謝鳥姐夫?qū)ξ业恼疹櫤投酱?，?duì)于一個(gè)拖延患兒來說，好需要一個(gè)人天天在家里督（催）促著。如果你們想知道鳥姐夫是誰，請(qǐng)私信，然后就沒有然后了哈哈哈哈哈哈哈。
好了，接下來讓我們開始進(jìn)入正題吧！
編輯寄語：這篇教程是Envato藝云臺(tái)發(fā)布的，Envato是ZCOOL的國(guó)外內(nèi)容伙伴，在Envato頁面上可以看到跟多的教程”
Envato藝云臺(tái)是創(chuàng)造性資產(chǎn)和創(chuàng)造性人才匯聚的全球領(lǐng)先市場(chǎng)平臺(tái)。全球數(shù)百萬人都選擇通過我們的市場(chǎng)平臺(tái)、工作室和課程來購買文件、選聘自由職業(yè)者，或者學(xué)習(xí)創(chuàng)建網(wǎng)站、制作視頻、應(yīng)用、制圖等所需的技能。我們的子網(wǎng)站包括Envato Tuts+ 藝云臺(tái)網(wǎng)絡(luò)，它是全球最大的高品質(zhì)、原創(chuàng)H5、PS、插圖、代碼和攝影教程資源庫，以及Envato藝云臺(tái)市場(chǎng)，其中的900多萬類數(shù)字資產(chǎn)均通過以下七大平臺(tái)進(jìn)行銷售—— GraphicRiver、ThemeForest、CodeCanyon、VideoHive、PhotoDune、AudioJungle和3DOcean。
關(guān)注Envato藝云臺(tái)的站酷公眾號(hào)！
在今天的教程中，我將向你展示如何使用Adobe Illustrator中的漸變網(wǎng)格工具創(chuàng)作中國(guó)的十大名花之一——牡丹。
插畫背后的象征意義中國(guó)畫是具有悠久歷史的中國(guó)民族傳統(tǒng)繪畫，它以其鮮明的特色和風(fēng)格在各個(gè)畫派中獨(dú)樹一幟。當(dāng)歐洲老一輩的大師們對(duì)果盆和造型模特的細(xì)節(jié)呈現(xiàn)小心翼翼、情有獨(dú)鐘時(shí)，中國(guó)的大師們則專注于主要的三類主題上：人物、山水以及花鳥。今天，我們就來繪制后者。
你會(huì)發(fā)現(xiàn)在該作品中沒有背景顏色，那是因?yàn)樵谥袊?guó)藝術(shù)中，留白也是非常重要的。跨時(shí)代的偉大國(guó)畫畫家常常也是拿捏虛實(shí)藏露原則的高手。虛實(shí)藏露，換句話說，就是懂得什么該被直觀畫出，什么該留給觀者想象，什么該被展現(xiàn)出來，什么該被暗示而不顯露。
我們今天的設(shè)計(jì)對(duì)象是牡丹——中國(guó)的十大名花之一，它象征著繁榮與好運(yùn)。在中國(guó)藝術(shù)中，牡丹是一個(gè)很常見的主題，文人的詩歌與藝術(shù)家的視覺設(shè)計(jì)中常會(huì)看到它的身影。這也是我們接下來要?jiǎng)?chuàng)作的：
這是一副矢量化的繪畫作品：
傳統(tǒng)繪畫往往是用蘸取了墨汁或顏料的毛筆在絲綢或宣紙上作畫。我想用矢量軟件（Adobe Illustrator CC 2015）來研究下矢量國(guó)畫的繪制技法。你絕對(duì)想不到，只要一個(gè)簡(jiǎn)單的命令--羽化，就可以很好地模擬國(guó)畫的水墨效果。
打開Adobe Illustrator CC 2015，執(zhí)行“文件”>“新建”命令，打開“新建”對(duì)話框，在彈出的對(duì)話框中設(shè)置文件寬度為240mm，高度為280mm，分辨率為300（為了便于應(yīng)用于印刷用途），顏色模式CMYK。如圖所示，完成設(shè)置后，單擊“確定”按鈕，新建一個(gè)圖像文件。
2.如何繪畫花朵 第1步我們將會(huì)使用一個(gè)重復(fù)的技巧來構(gòu)建每朵牡丹：使用鋼筆工具繪制每個(gè)花瓣的形狀，再用網(wǎng)格工具上色，最后在圖層布置中使花瓣就位以構(gòu)造出最終的花朵。下面我們就選取其中一個(gè)簡(jiǎn)單的花瓣形狀進(jìn)行練習(xí)。使用鋼筆工具繪制一個(gè)花瓣的輪廓。
使用網(wǎng)格工具給花瓣循序漸進(jìn)上色，步驟請(qǐng)參考下圖。
網(wǎng)格的建立基礎(chǔ)：網(wǎng)格的添加，一般都是由簡(jiǎn)到繁，有時(shí)候看起來很復(fù)雜的一個(gè)網(wǎng)格，其實(shí)是添加其他網(wǎng)格線時(shí)候自動(dòng)生成的交叉線。以我的經(jīng)驗(yàn)來說，最好的方式就是在繪制的最早建立一條一橫一豎的網(wǎng)格線。這樣對(duì)于下一步的繪制結(jié)構(gòu)清晰可以打比較好的基礎(chǔ)。
網(wǎng)格上色技巧：網(wǎng)格上色是使用點(diǎn)于點(diǎn)之間的距離進(jìn)行控制，希望顏色暈染的開一點(diǎn)，就讓點(diǎn)與點(diǎn)的距離大些。如果點(diǎn)挨著點(diǎn)，顏色的中間過渡就小。
針對(duì)形狀復(fù)雜的物體，很多人在糾結(jié)是不是一片網(wǎng)格就能解決？這當(dāng)然是不可能的。比較好的辦法就是分成比較多的網(wǎng)格，這樣布線比較好控制。
第3步我們將繪制的花朵分為3個(gè)層次，讓每個(gè)花瓣前后有序地進(jìn)行組合。第一個(gè)層次的花朵繪制，這個(gè)是最外層的花朵分布；第二個(gè)層次的花朵繪制，這個(gè)部分是花朵的中部，包含了花苞和花蕊部分；第三部分是花朵的最后包圍層。
下一步要繪畫花蕊（花朵的中間部分），但現(xiàn)在我們要從第一層開始。如下圖所示，使用鋼筆工具繪制五片花瓣中每片花瓣的輪廓，然后使用網(wǎng)格工具給花瓣循序漸進(jìn)上色，再按照左邊所示布置它們的位置。完成之后，選擇所有的花瓣并將它們編組（Control+G）。
第二層共有十片花瓣。使用鋼筆工具繪制每片花瓣的輪廓，然后使用網(wǎng)格工具給花瓣循序漸進(jìn)上色，再如圖所示布置它們的位置 。選擇該圖層中的所有花瓣，將它們編組（Control+G），然后點(diǎn)擊右鍵“排列”>“置于底層”（Shift+Control+[）把它移到第一層之后。
第三層也是最后一層有五片花瓣，最簡(jiǎn)單的已經(jīng)在第一步畫完。重復(fù)上面的步驟來完成第三層：使用鋼筆工具繪制每片花瓣的輪廓，然后使用網(wǎng)格工具給花瓣循序漸進(jìn)上色，再如圖所示布置它們的位置。將圖層編組，點(diǎn)擊右鍵“排列”>“置于底層”（Shift+Control+[）把它移到第一層之后。
現(xiàn)在我們繪畫花蕊?；ㄈ锏牟糠址譃榈咨突ㄈ?，底部的藍(lán)色使用鋼筆工具繪制，網(wǎng)格工具上色，就像剛剛的花瓣那樣。黃色花蕊使用自定義筆刷繪制。
觀察下面的輪廓對(duì)比圖，你會(huì)發(fā)現(xiàn)花蕊部分是可編輯粗細(xì)的鋼筆路徑，藍(lán)色花蕊是網(wǎng)格填充。
第7步
使用鋼筆工具繪制一個(gè)花蕊輪廓的閉合路徑。軟件默認(rèn)填充為黑色，此時(shí)雙擊工具欄的顏色面板，彈出拾色器，將黑色花瓣填充為黃色（C=0, M=0, Y=100, K=0）。
接著選中繪制好的黃色花蕊。打開畫筆面板（F5），點(diǎn)擊新建畫筆圖標(biāo)，選擇藝術(shù)畫筆選項(xiàng)，然后點(diǎn)擊確定。
將畫筆命名為花蕊畫筆，其他選項(xiàng)按照軟件默認(rèn)設(shè)置，點(diǎn)擊確定即可完成藝術(shù)畫筆的創(chuàng)建。完成設(shè)置后，可以看到畫筆選框出現(xiàn)剛才創(chuàng)建的新畫筆。
繪制花蕊的時(shí)候?yàn)榱藸I(yíng)造層次，讓我們用多種筆刷來繪制。重復(fù)上面的步驟（從第5步開始），用稍顯不同的形狀和顏色創(chuàng)建另外三種花蕊筆刷。
顏色：-
第一筆刷： C=0, M=0, Y=100, K=0 (剛創(chuàng)建的)
-
第二筆刷： C=31, M=58, Y=95, K=0
-
第三筆刷：C=12, M=11, Y=78, K=0
-
第四筆刷： C=5, M=1, Y=52, K=0
使用鋼筆工具以稍輕的曲線創(chuàng)建大約40個(gè)路徑，然后用上一步中創(chuàng)建的筆刷上色。
我的筆刷數(shù)量
-
第一筆刷：每花蕊26次
-
第二筆刷：每花蕊6次
-
第三筆刷：每花蕊6次
-
第四筆刷：每花蕊3次
最后，使用鋼筆工具繪制背景形狀，用網(wǎng)格工具創(chuàng)建顏色背景。這就算大功告成了。
我們會(huì)用和上面同樣的方法繪制其他的牡丹花：用鋼筆工具描繪出花瓣的輪廓，用網(wǎng)格工具上色，然后再把它們沿著中心的花蕊以圖層來布置。
第1步這朵紅色牡丹花也由三個(gè)圖層繪制而成，由最外層花瓣開始由外至內(nèi)繪制。以下是每一層的拆解:
第一層由三片花瓣的底簇和13片花瓣組成的主體構(gòu)成。用鋼筆工具繪制出每片花瓣的基本形狀，用網(wǎng)格工具和暗紅色色板調(diào)出漸變效果
第二層和第三層都有五片花瓣。用鋼筆工具繪制出每片花瓣的基本形狀，用網(wǎng)格工具做出漸變效果，再如圖所示調(diào)整它們的位置，最后編組。
接著咱們要畫中間的大花朵。這是一個(gè)花簇，由兩朵連在一起的花朵拼接而成，由于是畫面的主體，花簇看上去必須飽滿并且層次分明。以下是圖層拆解：
最后，將三朵花分別高低錯(cuò)落地?cái)[在畫布上，接下來我們進(jìn)行莖葉的繪制。
使用鋼筆工具繪制葉子的輪廓，中心的線條用較深的黑色填充，最外層的線條則用漸變的灰色填充。中深灰的不透明度為80%。
選中所有的葉子路徑，執(zhí)行“效果” > “風(fēng)格化” > “羽化”，羽化半徑為0.3mm 。
使用鋼筆工具，畫出葉片的背景。使用網(wǎng)格工具，繪制葉片的顏色。然后將它粘貼在葉片輪廓的下一層。
然后將葉片輪廓的圖層顏色模式設(shè)置成正片疊低，透明度90%。葉片就繪制好了。這個(gè)方法可以創(chuàng)作出傳統(tǒng)國(guó)畫的畫筆效果。
用同樣的方法，繪制更多不同形狀和尺寸的葉子。這里請(qǐng)注意的是，葉子的顏色要有深淺，這樣才比較有層次。由于葉子有生長(zhǎng)時(shí)間的先后，另外整副作品的葉子占比很高，所以我們需要幾種葉子，來讓作品看起來層次更加豐富；四到六種就足夠。以下是我繪制的幾種葉子：
接著把畫完的葉子合理布局。
藍(lán)色的葉片組包含七片不同的葉子，形成了一簇葉枝。我們先從第一片開始。使用鋼筆工具繪制葉片輪廓，并填充顏色（C=94, M=87, Y=98, K=61）。
使用網(wǎng)格工具在葉子內(nèi)側(cè)增加錨點(diǎn)，并改變顏色。
使用鋼筆工具繪制剩下的葉子，形狀如下。
使用網(wǎng)格工具上色如下。
將繪制的藍(lán)色葉片高低錯(cuò)落分布，然后全部選中編組（Control+G）即可。
作品中的枝干分為三種：一種是主連接枝干，另外一種是次要枝干，還有一種是細(xì)枝干。我們從主連接枝干開始。主連接枝干像葉子一樣，由網(wǎng)格和輪廓部分組合。
使用鋼筆工具繪制枝干輪廓。要記住，我們是在模擬毛筆畫的筆觸，因此線條應(yīng)該有一點(diǎn)崎嶇不平。
使用鋼筆工具繪制枝干顏色輪廓，并將其填充褐色。
使用網(wǎng)格工具給枝干上色。對(duì)于枝干顏色的繪制，網(wǎng)格分布可以“將錯(cuò)就錯(cuò)”，不需要特意整理網(wǎng)格的分布，這樣在色彩的變化上更加隨意，也符合國(guó)畫的特征。
將背景色置于輪廓下層并編組（Control+G）。
作品中有五個(gè)主要枝干，因此繼續(xù)用上述步驟繪制出其他主枝干。位于后方的枝干顏色要淡些，飽和度也更低，位于前面的枝干顏色則更深、更濃郁。
我們現(xiàn)在來繪制圖中左上角的次要枝干。使用鋼筆工具繪制枝干輪廓，這里填充的顏色使用比粗枝干顏色淺的黑色并設(shè)置透明度80%。
使用鋼筆工具繪制枝干顏色輪廓，并將其填充顏色，填充顏色使用比輪廓色淺的灰色。
使用鋼筆工具繪制第二個(gè)次要枝干的輪廓，再創(chuàng)建一個(gè)背景形狀并填充灰色。
使用網(wǎng)格工具給兩個(gè)次要枝干上色，做出水彩的效果。顏色與剛才繪制主要枝干使用的顏色一致。
我的最終作品中共有11個(gè)花苞，當(dāng)然了，你可以按自己的喜好增添數(shù)量。使用鋼筆工具繪制出花苞的形狀。
使用網(wǎng)格工具上色。這里的花苞無需添加復(fù)雜的網(wǎng)格點(diǎn)，只要在色塊上添加一個(gè)網(wǎng)格點(diǎn)即可。顏色設(shè)置成漸變淺紅色，背景色為暗紅色。
沿著次要枝干布置花苞的位置。
把主連接枝干和次要枝干布局。
這就是繪制好花朵、枝干、葉片的效果，但是從結(jié)構(gòu)上來說還較為松散，這時(shí)候我們需要繪制一些細(xì)枝干來連接整體。我們先進(jìn)行第一步：使用鋼筆工具繪制細(xì)枝干的輪廓。
執(zhí)行效果 > 風(fēng)格化 > 羽化效果，羽化半徑設(shè)置為0.3mm。
在透明度設(shè)置面板中，將顏色模式設(shè)置為正片疊底。
重復(fù)上面的步驟，使葉片之間不再留有空白。
作品主體繪制完成，接下來讓我們繪制輔助的一些圖案，比如石頭，蝴蝶。
由于蝴蝶是作為豐富畫面的陪襯，所以在繪制上不做過于復(fù)雜的處理，以下就來拆解蝴蝶的繪制步驟。
使用鋼筆工具繪制蝴蝶的輪廓，填充黑色。
后全選，執(zhí)行“效果” > “風(fēng)格化” > “羽化”，將羽化數(shù)值設(shè)置為0.3mm。最后全選輪廓，將圖層色彩模式設(shè)置為“正片疊底”。
使用鋼筆工具繪制蝴蝶的身體，并填充顏色。
使用網(wǎng)格工具給蝴蝶的身體上色。我用明亮的顏色點(diǎn)與灰色的漸變，呈現(xiàn)出光澤的效果。
把身體圖層置于翅膀圖層之上，且在手臂和腿的圖層之下。
使用鋼筆工具，繪制填充翅膀的背景形狀。
使用網(wǎng)格工具為翅膀的背景形狀上色，并把它置于翅膀輪廓的下一層。
接下來，我們來一起繪制石頭，在花鳥畫中，一般會(huì)出現(xiàn)假山石頭這樣的陪襯物，為了讓畫面更加飽滿完整。在石頭的繪制上，輪廓線條我采用的是AI的自帶筆刷來模仿毛筆加上干墨的繪制效果。上色方面依舊是采用網(wǎng)格上色。
讓我們一起來繪制本案例的最后一個(gè)細(xì)節(jié)吧。
我用三種不同的方法來繪制石頭不同的輪廓線條。下圖中的線條，我用鋼筆工具繪出路徑再在上面應(yīng)用筆刷工具。
使用鋼筆工具繪制三個(gè)獨(dú)立路徑。
打開筆刷選擇面板（執(zhí)行菜單欄中的“窗口”> “畫筆”，或者是直接按快捷鍵F5打開畫筆面板），選擇“矢量包” > “頹廢畫筆矢量包” > “頹廢畫筆矢量包 06”，將畫筆應(yīng)用到路徑上，筆觸就這樣設(shè)置好了。
對(duì)于頂部和底部的線條，我們將用鋼筆工具繪制線條的形狀，然后用網(wǎng)格工具上色。使用鋼筆工具，繪制如下圖所示的形狀。
使用網(wǎng)格工具，為頂部和底部的線條上黑色。
接下來是中心的線條。使用鋼筆工具繪出形狀路徑，上色，接著使用羽化效果（執(zhí)行“效果” > “風(fēng)格化” > “羽化”，將羽化數(shù)值設(shè)置為0.3mm）。
使用鋼筆工具繪制灰色的背景形狀，并置于線條下一層。
使用網(wǎng)格工具為背景形狀上色，做出綠色和灰色的陰影效果。
最后把畫好的蝴蝶和石頭在畫面上擺放好位置，本案例就繪制完成了。
該教程中的繪制技法，尤其是上層線條的羽化效果與形狀圖層的網(wǎng)格上色法的結(jié)合使用，可以被用于整個(gè)傳統(tǒng)國(guó)畫的矢量繪制中。
想要了解更多關(guān)于傳統(tǒng)的花鳥繪畫？下面是一些大師作品的相關(guān)資源：
-
吳昌碩 (1844年–1927年): 花鳥畫的復(fù)興
-
徐渭 (1521年–1593年): 花鳥畫家中的梵高，早期女性權(quán)利的提倡者
-
皇帝宋徽宗 (1082年–1135年): 糟糕的軍事家，偉大的藝術(shù)家
最后，我們?cè)賮砜纯磩偼瓿傻淖髌芬约巴暾木W(wǎng)格圖：
這是我寫過最長(zhǎng)的教程，沒有之一。
奶哥寫的相當(dāng)辛苦，
所以，看到的請(qǐng)不用客氣的點(diǎn)贊~~~
