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

最近,我去了趟蘇格蘭高地旅遊。 那裡滿是高山,斜坡,樹林。 正值深秋的時候(或者叫“秋天”,這取決於你的所在地),樹葉開始發生不同程度的變化,顏色各不相同....簡直美極了。 這次教程的靈感就來源於此。
在本次教程中,我將向你展示如何在Adobe Illustrator中繪製一幅簡單的秋日樹林圖案。 將由兩個形狀構成...圓和矩形。 無需使用鋼筆工具,我會從方法到顏色仔細講解整個繪製過程,因此特別適合初學者。
如果你正在尋找一些現成的,獨特的矢量圖案,在GraphicRiver就能找到很多。 裡面有很多特別棒的關於秋天的各種圖案。
1. 如何繪製一棵簡單的樹
步驟1
我們先開始畫樹的基本的形狀。 它由兩個形狀組成:一個圓作為樹葉,還有一個矩形作為樹幹。 使用橢圓工具(L)畫一個圓。 在畫布上點擊一下,會彈出一個對話框。 設置寬為 60 px,高為60 px。
再使用矩形工具(M)在畫布上點擊一下。 在彈出的對話框,設置寬為 8 px,高為 60 px。

步驟2
你會注意到兩個形狀並沒有交叉重疊放置。 我們來讓它們精確對齊放置。 使用對齊面板就可以實現。 如果看不到對齊面板,打開窗口>對齊。
使用選擇工具(V),選中這兩個圖形。 然後在對齊面板裡,點擊水平居中對齊按鈕。 這樣使樹幹位於葉堆的中間。

步驟3
如果你調整的結果和我們一樣,樹幹並不是位於垂直方向的合適位置。 我們可以手動來調整,使用方向箭,或者選中它,將它向上或者向下移動。 如果你選擇的是後者的方法,我建議你啟用智能參考線 (Control-U)。 借助參考線,它可以幫助你讓形狀,路徑,錨點朝其他對像或者中間錨點對齊。 因此,這裡我準備將樹幹的頂部對齊到葉堆的中間。
不小心將它偏離了水平方向的中心? 再次使用對齊面板,點擊水平居中對齊來更正。

2. 如何繪製不同種類的樹
步驟1
森林裡的樹木基本品種一般都不會一樣,有了這個想法,我準備再畫兩個不同種類的樹。 我先來調整這個圓。 首先,選中繪製好的樹,複製(Control-C),粘貼(Control-V)各兩次。
現在有三棵樹了。 一個仍保留之前的形狀,另外兩個將是我們要調整的。

步驟2
第一次形狀的修改,我準備先使用自由變換工具(E)。
選中上面的圓,形狀周圍就會出現一個變換框。 向上拉頂部中間的節點,大概30 px。 現在,我得到一個不一樣樹的形狀。 簡單吧!

步驟3
第二次形狀的修改,我準備使用直接選擇工具 (A)。
這個和選擇工具差不多,但是它可以單獨選中形狀的某個錨點或者路徑。 對於這個形狀,我選中第三棵樹的頂部的錨點。 選中它之後,錨點兩邊的手柄就會出現,如下圖所示。

然後,使用鍵盤上的方向鍵,將這個錨點向上移動,將形狀調整成一個像雞蛋一樣的形狀。 第三棵樹就完成了!

3. 如何給樹添加秋天的顏色
步驟1
選中這三棵樹,複製 (Control-C),粘貼(Control-V),將它們排成一行。 現在有六棵樹將足夠填滿秋天的所有顏色!
我將使用Adobe Illustrator色板裡默認的RGB顏色。 如果你沒有這些顏色的話,我把這些顏色的十六進制代碼列出來。
首先,選中所有的形狀,將描邊顏色改為#534741
。 黑色輪廓對於這種構圖來說有點太醒目了。
然後,將樹幹填充一個淺一點的顏色,#998675
。

