Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Autumn

如何在Adobe Illustrator繪製一幅簡單的秋天樹林圖案

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

最近,我去了趟蘇格蘭高地旅遊。 那裡滿是高山,斜坡,樹林。 正值深秋的時候(或者叫“秋天”,這取決於你的所在地),樹葉開始發生不同程度的變化,顏色各不相同....簡直美極了。 這次教程的靈感就來源於此。

在本次教程中,我將向你展示如何在Adobe Illustrator中繪製一幅簡單的秋日樹林圖案。 將由兩個形狀構成...圓和矩形。 無需使用鋼筆工具,我會從方法到顏色仔細講解整個繪製過程,因此特別適合初學者。

如果你正在尋找一些現成的,獨特的矢量圖案,在GraphicRiver就能找到很多。 裡面有很多特別棒的關於秋天的各種圖案

1. 如何繪製一棵簡單的樹

步驟1

我們先開始畫樹的基本的形狀。 它由兩個形狀組成:一個圓作為樹葉,還有一個矩形作為樹幹。 使用橢圓工具(L)畫一個圓。 在畫布上點擊一下,會彈出一個對話框。 設置寬為 60 px高為60 px

再使用矩形工具(M)在畫布上點擊一下。 在彈出的對話框,設置寬為 8 px高為 60 px

Create the two shapes

步驟2

你會注意到兩個形狀並沒有交叉重疊放置。 我們來讓它們精確對齊放置。 使用對齊面板就可以實現。 如果看不到對齊面板,打開窗口>對齊

使用選擇工具(V),選中這兩個圖形。 然後在對齊面板裡,點擊水平居中對齊按鈕。 這樣使樹幹位於葉堆的中間。

Align the shapes

步驟3

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

不小心將它偏離了水平方向的中心? 再次使用對齊面板點擊水平居中對齊來更正。

Move the trunk into place

2. 如何繪製不同種類的樹

步驟1

森林裡的樹木基本品種一般都不會一樣,有了這個想法,我準備再畫兩個不同種類的樹。 我先來調整這個圓。 首先,選中繪製好的樹,複製(Control-C)粘貼(Control-V)各兩次。

現在有三棵樹了。 一個仍保留之前的形狀,另外兩個將是我們要調整的。

Duplicate the trees

步驟2

第一次形狀的修改,我準備先使用自由變換工具(E)

選中上面的圓,形狀周圍就會出現一個變換框。 向上拉頂部中間的節點,大概30 px。 現在,我得到一個不一樣樹的形狀。 簡單吧!

Stretch the circle

步驟3

第二次形狀的修改,我準備使用直接選擇工具 (A)

這個和選擇工具差不多,但是它可以單獨選中形狀的某個錨點或者路徑。 對於這個形狀,我選中第三棵樹的頂部的錨點。 選中它之後,錨點兩邊的手柄就會出現,如下圖所示。

Select the top point

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

Eggy tree anyone

3. 如何給樹添加秋天的顏色

步驟1

選中這三棵樹,複製 (Control-C),粘貼(Control-V),將它們排成一行。 現在有六棵樹將足夠填滿秋天的所有顏色!

我將使用Adobe Illustrator色板裡默認的RGB顏色。 如果你沒有這些顏色的話,我把這些顏色的十六進制代碼列出來。

首先,選中所有的形狀,將描邊顏色改為#534741。 黑色輪廓對於這種構圖來說有點太醒目了。

然後,將樹幹填充一個淺一點的顏色,#998675

Filling the trunks

步驟2

對於葉子部分的顏色,我準備使用全秋季的色譜,從火紅的橙色到鬱鬱蔥蔥的綠色。 從左到右,顏色一次是:

  • #f15a24/ 火紅的橙色
  • #fbb03b / 淡橙色
  • #fcee21 / 黃色
  • #d9e021 / 黃綠色
  • #8cc63f / 豆綠色
  • #39b54a / 鬱鬱蔥蔥的綠色
Add colours to the trees

4. 如何為圖案的製作準備好形狀

步驟1

分別選中每棵樹,葉子部分和樹幹,將它們進行編組(Control-G)。 這樣選中它們的時候,就比較容易移動。

Grouping the trees

步驟2

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

Moving the trees

5. 如何使用圖案選項模式

步驟1

全選六棵樹,然後打開對象>圖案>建立。 這時會彈出一個對話框提醒你圖案將會被自動加入到色板裡面,點擊OK

你將會看到一個圖案選項面板,裡面會有各種設置,你選中的對象,還有隻含有選中對象的圖層面板

讓我們來定義圖案,好嘛?

Pattern Options panel

步驟2

首先將圖案重新命名為“秋天的圖案”,  將拼貼類型改為磚形(按列)。 我傾向於避免使用格子圖案,因為它總是顯得有點太基礎。 這當然只是個人的喜好,因為我發現按磚形排列的圖案更美觀,所以選擇你喜歡的任意拼貼類型。

我將重疊更改為底部在前,  這樣做的話,三個樹幹應該總是出現在重疊部分的後面。

Renaming Overlap and Tile Type

步驟3

我在之前的步驟裡提到,我將兩棵樹排成兩行的時候,形狀所佔的空間將會在圖案選項裡創建一個默認空間,  這將有助於我了解我需要多大的空間來處理我的圖案。

這些形狀所佔的空間是202 x 256 px (在之前的兩個截圖,你可以看到這個大小)。 可是,裡面有很多空白空間,我想對它們進行填補。 我的做法是將寬度和高度各減少大約50 px。 或者是因為我喜歡整數,我設置150 px200 px。 現在空間更緊密了。

然後,使用選擇工具 (V),調整移動你的樹木,找到一個你滿意的隨機圖案。

Reduce the pattern size and move your trees around

步驟4

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

Changing the stroke weight

步驟5

你同樣也可以在圖案選項模式裡添加或者刪除形狀。

為了將白色區域進行填補,讓圖案看起來更加多樣的話,我準備加一點一些小點的污垢或者地面紋理。 使用橢圓工具(L)來做。 將填充顏色設為之前形狀的描邊色 (#534741) ,尺寸為 4 x 4px

Adding dirt

步驟6

對圓點進行複制,得到三個圓,組成一組,多次復制,將它們放在白色區域內,沿著每個樹幹的邊。

完成之後,點擊屏幕頂部的完成按鈕。 這樣你的圖案就被保存下來了。

Adding more dirt

6. 如何使用新繪製的圖案

那麼你的圖案去哪裡了呢? 當關閉圖案選項模式之後,你會注意到,畫板上又回到之前繪製的六棵樹。

這個圖案將會在色板上自動保存。 怎麼使用呢,設置你的填充顏色為你畫的圖案,任意畫一個形狀。 你的圖案就顯示出來了。

Using your pattern

遠離南瓜拿鐵吧!現在可是秋天了!

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

Final pattern
关注我们的公众号
Advertisement
Advertisement
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.