怎樣用Adobe Illustrator創建一個扁平化冬日場景

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

在這個教程里,我們將用流行的扁平化樣式來創建一個舒適的冬天森林場景。 我們將用Adobe Illustrator的各種各樣的基礎圖形和路徑查找器,來創建一個可愛的場景。它可以被用作你的博客或者網站的頁眉,也可以用做賀卡或插圖打印。 這個過程很簡單、也很容易理解。

 

1. 創建一棵扁平化的冷杉樹

 

第1步

 

讓我們從制作我們第一棵樹的樹干開始。 創建一個細條紋。?工具:矩形工具(快捷鍵M),像素尺寸:7*90px。

 

填色:棕色。 用實時轉角的特性,把圓圈標記朝中心拖曳,讓條紋的轉角完全變圓。 如果你在使用較早版本的Adobe Illustrator,請點擊效果>風格化>圓角。

 

再增加一個帶圓角的細長圖形,用作冷杉樹的樹枝,它的像素尺寸:7*60px,填色:淺藍色。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第2步

 

按住Alt+Shift并向右拖曳剛創建好的藍色樹枝來復制。 多按幾次Ctrl+D來創建更多復制。 然后讓我們給這些增加些多樣性。 復制第一根樹枝,并粘貼在前面(Ctrl+C>Ctrl+F)。 把圖形壓扁,把它變得短一點,但保持最初像素寬度:7px。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第3步

 

直接選擇工具(A)【我用的是選擇工具(V)】選擇每個條紋的底部錨點并往下拖曳,讓后一個條紋比前一個長。 保持全部藍色圖形同樣的寬度。 將每個條紋復制并縮短,放在原條紋的上方。 對這些短條紋再上色,逐漸加深下方圖形的顏色,如下截圖。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第4步

 

編組(Ctrl+G)每個條紋的組成部分進行編組,形成樹枝,并自上而下放置。 現在讓我們選擇上面的樹枝,雙擊旋轉工具(R)打開選項菜單。 設置角度值:30°,并且對每一個條紋重復同樣的動作,旋轉同樣的角度。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第5步

 

把旋轉好了的樹枝放在樹的左邊,對他們進行編組(Ctrl+G),并且雙擊鏡像工具(O)打開選項菜單。 選擇垂直鏡像,并點擊復制去翻轉鏡像組到樹干的另一邊。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第6步

 

最后,讓我們對樹干再做一點細節處理。 復制樹干圖形并粘貼在前面(Ctrl+C>Ctrl+F)。 讓復制的樹干填色上稍微亮一點。 選擇剪刀工具(C),并點擊頂部和底部錨點,將圖形分成兩半。 刪除復制品的左半邊。

 

太好啦! 我們的第一棵樹——冬日冷杉樹——完成啦! 讓我們繼續畫下一棵!

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

2. 渲染第二棵樹

 

第1步

 

讓我們把第二棵樹做得高點。 從創建一個雙色的樹干開始。 你可以創建一個新的圖形,調整到你喜歡的長度和寬度,或者只是從我們第一棵樹復制樹干,并讓它高點。

 

選擇圓角矩形工具,創建2個小的淺藍圖形放在樹干的頂部,形成樹的樣式化樹冠。

 

選擇藍色圖形和樹干,并用對齊面板來對齊圖形,選擇對齊到關鍵對象,并點擊水平居中對齊。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第2步

 

復制2個藍色圖形粘貼到前面(Ctrl+C>Ctrl+F),并使他們的顏色深一點。 然后用剪刀工具(C)點擊上面復制品兩邊的錨點去剪開,并刪除不需要的一半。

 

以下是第二棵樹與第一棵樹對比,所應該呈現出來的樣子。 我們讓它高一點是為了讓整個作品更加多樣化。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第3步

 

然后讓我們也對這棵樹添加幾個樹枝。 首先,從樹冠上復制一個圓角圖形,放在樹干的右邊。 然后用鋼筆工具(P)直線段工具(\)畫一個正方形。

 

顏色面板中設置描邊顏色:棕色,并前往描邊面板。 在這里,設置端點邊角到中間位置(即端點為:圓頭端點,邊角為:圓角連接),讓線的邊角和兩端都圓一點。 并且設置描邊粗細3pt。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

你可以使用實時轉角的特性使邊角更圓。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第4步

 

讓我們在這里添加更多的樹枝。 復制我們之前做的樹枝,改變他們的尺寸,并且放置復制品。 你甚至可能需要讓樹再高點,能有更多的空間容納額外的樹枝。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第5步

 

讓我們添加一個小的,圓的灌木,它由橢圓工具(L)做的2個圓圈組成。 附上一棵深棕色的樹干。 這個小家伙會幫忙填充我們插圖的一些空白空間。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

3. 創建一棵濃密的橡樹

 

第一步

 

我們將從創建我們橡樹的樹冠開始。 創建一個90*45px的淺藍色的矩形,讓它的邊角完全弄圓。 創建2個圓角小尺寸矩形,形成一個金字塔,一個放在另一個上面。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第2步

 

對圖形進行編組(Ctrl+G),并復制粘貼在前(Ctrl+C>Ctrl+F),讓頂層的拷貝顏色深一點。 保持頂部編組圖形選中狀態,選擇橡皮擦工具(Shift+E),按住Alt鍵,并延伸選擇框以覆蓋右半邊樹冠來刪除它。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第3步

 

