Advertisement
  1. Design & Illustration
  2. Global Influences
Design

如何使用漸變網格創建傳統的中國花鳥畫

by
Difficulty:AdvancedLength:LongLanguages:

Chinese (Traditional) (中文(繁體)) translation by Shu Wu (you can also view the original English article)

Final product image
What You'll Be Creating

編輯寄語:這個教程有些特殊的意義。它是藝雲台網絡(Envato Tuts+)十多年歷史以來第一個源語言非英文的教程,第一次,中文教程被翻譯成英文以供我們說英文的受眾閱讀。這對Envato Tuts+ 來說或許是一小步,卻是跨文化設計交流的一大步。作者嶌翴 是出色的矢量作品藝術家, 在Envato的中文內容合作伙伴站酷的用戶平台上, 也相當活躍。

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

插畫背後的象徵意義

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

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

我們今天的設計對象是牡丹—中國的十大名花之壹,它象征著繁榮和好運。 在中國藝術中,牡丹是很常見的主題,文人的詩歌與藝術家的作品中常會看到它。 這是我們即將創建的:

Final Product Chinese Traditional Bird and Flower painting Vector

這是一幅矢量繪畫作品:

Peonies by Shen Zhihua
資料來源︰ 沈志華

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

1.如何創建畫布

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

2.如何繪製花朵

第1步

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

How to Draw Chinese Vectors First Petal Outline

第2步

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

How to Draw Traditional Chinese Art Petal Shading
How to Draw Traditional Chinese Art Petal Color Palette

网格的建立基础:网格的添加,一般都是由简到繁。 有時候看起來很復雜的一個網格,其實是添加其他網格線時候自動生成的交叉線。 以我的经验来说,最好的方式就是在绘制的最早建立一条一横一竖的网格线。 這樣對於下一步的繪制結構清晰可以打比較好的基礎。

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

How to Draw Traditional Chinese Art Using Gradient Mesh

針對形狀復雜的物體,很多人是不是覺得一片網格就能解決? 這當然是不可能的。 比較好的辦法就是創建較多的網格,這樣網格線比較好控制。

第3步

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

How to Draw Traditional Chinese Art First Flower Layers
三層圖

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

How to Draw Traditional Chinese Flowers in Illustrator Petal Layers
第一層

第4步

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

How to Draw Traditional Chinese Flowers in Illustrator Petal Layers 2
第二層

第5步

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

How to Draw Traditional Chinese Flowers in Illustrator Petal Layers 3
第3層

第 6 步

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

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

How to Draw Traditional Chinese Art in Adobe Illustrator Flower Stamen
How to Draw Traditional Chinese Art in Adobe Illustrator Flower Stamen

步骤 7

使用鋼筆工具繪製單個雄蕊花絲的閉合的路徑形狀的。 打開你的顏色面板和顏色選擇器,在更改填充顏色為黃色 (C = 0,M = 0,Y = 100,K = 0)。

How to Draw Traditional Chinese Paintings in Vector Format Stamen Color Selection

第8步

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

How to Draw Traditional Chinese Paintings in Vector Format New Brush
新畫筆圖標在右下角
How to Draw Traditional Chinese Paintings in Vector Format New Art Brush
選擇藝術畫筆

步驟9

將畫筆命名"花蕊筆刷",並將其他選項保留為預設值。 完成後,你會看到畫筆面板中顯示有新的畫筆。

How to Draw Chinese Flowers in Adobe Illustrator Stamen Brush Settings
命名你的畫筆。 其他設置可以保持為預設值。

步驟 10

為了構建花蕊的視覺深度,我們需要各種各樣的花蕊筆刷。 重複上面 (從步驟 5開始)建立多於三個的花蕊筆刷,將它們的形狀和顏色稍作改變。

顏色

  • 第一個筆刷:每個雄蕊26次 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  
How to draw traditional Chinese flower arrangements Stamen Brush Colors

第11步

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

我的筆刷數量

  • 第一個筆刷:每花蕊26次
  • 第二個筆刷:每花蕊6次
  • 第三個筆刷:每花蕊6次
  • 第四個筆刷:每花蕊3次
How to Draw a Traditional Chinese Flower Arrangement Stamen Group

第12步

最後,使用鋼筆工具繪制背景形狀,用網格工具創建顏色背景。這就完成啦。 現在我們完成這一點。

How to Draw Vector Chinese Flowers Stamen Background
How to Draw Vector Chinese Flowers Stamen Palette

3 其他花朵繪制拆解

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

第1步

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

How to Draw Vector Chinese Flowers Red Peony Overview

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

How to Draw Vector Chinese Flowers Red Peony Petal Breakdown
How to Draw Vector Chinese Flowers Red Peony Palette
深粉紅色調色板

第2步

第二層和第三層都有五片花瓣。 用鋼筆工具繪制出每片花瓣的基本形狀,用網格工具做出漸變效果,再如圖所示調整它們的位置,最後成組。 使用網格工具,繪製陰影,如圖所示,對它們進行排列,並將它們組合在一起。

How to Draw Vector Chinese Flowers Red Peony Petal Breakdown 2

第 3 步

接著,我們要畫中間的大花朵。 這是一個花簇,由兩朵連在一起的花朵拼接而成,花簇看上去必須飽滿並且層次分明。 如下是分解的圖層:

How to Draw Vector Chinese Flowers Peony Group Overview
調色板和我們之前用的粉色牡丹一樣。

第4步

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

How to Make Traditional Chinese Paintings in Adobe Illustrator All Flowers

