• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator繪製中國風牡丹花教程




    Illustrator繪製中國風牡丹花教程

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自站酷的矢量教程類文章,寫教學的作者是炻I,感謝炻I提供Illustrator教程的實作教學。

    教學大綱:

    這篇教程是我和一個國外的設計教學平台合作的,主要講的是使用AI繪製矢量國畫的技法分析。下面就一起來學習吧。


    Illustrator教程教學開始

    大家好我是奶哥,這篇教程是我和一個國外的設計教學平台合作的,主要講的是使用AI繪製矢量國畫的技法分析。由於工作很忙,教程在拖延中總算是在年底完成了,也難得編輯對我的忍耐哈哈哈哈。另外謝謝鳥姐夫對我的照顧和督促,對於一個拖延患兒來說,好需要一個人天天在家裡督(催)促着。如果你們想知道鳥姐夫是誰,請私信,然後就沒有然後了哈哈哈哈哈哈哈。

    教程原文是英文的,是我第一次編寫該類型的教程,雖然我只是寫中文,翻譯成英文都是編輯幫助完成的。

    原文地址:https://design.tutsplus.com/tutorials/how-to-create-a-traditional-chinese-bird-and-flower-painting-in-adobe-illustrator–cms-27767?ec_unit=translation-info-language

    先看看效果圖:

    Illustrator繪製中國風牡丹花教程

    編輯寄語:這篇教程是Envato藝雲台發布的,Envato是ZCOOL的國外內容夥伴,在Envato頁面上可以看到跟多的教程。

    Envato藝雲台是創造性資產和創造性人才匯聚的全球領先市場平台。全球數百萬人都選擇通過我們的市場平台、工作室和課程來購買文件、選聘自由職業者,或者學習創建網站、製作視頻、應用、製圖等所需的技能。我們的子網站包括Envato Tuts+ 藝雲台網絡,它是全球最大的高品質、原創H5、PS、插圖、代碼和攝影教程資源庫,以及Envato藝雲台市場,其中的900多萬類數字資產均通過以下七大平台進行銷售—— GraphicRiver、ThemeForest、CodeCanyon、VideoHive、PhotoDune、AudioJungle和3DOcean。

    關注Envato藝雲台的站酷公眾號。

    在今天的教程中,我將向你展示如何使用Adobe Illustrator中的漸變網格工具創作中國的十大名花之一——牡丹。

    插畫背後的象徵意義:

    中國畫是具有悠久歷史的中國民族傳統繪畫,它以其鮮明的特色和風格在各個畫派中獨樹一幟。當歐洲老一輩的大師們對果盆和造型模特的細節呈現小心翼翼、情有獨鍾時,中國的大師們則專註於主要的三類主題上:人物、山水以及花鳥。今天,我們就來繪製後者。

    你會發現在該作品中沒有背景顏色,那是因為在中國藝術中,留白也是非常重要的。跨時代的偉大國畫畫家常常也是拿捏虛實藏露原則的高手。虛實藏露,換句話說,就是懂得什麼該被直觀畫出,什麼該留給觀者想象,什麼該被展現出來,什麼該被暗示而不顯露。

    我們今天的設計對象是牡丹——中國的十大名花之一,它象徵著繁榮與好運。在中國藝術中,牡丹是一個很常見的主題,文人的詩歌與藝術家的視覺設計中常會看到它的身影。這也是我們接下來要創作的:

    這是一副矢量化的繪畫作品:

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    傳統繪畫往往是用蘸取了墨汁或顏料的毛筆在絲綢或宣紙上作畫。我想用矢量軟件(Adobe Illustrator CC 2015)來研究下矢量國畫的繪製技法。你絕對想不到,只要一個簡單的命令–羽化,就可以很好地模擬國畫的水墨效果。

    1.如何創建畫板

    打開Adobe Illustrator CC 2015,執行“文件”>“新建”命令,打開“新建”對話框,在彈出的對話框中設置文件寬度為240mm,高度為280mm,分辨率為300(為了便於應用於印刷用途),顏色模式CMYK。如圖所示,完成設置后,單擊“確定”按鈕,新建一個圖像文件。

    2.如何繪畫花朵

    第1步

    我們將會使用一個重複的技巧來構建每朵牡丹:使用鋼筆工具繪製每個花瓣的形狀,再用網格工具上色,最後在圖層布置中使花瓣就位以構造出最終的花朵。下面我們就選取其中一個簡單的花瓣形狀進行練習。使用鋼筆工具繪製一個花瓣的輪廓。

    Illustrator繪製中國風牡丹花教程

    第2步

    使用網格工具給花瓣循序漸進上色,步驟請參考下圖。

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    網格的建立基礎:網格的添加,一般都是由簡到繁,有時候看起來很複雜的一個網格,其實是添加其他網格線時候自動生成的交叉線。以我的經驗來說,最好的方式就是在繪製的最早建立一條一橫一豎的網格線。這樣對於下一步的繪製結構清晰可以打比較好的基礎。

    網格上色技巧:網格上色是使用點於點之間的距離進行控制,希望顏色暈染的開一點,就讓點與點的距離大些。如果點挨着點,顏色的中間過渡就小。

    Illustrator繪製中國風牡丹花教程

    針對形狀複雜的物體,很多人在糾結是不是一片網格就能解決?這當然是不可能的。比較好的辦法就是分成比較多的網格,這樣布線比較好控制。

    第3步

    我們將繪製的花朵分為3個層次,讓每個花瓣前後有序地進行組合。第一個層次的花朵繪製,這個是最外層的花朵分佈;第二個層次的花朵繪製,這個部分是花朵的中部,包含了花苞和花蕊部分;第三部分是花朵的最後包圍層。

    Illustrator繪製中國風牡丹花教程

    下一步要繪畫花蕊(花朵的中間部分),但現在我們要從第一層開始。如下圖所示,使用鋼筆工具繪製五片花瓣中每片花瓣的輪廓,然後使用網格工具給花瓣循序漸進上色,再按照左邊所示布置它們的位置。完成之後,選擇所有的花瓣並將它們編組(Control+G)。

    Illustrator繪製中國風牡丹花教程

    第4步

    第二層共有十片花瓣。使用鋼筆工具繪製每片花瓣的輪廓,然後使用網格工具給花瓣循序漸進上色,再如圖所示布置它們的位置 。選擇該圖層中的所有花瓣,將它們編組(Control+G),然後點擊右鍵“排列”>“置於底層”(Shift+Control+[)把它移到第一層之後。

    Illustrator繪製中國風牡丹花教程

    第5步

    第三層也是最後一層有五片花瓣,最簡單的已經在第一步畫完。重複上面的步驟來完成第三層:使用鋼筆工具繪製每片花瓣的輪廓,然後使用網格工具給花瓣循序漸進上色,再如圖所示布置它們的位置。將圖層編組,點擊右鍵“排列”>“置於底層”(Shift+Control+[)把它移到第一層之後。

    Illustrator繪製中國風牡丹花教程

    第6步

    現在我們繪畫花蕊。花蕊的部分分為底色和花蕊,底部的藍色使用鋼筆工具繪製,網格工具上色,就像剛剛的花瓣那樣。黃色花蕊使用自定義筆刷繪製。

    觀察下面的輪廓對比圖,你會發現花蕊部分是可編輯粗細的鋼筆路徑,藍色花蕊是網格填充。

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    第7步

    使用鋼筆工具繪製一個花蕊輪廓的閉合路徑。軟件默認填充為黑色,此時雙擊工具欄的顏色面板,彈出拾色器,將黑色花瓣填充為黃色(C=0, M=0, Y=100, K=0)。

    Illustrator繪製中國風牡丹花教程

    第8步

    接着選中繪製好的黃色花蕊。打開畫筆面板(F5),點擊新建畫筆圖標,選擇藝術畫筆選項,然後點擊確定。

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    第9步

    將畫筆命名為花蕊畫筆,其他選項按照軟件默認設置,點擊確定即可完成藝術畫筆的創建。完成設置后,可以看到畫筆選框出現剛才創建的新畫筆。

    Illustrator繪製中國風牡丹花教程

    第10步

    繪製花蕊的時候為了營造層次,讓我們用多種筆刷來繪製。重複上面的步驟(從第5步開始),用稍顯不同的形狀和顏色創建另外三種花蕊筆刷。

    顏色:

    第一筆刷: C=0, M=0, Y=100, K=0 (剛創建的)

    第二筆刷: C=31, M=58, Y=95, K=0

    第三筆刷:C=12, M=11, Y=78, K=0

    第四筆刷: C=5, M=1, Y=52, K=0

    Illustrator繪製中國風牡丹花教程

    第11步

    使用鋼筆工具以稍輕的曲線創建大約40個路徑,然後用上一步中創建的筆刷上色。

    我的筆刷數量

    第一筆刷:每花蕊26次

    第二筆刷:每花蕊6次

    第三筆刷:每花蕊6次

    第四筆刷:每花蕊3次

    Illustrator繪製中國風牡丹花教程

    第12步

    最後,使用鋼筆工具繪製背景形狀,用網格工具創建顏色背景。這就算大功告成了。

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    3.其他花朵繪製拆解

    我們會用和上面同樣的方法繪製其他的牡丹花:用鋼筆工具描繪出花瓣的輪廓,用網格工具上色,然後再把它們沿着中心的花蕊以圖層來布置。

    第1步

    這朵紅色牡丹花也由三個圖層繪製而成,由最外層花瓣開始由外至內繪製。以下是每一層的拆解:

    Illustrator繪製中國風牡丹花教程

    第一層由三片花瓣的底簇和13片花瓣組成的主體構成。用鋼筆工具繪製出每片花瓣的基本形狀,用網格工具和暗紅色色板調出漸變效果

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    第2步

    第二層和第三層都有五片花瓣。用鋼筆工具繪製出每片花瓣的基本形狀,用網格工具做出漸變效果,再如圖所示調整它們的位置,最後編組。

    Illustrator繪製中國風牡丹花教程

    第3步

    接着咱們要畫中間的大花朵。這是一個花簇,由兩朵連在一起的花朵拼接而成,由於是畫面的主體,花簇看上去必須飽滿並且層次分明。以下是圖層拆解:

    Illustrator繪製中國風牡丹花教程

    第4步

    最後,將三朵花分別高低錯落地擺在畫布上,接下來我們進行莖葉的繪製。

    Illustrator繪製中國風牡丹花教程

    4.如何繪製葉子

    第一步

    使用鋼筆工具繪製葉子的輪廓,中心的線條用較深的黑色填充,最外層的線條則用漸變的灰色填充。中深灰的不透明度為80%。

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    第2步

    選中所有的葉子路徑,執行“效果” > “風格化” > “羽化”,羽化半徑為0.3mm 。

    Illustrator繪製中國風牡丹花教程

    第3步

    使用鋼筆工具,畫出葉片的背景。使用網格工具,繪製葉片的顏色。然後將它粘貼在葉片輪廓的下一層。

    Illustrator繪製中國風牡丹花教程

    第4步

    然後將葉片輪廓的圖層顏色模式設置成正片疊低,透明度90%。葉片就繪製好了。這個方法可以創作出傳統國畫的畫筆效果。

    Illustrator繪製中國風牡丹花教程

    第5步

    用同樣的方法,繪製更多不同形狀和尺寸的葉子。這裡請注意的是,葉子的顏色要有深淺,這樣才比較有層次。由於葉子有生長時間的先後,另外整副作品的葉子佔比很高,所以我們需要幾種葉子,來讓作品看起來層次更加豐富;四到六種就足夠。以下是我繪製的幾種葉子:

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    第6步

    接着把畫完的葉子合理布局。

    Illustrator繪製中國風牡丹花教程

    5.如何繪製藍色葉片組

    第1步

    藍色的葉片組包含七片不同的葉子,形成了一簇葉枝。我們先從第一片開始。使用鋼筆工具繪製葉片輪廓,並填充顏色(C=94, M=87, Y=98, K=61)。

    Illustrator繪製中國風牡丹花教程

    第2步

    使用網格工具在葉子內側增加錨點,並改變顏色。

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    第3步

    使用鋼筆工具繪製剩下的葉子,形狀如下。

    Illustrator繪製中國風牡丹花教程

    第4步

    使用網格工具上色如下。

    Illustrator繪製中國風牡丹花教程

    第5步

    將繪製的藍色葉片高低錯落分佈,然後全部選中編組(Control+G)即可。

    Illustrator繪製中國風牡丹花教程

    6.如何繪製枝幹

    第1步

    作品中的枝幹分為三種:一種是主連接枝幹,另外一種是次要枝幹,還有一種是細枝幹。我們從主連接枝幹開始。主連接枝幹像葉子一樣,由網格和輪廓部分組合。

    使用鋼筆工具繪製枝幹輪廓。要記住,我們是在模擬毛筆畫的筆觸,因此線條應該有一點崎嶇不平。

    Illustrator繪製中國風牡丹花教程

    第2步

    使用鋼筆工具繪製枝幹顏色輪廓,並將其填充褐色。

    Illustrator繪製中國風牡丹花教程

    第3步

    使用網格工具給枝幹上色。對於枝幹顏色的繪製,網格分佈可以“將錯就錯”,不需要特意整理網格的分佈,這樣在色彩的變化上更加隨意,也符合國畫的特徵。

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    第4步

    將背景色置於輪廓下層並編組(Control+G)。

    Illustrator繪製中國風牡丹花教程

    第5步

    作品中有五個主要枝幹,因此繼續用上述步驟繪製出其他主枝幹。位於後方的枝幹顏色要淡些,飽和度也更低,位於前面的枝幹顏色則更深、更濃郁。

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    第6步

    我們現在來繪製圖中左上角的次要枝幹。使用鋼筆工具繪製枝幹輪廓,這裡填充的顏色使用比粗枝幹顏色淺的黑色並設置透明度80%。

    Illustrator繪製中國風牡丹花教程

    第7步

    使用鋼筆工具繪製枝幹顏色輪廓,並將其填充顏色,填充顏色使用比輪廓色淺的灰色。

    Illustrator繪製中國風牡丹花教程

    第8步

    使用鋼筆工具繪製第二個次要枝幹的輪廓,再創建一個背景形狀並填充灰色。

    Illustrator繪製中國風牡丹花教程

    第9步

    使用網格工具給兩個次要枝幹上色,做出水彩的效果。顏色與剛才繪製主要枝幹使用的顏色一致。

    Illustrator繪製中國風牡丹花教程

    第10步

    我的最終作品中共有11個花苞,當然了,你可以按自己的喜好增添數量。使用鋼筆工具繪製出花苞的形狀。

    Illustrator繪製中國風牡丹花教程

    第11步

    使用網格工具上色。這裡的花苞無需添加複雜的網格點,只要在色塊上添加一個網格點即可。顏色設置成漸變淺紅色,背景色為暗紅色。

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    第12步

    沿着次要枝幹布置花苞的位置。

    Illustrator繪製中國風牡丹花教程

    第13步

    把主連接枝幹和次要枝幹布局。

    Illustrator繪製中國風牡丹花教程

    第14步

    這就是繪製好花朵、枝幹、葉片的效果,但是從結構上來說還較為鬆散,這時候我們需要繪製一些細枝幹來連接整體。我們先進行第一步:使用鋼筆工具繪製細枝幹的輪廓。

    Illustrator繪製中國風牡丹花教程

    第15步

    執行效果 > 風格化 > 羽化效果,羽化半徑設置為0.3mm。

    Illustrator繪製中國風牡丹花教程

    第16步

    在透明度設置面板中,將顏色模式設置為正片疊底。

    Illustrator繪製中國風牡丹花教程

    第17步

    重複上面的步驟,使葉片之間不再留有空白。

    Illustrator繪製中國風牡丹花教程

    作品主體繪製完成,接下來讓我們繪製輔助的一些圖案,比如石頭,蝴蝶。

    Illustrator繪製中國風牡丹花教程

    7.如何繪製蝴蝶

    第1步

    由於蝴蝶是作為豐富畫面的陪襯,所以在繪製上不做過於複雜的處理,以下就來拆解蝴蝶的繪製步驟。

    使用鋼筆工具繪製蝴蝶的輪廓,填充黑色。

    Illustrator繪製中國風牡丹花教程

    第2步

    后全選,執行“效果” > “風格化” > “羽化”,將羽化數值設置為0.3mm。最後全選輪廓,將圖層色彩模式設置為“正片疊底”。

    Illustrator繪製中國風牡丹花教程

    第3步

    使用鋼筆工具繪製蝴蝶的身體,並填充顏色。

    Illustrator繪製中國風牡丹花教程

    第4步

    使用網格工具給蝴蝶的身體上色。我用明亮的顏色點與灰色的漸變,呈現出光澤的效果。

    Illustrator繪製中國風牡丹花教程

    第5步

    把身體圖層置於翅膀圖層之上,且在手臂和腿的圖層之下。

    Illustrator繪製中國風牡丹花教程

    第6步

    使用鋼筆工具,繪製填充翅膀的背景形狀。

    Illustrator繪製中國風牡丹花教程

    第7步

    使用網格工具為翅膀的背景形狀上色,並把它置於翅膀輪廓的下一層。

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    8.如何繪製石頭

    第1步

    接下來,我們來一起繪製石頭,在花鳥畫中,一般會出現假山石頭這樣的陪襯物,為了讓畫面更加飽滿完整。在石頭的繪製上,輪廓線條我採用的是AI的自帶筆刷來模仿毛筆加上干墨的繪製效果。上色方面依舊是採用網格上色。

    讓我們一起來繪製本案例的最後一個細節吧。

    我用三種不同的方法來繪製石頭不同的輪廓線條。下圖中的線條,我用鋼筆工具繪出路徑再在上面應用筆刷工具。

    使用鋼筆工具繪製三個獨立路徑。

    Illustrator繪製中國風牡丹花教程

    第2步

    打開筆刷選擇面板(執行菜單欄中的“窗口”> “畫筆”,或者是直接按快捷鍵F5打開畫筆面板),選擇“矢量包” > “頹廢畫筆矢量包” > “頹廢畫筆矢量包 06”,將畫筆應用到路徑上,筆觸就這樣設置好了。

    Illustrator繪製中國風牡丹花教程

    第3步

    對於頂部和底部的線條,我們將用鋼筆工具繪製線條的形狀,然後用網格工具上色。使用鋼筆工具,繪製如下圖所示的形狀。

    Illustrator繪製中國風牡丹花教程

    第4步

    使用網格工具,為頂部和底部的線條上黑色。

    Illustrator繪製中國風牡丹花教程

    第5步

    接下來是中心的線條。使用鋼筆工具繪出形狀路徑,上色,接着使用羽化效果(執行“效果” > “風格化” > “羽化”,將羽化數值設置為0.3mm)。

    Illustrator繪製中國風牡丹花教程

    第6步

    使用鋼筆工具繪製灰色的背景形狀,並置於線條下一層。

    Illustrator繪製中國風牡丹花教程

    第7步

    使用網格工具為背景形狀上色,做出綠色和灰色的陰影效果。

    Illustrator繪製中國風牡丹花教程

    辛苦你了!

    最後把畫好的蝴蝶和石頭在畫面上擺放好位置,本案例就繪製完成了。

    該教程中的繪製技法,尤其是上層線條的羽化效果與形狀圖層的網格上色法的結合使用,可以被用於整個傳統國畫的矢量繪製中。

    想要了解更多關於傳統的花鳥繪畫?下面是一些大師作品的相關資源:

    吳昌碩 (1844年–1927年): 花鳥畫的復興

    徐渭 (1521年–1593年): 花鳥畫家中的梵高,早期女性權利的提倡者

    皇帝宋徽宗 (1082年–1135年): 糟糕的軍事家,偉大的藝術家

    最後,我們再來看看剛完成的作品以及完整的網格圖:

    Illustrator繪製中國風牡丹花教程

    Illustrator繪製中國風牡丹花教程

    — —

    文章永久連結為: Illustrator繪製中國風牡丹花教程