步驟2
對於葉子部分的顏色,我準備使用全秋季的色譜,從火紅的橙色到鬱鬱蔥蔥的綠色。 從左到右,顏色一次是:
-
#f15a24
/ 火紅的橙色 -
#fbb03b
/ 淡橙色 -
#fcee21
/ 黃色 -
#d9e021
/ 黃綠色 -
#8cc63f
/ 豆綠色 -
#39b54a
/ 鬱鬱蔥蔥的綠色

4. 如何為圖案的製作準備好形狀
步驟1
分別選中每棵樹,葉子部分和樹幹,將它們進行編組(Control-G)。 這樣選中它們的時候,就比較容易移動。

步驟2
我將三棵樹移到另外三棵樹的上面, 這樣安排的話,在使用圖案選項面板的時候,就能默認應用較小的空間。 說到這個...

5. 如何使用圖案選項模式
步驟1
全選六棵樹,然後打開對象>圖案>建立。 這時會彈出一個對話框提醒你圖案將會被自動加入到色板裡面,點擊OK。
你將會看到一個圖案選項面板,裡面會有各種設置,你選中的對象,還有隻含有選中對象的圖層面板。
讓我們來定義圖案,好嘛?

步驟2
首先將圖案重新命名為“秋天的圖案”, 將拼貼類型改為磚形(按列)。 我傾向於避免使用格子圖案,因為它總是顯得有點太基礎。 這當然只是個人的喜好,因為我發現按磚形排列的圖案更美觀,所以選擇你喜歡的任意拼貼類型。
我將重疊更改為底部在前, 這樣做的話,三個樹幹應該總是出現在重疊部分的後面。

步驟3
我在之前的步驟裡提到,我將兩棵樹排成兩行的時候,形狀所佔的空間將會在圖案選項裡創建一個默認空間, 這將有助於我了解我需要多大的空間來處理我的圖案。
這些形狀所佔的空間是202 x 256 px (在之前的兩個截圖,你可以看到這個大小)。 可是,裡面有很多空白空間,我想對它們進行填補。 我的做法是將寬度和高度各減少大約50 px。 或者是因為我喜歡整數,我設置寬為 150 px,高為 200 px。 現在空間更緊密了。
然後,使用選擇工具 (V),調整移動你的樹木,找到一個你滿意的隨機圖案。

步驟4
在圖案選項模式裡,你可以對現有的形狀進行調整:從顏色到形狀尺寸大小,在今天這個案例裡,我們需要調整的是描邊粗細。 我選中所有的形狀,在描邊面板裡面,將描邊粗細改為2 pt, 這樣使得圖案看起來更符合簡單的漫畫風。

步驟5
你同樣也可以在圖案選項模式裡添加或者刪除形狀。
為了將白色區域進行填補,讓圖案看起來更加多樣的話,我準備加一點一些小點的污垢或者地面紋理。 使用橢圓工具(L)來做。 將填充顏色設為之前形狀的描邊色 (#534741
) ,尺寸為 4 x 4px 。

步驟6
對圓點進行複制,得到三個圓,組成一組,多次復制,將它們放在白色區域內,沿著每個樹幹的邊。
完成之後,點擊屏幕頂部的完成按鈕。 這樣你的圖案就被保存下來了。

6. 如何使用新繪製的圖案
那麼你的圖案去哪裡了呢? 當關閉圖案選項模式之後,你會注意到,畫板上又回到之前繪製的六棵樹。
這個圖案將會在色板上自動保存。 怎麼使用呢,設置你的填充顏色為你畫的圖案,任意畫一個形狀。 你的圖案就顯示出來了。

遠離南瓜拿鐵吧!現在可是秋天了!
“圖案選項”面板是Adobe Illustrator更新之後,我最喜歡的功能之一。 光是玩弄這些設置就很有趣,即使是些基本的形狀。 我希望今天向大家介紹了一些新工具的用法,請在下面評論區讓我看到你們的作品,一起來分享一下吧。

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post