4.如何繪製葉子

第一步

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

How to Make Chinese Flowers in Adobe Illustrator Leaf Outline
How to Make Chinese Flowers in Adobe Illustrator Leaf Outline Palette
中間的灰色有 80% 的不透明度。

第2步

在葉,選擇所有的路徑,然後選擇效果 > 風格化 > 羽和設置羽化半徑為 0.3 毫米 (0.1 英寸)。

How to Make Chinese Flowers in Adobe Illustrator Outline Feather

第 3 步

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

How to Make Chinese Flowers in Adobe Illustrator Leaf Color Overview

第4步

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

How to Make Chinese Flowers in Adobe Illustrator Transparency Panel Leaf Outline
透明度面板︰ 混合模式 = 疊加;不透明度 = 90%

第5步

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

How to Make Traditional Chinese Paintings in Adobe Illustrator Leaf Types
How to Make Traditional Chinese Paintings in Adobe Illustrator Leaf Palette
我使用的調色板。

第6步

合理佈局餘下的葉子。

How to Make Chinese Flowers in Adobe Illustrator Flowers and Leaves Complete

5.如何繪製藍色葉片

第1步

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

How to Make Chinese Flowers in Adobe Illustrator Blue Leaf Outline

第2步

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

How to Make Chinese Flowers in Adobe Illustrator Blue Leaf Process
How to Make Chinese Flowers in Adobe Illustrator Blue Leaf Palette

第3步

使用鋼筆工具,依照下面的形狀繪製其餘的葉子。

第4步

使用網格工具,為葉子填色,如圖所示。

第5步

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

6.如何繪制枝干

第1步

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

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

How to Draw Chinese Art Branch Outline

第2步

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

How to Draw Chinese Art Branch Background Color

使用網格工具給枝幹上色。

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

How to Draw Chinese Art Branch Shading
How to Draw Chinese Art Branch Palette
枝幹的顏色板

第4步

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

第5步

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

枝幹的調色板。

第6步

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

How to Draw Chinese Art Thin Branch Outline

第7步

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

How to Draw Chinese Art Thin Branch Background

第8步

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

第9步

使用網格工具繪製水彩效果的兩個細枝。 顏色與剛才繪制主要枝干使用的顏色一致。

How to Draw Chinese Art Thin Branch Shading
細枝的漸變網格顏色調色板。

第10步

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

How to Draw Traditional Chinese Peony Arrangements

第11步

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

How to Draw Traditional Chinese Flowers
How to Draw Chinese Art Thin Branch Palette

第12步

安排這些花骨朵在細枝周圍

How to Draw a Chinese Flower Arrangement Bud Mesh

第 13 步

把主連的枝干和次要枝干布局。

How to Draw Chinese Art Flowers Leaves Branches

第14步

從結構上來說還較為松散,這時候我們需要繪制一些細枝干來連接整體。 我們大概需要10個細小的枝幹去填補空缺。 我们先进行第一步:使用钢笔工具绘制细枝干的轮廓。

How to Draw Chinese Art Fill Branches Expanded

第15步

選擇效果 > 風格化 > 羽化效果和設置羽化半徑0.3 毫米 (0.1 英寸)。

How to Draw Chinese Flower Paintings Fill Branches Feather
效果 > 風格化 > 羽化效果和設置羽化半徑為 0.3 毫米(0.1 英寸)

第6步

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

How to Draw Chinese Flower Paintings Transparency Palette
透明度面板︰ 設置的混合模式為正片疊底

第17步

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

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

How to Draw Chinese Flower Paintings Branches Leaves Flowers

7.如何繪制蝴蝶

步驟1

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

使用鋼筆工具,畫蝴蝶輪廓並且填充它為黑色。

第 2 步

全選整個蝴蝶輪廓,執行“效果” > “風格化” > “羽化”。 將羽化數值設置為0.3毫米(0.1英呎)。 在圖層色彩模式設置為“正片疊底”。

How to Draw Chinese Flower Paintings Butterfly Outline

第 3 步

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

How to Draw Chinese Ink Paintings in Vector Butterfly Body

第 4 步

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

How to Draw Chinese Ink Paintings in Vector Butterfly Body Color

第 5 步

把身体图层置于翅膀图层之上,且在手臂和腿的图层之下。

How to Draw Chinese Ink Paintings in Vector Butterfly Body Wings

第 6 步

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

How to Draw Chinese Ink Paintings in Vector Butterfly Wings Background

第 7 步

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

How to Draw Chinese Ink Paintings in Vector Butterfly Mesh Tool
How to Draw Chinese Ink Paintings in Vector Butterfly Palette

8.如何繪制石頭

第 1 步

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

讓我們一起完成最後一個細節吧。

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

使用鋼筆工具,繪製三個單獨的路徑。

第 2 步

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

第 3 步

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

第 4 步

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

第 5 步

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

第 6 步

使用鋼筆工具繪製灰色背景形狀並將其放在那些筆觸的後面。

第 7 步

使用網格工具,將綠灰色應用到的背景形狀,。

傑作完成啦!

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

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

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

  • 吳昌碩 (1844年–1927年): 花鳥畫的復興
  • 徐渭 (1521年–1593年): 花鳥畫家中的梵高,早期女性權利的提倡者
  • 皇帝宋徽宗 (1082年–1135年): 壞皇帝但是是伟大的艺术家

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

How to Draw Chinese Ink Paintings in Vector Completed
How to Draw Chinese Ink Paintings in Vector Completed all meshes
Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.