AI繪制冬季下雪場景插畫
?
作者：UI設(shè)計傳來源：部落窩教育發(fā)布時間：2017-12-12 15:01:27點擊：3432
版權(quán)說明： 網(wǎng)絡(luò)作品，轉(zhuǎn)載請注明原作者和出處。
編按：
文藝的扁平插畫廣泛運用于APP引導(dǎo)頁、網(wǎng)站404頁面，一個漂亮的插畫不僅能讓頁面更豐富，而且能讓畫面活起來使主題更鮮明。本教程教大家繪制冬季森林場景，案例簡單易懂，而且靈活多變，是實用型很強的一篇教程。
最終效果：
1、如何制作一棵平杉木
步驟1
首先為我們的第一棵樹做一個樹干。采取矩形工具（M），并制作一個7×90像素的細條紋。
用棕色填充。使用“ 實時角落”功能通過將圓形標記拉到中心，使條紋的角落完全變圓。如果您使用Adobe Illustrator的早期版本，請隨意使用“ 效果”>“風(fēng)格化”>“圓角”。
添加另一個7 x 60像素的圓角的薄形狀的冷杉分支，并填充淺藍色。
用長方形工具做樹干
第2步
按住Alt-Shift 并將創(chuàng)建的藍色形狀向右拖動以進行復(fù)制。按Control-D幾次以制作更多副本。讓我們?yōu)榉种砑右恍┒鄻有?。?fù)制的第一個和粘貼它在 正面（操作-C>控制-F）。擠壓形狀，使其更短，但保留7像素的初始寬度。
用長方形工具做一個冷杉分支
第3步
使用直接選擇工具（A）選擇它們的底部錨點并將它們向下拖動，使每個條紋稍長一點。所有的形狀保持相同的寬度。在每個條紋頂部添加較短的副本。重新著色條紋，逐漸變暗較低的形狀，如下面的截圖所示。
用矩形工具2做一個冷杉分支
步驟4
Group（Control-G）每個條紋的片斷形成分支，并垂直放置我們的條紋?，F(xiàn)在讓我們選擇上面的分支，然后雙擊旋轉(zhuǎn)工具（R）打開選項菜單。將“ 角度”值設(shè)置為30度，然后對每個條紋重復(fù)相同的操作，并以相同的角度旋轉(zhuǎn)。
第5步
將旋轉(zhuǎn)的樹枝放置在樹的左側(cè)，按?。–ontrol-G）組，然后雙擊反射工具（O） 打開“ 選項”菜單。選擇“ 垂直軸”，然后單擊“ 復(fù)制”將鏡像組翻轉(zhuǎn)到主干的另一側(cè)。
第6步
最后，讓我們更詳細一點。復(fù)制軀干的形狀和粘貼它在正面（操作-C>控制-F）。使副本更輕一點。 拿著剪刀工具（C）并且點擊頂部和底部定位點將形狀分成兩半。刪除副本的左半部分。
精彩！我們的第一棵樹 - 冬季冷杉已經(jīng)準備好了！讓我們繼續(xù)下一個！
2.如何渲染第二棵樹
步驟1
讓我們做第二棵樹。從形成一個兩色的樹干開始。你可以做一個新的形狀，根據(jù)你的喜好改變其長度和寬度，或者只是從我們的第一棵樹復(fù)制樹干，并使其更高。
采取圓角矩形工具，并在樹干頂部做兩個小的淡藍色的形狀，形成一個程式化的樹冠。
選擇與樹干一起的藍色形狀，然后使用“ 對齊”面板對齊形狀，選擇“ 與關(guān)鍵對象對齊”并單擊“ 水平對齊中心”。
第2步
復(fù)制兩個藍色形狀（Control-C> Control-F），并使其顏色稍暗。然后使用剪刀工具（C）通過單擊側(cè)面的錨點并刪除不需要的一半來分開上面的副本。
這是第二棵樹與我們的第一棵樹相比應(yīng)該如何看待的。為了使整個構(gòu)圖更加多樣化，我們做得更高。
第3步
讓我們在這棵樹上添加一些分支。首先，從冠上復(fù)制一個圓形的部分，并將其放在軀干的右側(cè)。然后拿鋼筆工具（P）或 線段工具（）并做一個方形的形狀。
在“ 顏色” 面板中將“ 筆觸”顏色設(shè)置為棕色，然后轉(zhuǎn)到“ 筆觸”面板。從這里，將Cap和Corner設(shè)置到中間位置，使角和線的末端有點圓滑。而設(shè)置描邊粗細到3磅。
您可以使用“ 實時角落”功能使角落更加圓滑。
步驟4
讓我們在這里添加更多的分支。復(fù)制我們所做的，并改變副本的大小和位置。我們可能需要使樹更高，為額外的分支有更多的空間。
第5步
我們來添加一個圓形的小圓圈，由橢圓工具（L）制成的兩個圓圈組成。 附上一個深褐色的樹干。這個小家伙會幫我們填補我們插圖的一些空白處。
3.如何制作濃密的橡木
步驟1
我們將首先制作橡木樹冠。形成一個淺藍色的90 x 45 px矩形，并使其角落完全變圓。做兩個更小的圓角矩形，形成一個金字塔，一個放在另一個之上。
第2步
Group（Control-G）形狀并復(fù)制它們（Control-C> Control-F），使頂層復(fù)印件有點暗。保持所選形狀的頂部組，使用橡皮擦工具（Shift-E），按住Alt鍵，然后在樹冠的右半部分拉伸選項以將其刪除。
第3步
在前面加一個深褐色的樹干。采取多邊形工具 ，并將面數(shù)值設(shè)置為3，使一個微小的三角形。復(fù)制創(chuàng)建的三角形并將副本分布在冠的左側(cè)和樹干上，使樹具有紋理。
4.如何制作花式松木
步驟1
讓我們使用我們在本教程中創(chuàng)建的第一棵樹 - 杉 - 形成一棵高大而詳細的松樹。首先，把它的軀干做得更高，用直接選擇工具（A）拖動它的底部錨點。
然后選擇除頂部之外的所有分支，然后按Enter鍵 打開“ 移動”窗口。將水平值設(shè)置為0 px，將垂直值設(shè)置為10 px ，以將選定的分支組向下移動10 px。
取消選擇剛才移動的組中的上部分支，并重復(fù)相同的操作，將剩下的分支移動10px。
第2步
現(xiàn)在重新著色分支，應(yīng)用棕色色調(diào)，使他們適合樹干。讓我們開始形成松針。使用圓角矩形工具在上分支的左側(cè)放置一個很小的垂直形狀。
第3步
將創(chuàng)建的針移動到分支下方（Shift-Control- [）。按住Alt-Shift并將其向右拖動一點，制作副本。再按Control-D 幾次，用風(fēng)格化的針頭填滿上部分支。改變藍色的色調(diào)，使分支更多樣化。
步驟4
Group（Control-G）我們?yōu)樯戏种е谱鞯尼槪瑥?fù)制組并粘貼多次以填充所有空分支。通過使用套索工具（Q）選擇底部錨點并使用向下箭頭鍵將其向下移動，使底部針稍長一些。
你可以讓松木的左側(cè)稍微暗一些，使其看起來更加細致。我們來看看最后一棵樹吧！
5.如何做一個風(fēng)格化的杉木
步驟1
最后再做一根針葉樹，但是這次會非常簡單和風(fēng)格化。首先，使用“ 多邊形工具”制作三個三角形。 改變?nèi)切蔚拇笮『皖伾?，使頂部的一個小而淡藍色，底部的一個大而深藍色。
結(jié)合三角形，把它們放在另一個下面，形成一個金字塔。
第2步
添加一個軀干和發(fā)送它到返回（Shift鍵控制- [）。最后，制作一組小巧的深藍色三角形，并將它們散布在樅樹的藍色形狀之上，增加一點紋理感。
6.如何制作冬季森林景觀
步驟1
讓我們連續(xù)放置我們的樹，復(fù)制其中的一些，并改變大小，以形成一個均衡的組成。在森林底部添加一個長 圓形的長方形工具 ，形成地面。
您可以重新排列樹，使用Control- [和Control-]組合鍵將一個物體放置在另一個物體的上方。
選擇所有的樹木，然后前往“ 對齊”面板。從這里，選擇對齊 ，以 重點對象，然后單擊垂直對齊底部。
現(xiàn)在所有的樹木均勻?qū)实孛妫?nbsp;
第2步
讓我們?yōu)闃湎碌谋尘疤砑右粋€淺米色的矩形，這樣我們就可以制作一些白色的下雪的細節(jié)。將水平地面重新著色為白色，并在地面形狀的左側(cè)添加一個小的白色圓圈。按住Alt鍵，將白色圓圈向右拖動，進行復(fù)制。按幾次Control-D創(chuàng)建更多副本，用圓圈覆蓋所有的地面形狀。
第3步
保持圈選，團結(jié)他們在 探路者。使用橡皮擦工具（Shift-E），按住Alt并將選擇矩形拖到圓圈形狀的下半部分以刪除它。
如果將圓圈與地面條紋組合起來，應(yīng)該看起來像這樣。
步驟4
現(xiàn)在，讓我們在天空中添加一些完成細節(jié)，以填補我們作品的空白空間。使用圓角矩形工具形成50 x 15像素的形狀。在頂部放置一個較小的形狀，將其向左移動，從而形成一個程式化的云。
制作更多的云朵并將其分布在我們插圖的頂部?，F(xiàn)在看起來完整了！
到這里，我們的冬季森林平面插圖完成！
掌聲送到堅持學(xué)習(xí)到最后偉大的自己！我們平坦的冬季森林景觀已經(jīng)準備就緒！我們在這里添加了一個小小的點睛之筆：雪花從云層中掉下來，讓插圖看起來更加細致。相信你已經(jīng)發(fā)現(xiàn)了一些新的思路和技巧，你可以在以后的工作中使用了！下節(jié)繼續(xù)分享，點下關(guān)注第一時間更新學(xué)習(xí)哦！棒棒的
原文：平面矢量設(shè)計元素-如何制作冬季場景插畫
作者：UI設(shè)計傳
出處：http://blog.sina.com.cn/s/blog_ea9c65e80102x0p1.html
文藝的扁平插畫廣泛運用于APP引導(dǎo)頁、網(wǎng)站404頁面，一個漂亮的插畫不僅能讓頁面更豐富，而且能讓畫面活起來使主題更鮮明。本教程教大家繪制冬季森林場景，案例簡單易懂，而且靈活多變，是實用型很強的一篇教程。
最終效果：
1、如何制作一棵平杉木
步驟1
首先為我們的第一棵樹做一個樹干。采取矩形工具（M），并制作一個7×90像素的細條紋。
用棕色填充。使用“ 實時角落”功能通過將圓形標記拉到中心，使條紋的角落完全變圓。如果您使用Adobe Illustrator的早期版本，請隨意使用“ 效果”>“風(fēng)格化”>“圓角”。
添加另一個7 x 60像素的圓角的薄形狀的冷杉分支，并填充淺藍色。
用長方形工具做樹干
第2步
按住Alt-Shift 并將創(chuàng)建的藍色形狀向右拖動以進行復(fù)制。按Control-D幾次以制作更多副本。讓我們?yōu)榉种砑右恍┒鄻有?。?fù)制的第一個和粘貼它在 正面（操作-C>控制-F）。擠壓形狀，使其更短，但保留7像素的初始寬度。
用長方形工具做一個冷杉分支
第3步
使用直接選擇工具（A）選擇它們的底部錨點并將它們向下拖動，使每個條紋稍長一點。所有的形狀保持相同的寬度。在每個條紋頂部添加較短的副本。重新著色條紋，逐漸變暗較低的形狀，如下面的截圖所示。
用矩形工具2做一個冷杉分支
步驟4
Group（Control-G）每個條紋的片斷形成分支，并垂直放置我們的條紋?，F(xiàn)在讓我們選擇上面的分支，然后雙擊旋轉(zhuǎn)工具（R）打開選項菜單。將“ 角度”值設(shè)置為30度，然后對每個條紋重復(fù)相同的操作，并以相同的角度旋轉(zhuǎn)。
第5步
將旋轉(zhuǎn)的樹枝放置在樹的左側(cè)，按?。–ontrol-G）組，然后雙擊反射工具（O） 打開“ 選項”菜單。選擇“ 垂直軸”，然后單擊“ 復(fù)制”將鏡像組翻轉(zhuǎn)到主干的另一側(cè)。
第6步
最后，讓我們更詳細一點。復(fù)制軀干的形狀和粘貼它在正面（操作-C>控制-F）。使副本更輕一點。 拿著剪刀工具（C）并且點擊頂部和底部定位點將形狀分成兩半。刪除副本的左半部分。
精彩！我們的第一棵樹 - 冬季冷杉已經(jīng)準備好了！讓我們繼續(xù)下一個！
2.如何渲染第二棵樹
步驟1
讓我們做第二棵樹。從形成一個兩色的樹干開始。你可以做一個新的形狀，根據(jù)你的喜好改變其長度和寬度，或者只是從我們的第一棵樹復(fù)制樹干，并使其更高。
采取圓角矩形工具，并在樹干頂部做兩個小的淡藍色的形狀，形成一個程式化的樹冠。
選擇與樹干一起的藍色形狀，然后使用“ 對齊”面板對齊形狀，選擇“ 與關(guān)鍵對象對齊”并單擊“ 水平對齊中心”。
第2步
復(fù)制兩個藍色形狀（Control-C> Control-F），并使其顏色稍暗。然后使用剪刀工具（C）通過單擊側(cè)面的錨點并刪除不需要的一半來分開上面的副本。
這是第二棵樹與我們的第一棵樹相比應(yīng)該如何看待的。為了使整個構(gòu)圖更加多樣化，我們做得更高。
讓我們在這棵樹上添加一些分支。首先，從冠上復(fù)制一個圓形的部分，并將其放在軀干的右側(cè)。然后拿鋼筆工具（P）或 線段工具（）并做一個方形的形狀。
在“ 顏色” 面板中將“ 筆觸”顏色設(shè)置為棕色，然后轉(zhuǎn)到“ 筆觸”面板。從這里，將Cap和Corner設(shè)置到中間位置，使角和線的末端有點圓滑。而設(shè)置描邊粗細到3磅。
步驟4
讓我們在這里添加更多的分支。復(fù)制我們所做的，并改變副本的大小和位置。我們可能需要使樹更高，為額外的分支有更多的空間。
第5步
我們來添加一個圓形的小圓圈，由橢圓工具（L）制成的兩個圓圈組成。 附上一個深褐色的樹干。這個小家伙會幫我們填補我們插圖的一些空白處。
3.如何制作濃密的橡木
步驟1
我們將首先制作橡木樹冠。形成一個淺藍色的90 x 45 px矩形，并使其角落完全變圓。做兩個更小的圓角矩形，形成一個金字塔，一個放在另一個之上。
Group（Control-G）形狀并復(fù)制它們（Control-C> Control-F），使頂層復(fù)印件有點暗。保持所選形狀的頂部組，使用橡皮擦工具（Shift-E），按住Alt鍵，然后在樹冠的右半部分拉伸選項以將其刪除。
第3步
在前面加一個深褐色的樹干。采取多邊形工具 ，并將面數(shù)值設(shè)置為3，使一個微小的三角形。復(fù)制創(chuàng)建的三角形并將副本分布在冠的左側(cè)和樹干上，使樹具有紋理。
步驟1
讓我們使用我們在本教程中創(chuàng)建的第一棵樹 - 杉 - 形成一棵高大而詳細的松樹。首先，把它的軀干做得更高，用直接選擇工具（A）拖動它的底部錨點。
然后選擇除頂部之外的所有分支，然后按Enter鍵 打開“ 移動”窗口。將水平值設(shè)置為0 px，將垂直值設(shè)置為10 px ，以將選定的分支組向下移動10 px。
取消選擇剛才移動的組中的上部分支，并重復(fù)相同的操作，將剩下的分支移動10px。
現(xiàn)在重新著色分支，應(yīng)用棕色色調(diào)，使他們適合樹干。讓我們開始形成松針。使用圓角矩形工具在上分支的左側(cè)放置一個很小的垂直形狀。
將創(chuàng)建的針移動到分支下方（Shift-Control- [）。按住Alt-Shift并將其向右拖動一點，制作副本。再按Control-D 幾次，用風(fēng)格化的針頭填滿上部分支。改變藍色的色調(diào)，使分支更多樣化。
步驟4
Group（Control-G）我們?yōu)樯戏种е谱鞯尼槪瑥?fù)制組并粘貼多次以填充所有空分支。通過使用套索工具（Q）選擇底部錨點并使用向下箭頭鍵將其向下移動，使底部針稍長一些。
你可以讓松木的左側(cè)稍微暗一些，使其看起來更加細致。我們來看看最后一棵樹吧！
5.如何做一個風(fēng)格化的杉木
步驟1
最后再做一根針葉樹，但是這次會非常簡單和風(fēng)格化。首先，使用“ 多邊形工具”制作三個三角形。 改變?nèi)切蔚拇笮『皖伾?，使頂部的一個小而淡藍色，底部的一個大而深藍色。
結(jié)合三角形，把它們放在另一個下面，形成一個金字塔。
第2步
添加一個軀干和發(fā)送它到返回（Shift鍵控制- [）。最后，制作一組小巧的深藍色三角形，并將它們散布在樅樹的藍色形狀之上，增加一點紋理感。
6.如何制作冬季森林景觀
步驟1
讓我們連續(xù)放置我們的樹，復(fù)制其中的一些，并改變大小，以形成一個均衡的組成。在森林底部添加一個長 圓形的長方形工具 ，形成地面。
您可以重新排列樹，使用Control- [和Control-]組合鍵將一個物體放置在另一個物體的上方。
選擇所有的樹木，然后前往“ 對齊”面板。從這里，選擇對齊 ，以 重點對象，然后單擊垂直對齊底部。
現(xiàn)在所有的樹木均勻?qū)实孛妫?nbsp;
第2步
讓我們?yōu)闃湎碌谋尘疤砑右粋€淺米色的矩形，這樣我們就可以制作一些白色的下雪的細節(jié)。將水平地面重新著色為白色，并在地面形狀的左側(cè)添加一個小的白色圓圈。按住Alt鍵，將白色圓圈向右拖動，進行復(fù)制。按幾次Control-D創(chuàng)建更多副本，用圓圈覆蓋所有的地面形狀。
保持圈選，團結(jié)他們在 探路者。使用橡皮擦工具（Shift-E），按住Alt并將選擇矩形拖到圓圈形狀的下半部分以刪除它。
如果將圓圈與地面條紋組合起來，應(yīng)該看起來像這樣。
步驟4
現(xiàn)在，讓我們在天空中添加一些完成細節(jié)，以填補我們作品的空白空間。使用圓角矩形工具形成50 x 15像素的形狀。在頂部放置一個較小的形狀，將其向左移動，從而形成一個程式化的云。
制作更多的云朵并將其分布在我們插圖的頂部?，F(xiàn)在看起來完整了！
到這里，我們的冬季森林平面插圖完成！
掌聲送到堅持學(xué)習(xí)到最后偉大的自己！我們平坦的冬季森林景觀已經(jīng)準備就緒！我們在這里添加了一個小小的點睛之筆：雪花從云層中掉下來，讓插圖看起來更加細致。相信你已經(jīng)發(fā)現(xiàn)了一些新的思路和技巧，你可以在以后的工作中使用了！下節(jié)繼續(xù)分享，點下關(guān)注第一時間更新學(xué)習(xí)哦！棒棒的
原文：平面矢量設(shè)計元素-如何制作冬季場景插畫
作者：UI設(shè)計傳
出處：http://blog.sina.com.cn/s/blog_ea9c65e80102x0p1.html