

在本次教程,你將學會如何在Adobe Illustrator使用網格工具,創建一幅矢量冬夜背景圖!


1.如何畫背景
步驟1
我們開始使用網格!
先來畫一個矩形,用#4B6471
進行填充,借助網格工具(U)給這個形狀手動添加節點創建網格。
一旦網格完成之后,選中底部一排的,以及中間一排的節點,將顏色改為#8A9BA2
。
繼續對頂部和側邊,使用#253B4B
進行填充,從上面數第二排中間的節點用#385260
填充。
最后,將底部的節點顏色改為#D2DAD9
。


步驟2
我們繼續來畫雪丘。
畫一個顏色為#F6F7F2
的矩形,然后使用網格工具(U)添加節點。移動這些節點形成一個彎曲的形狀,盡量和下圖保持一致。
最后,將選中的錨點顏色用#D0DFE4
填充。第一個小丘就完成了!


步驟3
使用之前同樣的方法畫出第二個小丘,使用下面這些顏色:
-
#E1EBEC
-
#C0D1D8
-
#F6F7F2


步驟4
最后,使用類似的流行色畫出第三個雪丘。
-
#CBD8DE
-
#F4F6F1


步驟5
將這些雪丘依次疊放在各自的頂部,第一個放在最前面,第三個是、放在最后面。
讓他們互相重疊放置,和下截圖相匹配!


步驟6
將雪丘放在背景的底部!


2. 如何畫路燈
步驟1
我們接著來畫路燈。
使用鋼筆工具(P)畫輪廓的一半,然后使用對象>變形>鏡像,點擊復制得到另一半,把它們連接在一起。


步驟2
選中這兩半,點擊路徑查找器里面賣的聯集按鈕,創建路燈的整個輪廓。


步驟3
使用鋼筆工具(P),還有一些小橢圓(橢圓工具,L)畫出路燈透明的表面。
將這些形狀放在輪廓頂部,全選,使用路徑查找器里面賣的減去頂層把它們“截切”出去。


步驟4
選中得到的形狀,應用一個從#2A1800
到 #DFCFD9
再到 #2A1800
的線性漸變。


步驟5
使用鋼筆工具(P),,畫一個如下圖所示的裝飾性螺旋。
在描邊面板內,將描邊屬性改為下圖的參數。


步驟6
畫一個小橢圓,把它加在曲線的兩端。
選中曲線,打開對象>擴展外觀,然后選中所有對象,點擊路徑查找器里的聯集,將它們合并,將顏色改為#453A2E
。


步驟7
將燈和裝飾部分放在一起。


步驟8
我們來畫路燈柱!使用我們剛剛學會的網格。
-
- –
-
#100804
-
#7F7460
-
#5A503E


步驟9
同樣的方法,畫出燈柱的第二部分。
-
- –
-
#100804
-
#362C1B
-
#796F5A


步驟10
畫出底座。
-
- –
-
#100804
-
#665B48
-
#3B2E22


步驟11
畫一個顏色為#110600
的圓角形狀,然后打開效果>變形>弧形把它彎曲,使用-20%的彎曲值。
打開對象>擴展外觀。


步驟12
使用網格對形狀進行調色。
-
#413629
-
#6F6452
-
#54493A


步驟13
調整這個形狀的副本大小。


步驟14
將柱子連接子一起,添加我們剛繪制的環形。


步驟15
最后,將燈放在頂部。


3. 如何點亮燈
步驟1
現在我們畫好了輪廓,是時候給燈添加燈光了!
先畫一個細窄的橢圓,添加一個從#FFFF7F
到 #000000
徑向漸變。


步驟2
在頂部放置一個橢圓的副本,調整透明屬性,選擇屏幕,79%。
把它復制一個,對它進行旋轉,調小一點。


步驟3
畫一個同樣漸變的細長橢圓。


步驟4
再頂部創建一個副本,形成一個十字架。將不透明度改為61%。透明模式改為屏幕。


步驟5
畫一個圓,使用同樣的徑向漸變。再次使用混合模式屏幕,現在95%的不透明度。


步驟6
將所有的元素互相疊加在一起,創建一束光焰。


步驟7
使用混合模式屏幕一個從 #FFFFFF
到 #FFB500
再到 #000000
的徑向漸變,為光畫最后一個橢圓。


步驟8
將第一束燈光放在路燈輪廓的后面,將最后一個橢圓放在頂部。


步驟9
給兩盞燈添加燈光。


步驟10
為即將到來的景色創建更多路燈副本。


4. 如何添加樹木和雪花
步驟1
我們先來畫樹木!
學會
,我們將使用本次教程第二部分的方法?,F在畫樹干,填充顏色為#544E48
,開始添加更多樹枝的副本,如下圖所示。


步驟2
添加更多樹枝完成整棵樹。


步驟3
將所有的樹枝復制一個,畫另外一個樹干。


步驟4
給第二棵樹根據更多樹枝。


步驟5
畫一個從 #FCFC98
到 #000000
的徑向漸變作為高光,將不透明度改為70%,透明模式為屏幕。


步驟6
創建幾個樹木的副本,在后面添加高光。


步驟7
把樹木和燈放在背景上。


步驟8
畫兩個一樣的圓。一個用#ACB99A
填充,另一個用一個從#020200
到白色的徑向漸變。
將兩個圓的不透明模式改為屏幕。


步驟9
將綠色的圓放在漸變的下面,然后選中這兩個圓,使用透明度面板內的創建蒙版,點擊剪切和置入蒙版。


步驟10
給背景的頂部添加這些高光。


步驟11
怎么添加雪花,參考
。


步驟12
在最頂部畫一個矩形,將你想要顯示在最終圖內的內容“框選”出來。


步驟13
選中所有元素,右擊,選擇創建切剪切蒙版。


步驟14
完成了!


不錯,你現在完成了!

