What Youll Be Creating
在本次教程,你將學會如何在Adobe Illustrator使用網格工具,創建一幅矢量冬夜背景圖!
如果你想直接跳過本教程,能夠直接使用帶有其他不錯元素的背景圖,你可以在GraphicRiver上的冬日聖誕夜景中購買到。
冬日聖誕夜景圖
1.如何畫背景
步驟1
我們開始使用網格!
先來畫一個矩形,用#4B6471進行填充,藉助網格工具(U)給這個形狀手動添加節點創建網格。
一旦網格完成之後,選中底部一排的,以及中間一排的節點,將顏色改為#8A9BA2。
繼續對頂部和側邊,使用#253B4B進行填充,從上面數第二排中間的節點用#385260填充。
最後,將底部的節點顏色改為#D2DAD9。
步驟2
我們繼續來畫雪丘。
畫一個顏色為#F6F7F2的矩形,然後使用網格工具(U)添加節點。移動這些節點形成一個彎曲的形狀,盡量和下圖保持一致。
最後,將選中的錨點顏色用#D0DFE4填充。第一個小丘就完成了!
步驟3
使用之前同樣的方法畫出第二個小丘,使用下面這些顏色:
步驟4
最後,使用類似的流行色畫出第三個雪丘。
步驟5
將這些雪丘依次疊放在各自的頂部,第一個放在最前面,第三個是、放在最後面。
讓他們互相重疊放置,和下截圖相匹配!
步驟6
將雪丘放在背景的底部!
2. 如何畫路燈
我們接著來畫路燈。
使用鋼筆工具(P)畫輪廓的一半,然後使用對象>變形>鏡像,點擊複製得到另一半,把它們連接在一起。
選中這兩半,點擊路徑查找器裡面賣的聯集按鈕,創建路燈的整個輪廓。
使用鋼筆工具(P),還有一些小橢圓(橢圓工具,L)畫出路燈透明的表面。
將這些形狀放在輪廓頂部,全選,使用路徑查找器裡面賣的減去頂層把它們「截切」出去。
選中得到的形狀,應用一個從#2A1800 到 #DFCFD9 再到 #2A1800的線性漸變。
使用鋼筆工具(P),,畫一個如下圖所示的裝飾性螺旋。
在描邊面板內,將描邊屬性改為下圖的參數。
畫一個小橢圓,把它加在曲線的兩端。
選中曲線,打開對象>擴展外觀,然後選中所有對象,點擊路徑查找器里的聯集,將它們合併,將顏色改為#453A2E。
步驟7
將燈和裝飾部分放在一起。
步驟8
我們來畫路燈柱!使用我們剛剛學會的網格。
步驟9
同樣的方法,畫出燈柱的第二部分。
步驟10
畫出底座。
步驟11
畫一個顏色為#110600的圓角形狀,然後打開效果>變形>弧形把它彎曲,使用-20%的彎曲值。
打開對象>擴展外觀。
步驟12
使用網格對形狀進行調色。
步驟13
調整這個形狀的副本大小。
步驟14
將柱子連接子一起,添加我們剛繪製的環形。
步驟15
最後,將燈放在頂部。
3. 如何點亮燈
現在我們畫好了輪廓,是時候給燈添加燈光了!
先畫一個細窄的橢圓,添加一個從#FFFF7F 到 #000000徑向漸變。
在頂部放置一個橢圓的副本,調整透明屬性,選擇屏幕,79%。
把它複製一個,對它進行旋轉,調小一點。
畫一個同樣漸變的細長橢圓。
再頂部創建一個副本,形成一個十字架。將不透明度改為61%。透明模式改為屏幕。
畫一個圓,使用同樣的徑向漸變。再次使用混合模式屏幕,現在95%的不透明度。
將所有的元素互相疊加在一起,創建一束光焰。
使用混合模式屏幕一個從 #FFFFFF 到 #FFB500 再到 #000000的徑向漸變,為光畫最後一個橢圓。
將第一束燈光放在路燈輪廓的後面,將最後一個橢圓放在頂部。
給兩盞燈添加燈光。
為即將到來的景色創建更多路燈副本。
4. 如何添加樹木和雪花
我們先來畫樹木!
學會如何來畫樹枝,我們將使用本次教程第二部分的方法。現在畫樹榦,填充顏色為#544E48,開始添加更多樹枝的副本,如下圖所示。
添加更多樹枝完成整棵樹。
將所有的樹枝複製一個,畫另外一個樹榦。
給第二棵樹根據更多樹枝。
畫一個從 #FCFC98 到 #000000的徑向漸變作為高光,將不透明度改為70%,透明模式為屏幕。
創建幾個樹木的副本,在後面添加高光。
把樹木和燈放在背景上。
畫兩個一樣的圓。一個用#ACB99A填充,另一個用一個從#020200到白色的徑向漸變。
將兩個圓的不透明模式改為屏幕。
將綠色的圓放在漸變的下面,然後選中這兩個圓,使用透明度面板內的創建蒙版,點擊剪切和置入蒙版。
給背景的頂部添加這些高光。
怎麼添加雪花,參考這個教程。
在最頂部畫一個矩形,將你想要顯示在最終圖內的內容「框選」出來。
選中所有元素,右擊,選擇創建切剪切蒙版。
Advertisement
完成了!
不錯,你現在完成了!
希望你們喜歡本次教程
平安夜冬日背景圖