在前面添加一個深棕色樹干。 選擇多邊形工具,并設置邊數為3來創建一個微小的三角。 復制創建的三角形,并在花冠左邊和樹干的上方布滿拷貝,形成樹的紋理。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

4. 創建一棵華麗的松樹

 

第一步

 

讓我們使用在這個教程中最早創建的第1棵樹——冷杉樹——去創建一棵高的細節豐富的松樹。 首先,讓它的樹干更高,用直接選擇工具(A)【我用的是選擇工具(V)】向下拖曳它的(指的是樹干)底部錨點。

 

然后選擇全部樹枝,除了頂部的那對樹枝,并按下回車鍵來打開移動窗口。 為了移動所選的樹枝組向下10px,設置水平值到0px,垂直值到10px。

 

從我們剛移動的組中,將頂上的樹枝取消選擇,并且重復同樣的動作,移動剩下的樹枝向下10px。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第2步

 

現在重新對樹枝著色,涂上棕色使它適合樹干。 然后讓我們開始創建松針。 使用圓角矩形工具將微小的垂直的圖形放在上方樹枝的左邊。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第3步

 

把新建的松針移動到樹枝的后面(Shift+Ctrl+[)。 按住Alt+Shift并拖曳它(指松針)至右邊并且向上一點,進行復制。 按Ctrl+D多次,用風格化的松針來填充上面的樹枝。 調整藍色的深淺,使樹枝更多種多樣的。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第4步

 

對我們剛創建的上層樹枝的松針進行編組(Ctrl+G),復制這個組(松針組)并粘貼數次來填充全部的空白樹枝。 使用套索工具(Q)選擇松針底部錨點使底部松針更長一點,并使用向下箭頭鍵將它們調低。

 

你可以讓松樹的左邊暗一點使得它看起來更豐滿。 然后讓我們移動到我們最后一棵樹!

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

5. 創建一棵樣式化的冷杉樹

 

第1步

 

最后,讓我們創建另一棵針葉樹,但這次它會很簡單和樣式化。 首先,使用多邊形工具,創建3個三角形。 改變三角形的尺寸和顏色,使頂部的尺寸小、顏色淺藍,底部的尺寸大、顏色深藍。

 

把這些三角形組合起來,把他們一個放在另一個的下面,形成一個金字塔。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第2步

 

添加一根樹干并置于底層(Shift+Ctrl+[)。 最后,創建一組微小的深藍色的三角形并點綴在冷杉樹的藍色圖形上,添加紋理修飾。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

6. 創建一個冬日森林場景

 

第1步

 

讓我們把我們的樹排成一排,復制其中的一些并改變尺寸來形成一個布局均衡的作品。 用圓角矩形工具在森林的底部添加一條長的水平條紋,形成地面。

 

你可以用Ctrl+[Ctrl+]的組合鍵重新布置這些樹,把一個對象放在另一個對象的上面。

 

選擇全部的樹并前往對齊面板。 在這里,選擇對齊到關鍵對象并點擊垂直底對齊。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

現在全部的樹都平坦地排列在地面上了!

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第2步

 

讓我們添加一個淺米黃色矩形作為樹后面的背景,以便我們能創建一些白色的、下雪的細節。 用白色對水平地面重新著色,并在地面圖形的左邊添加一個小白色的圓。 按住Alt+Shift并拖曳白色圓到右邊,進行一個復制。 點擊Ctrl+D幾次去進行更多復制,用圓覆蓋全部地面圖形。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第3步

 

將圓選定,在路徑查找器里點擊聯集。 選擇橡皮擦工具(Shift+E),按住Alt拖曳出矩形選擇框,覆蓋圓形的下半部分以便刪除。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

如果你把圓和地面條紋結合,那它應該看起來像這樣。

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

第4步

 

現在,讓我們給天空增加一些收尾的細節,來填充作品的空白空間。 選擇圓角矩形工具來創建一個50*15px的圖形。 把小的圖形放在上面,移動到左邊,從而就形成了一朵樣式化的云。

 

創建更多的云,并把它們分布在插圖的上方。 現在看起來完成啦!

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

祝賀! 我們的冬日森林扁平化插圖完成啦!

 

干得漂亮,各位! 我們的扁平化風格冬日森林場景準備好啦! 在這里,我們最后稍稍再加一筆:雪花從云端飄下,讓整幅畫看起來細節更加豐富。 我希望你已經發現了一些新的小建議和訣竅,以便你能在你將來的工作中用到。

 

你可以獲取這副

扁平化冬日森林矢量圖

,來看看它是怎么做出來的,以及還能使用哪些其它配色來應用到這幅圖上,讓它變得更加多樣化,以及拓寬它的使用范圍。 照著這個例子,你能嘗試著對圖像重新著色,描繪一年四季或不同光照,或表現白天和夜晚場景。

玩的開心!

 

怎樣用Adobe Illustrator創建一個扁平化冬日場景-汕頭實力開創平面廣告包裝設計培訓學校-汕頭平面廣告包裝設計培訓-天貓淘寶美工培訓-電商運營培訓學費

發表評論