當前位置:首頁>ps實例教程>ps繪畫教程>插畫教程>教程內(nèi)容

插畫設計,設計一幅冬季平面矢量場景插畫(5)

來源:站酷 作者:劉治煜 學習:62456人次

本篇教程通過設計一幅冬季平面矢量場景插畫,平面矢量風景已經(jīng)成為在設計中廣泛流行的設計元素,今天我們來設計一幅美麗的場景圖,雖然冬天很冷,但是很美,帶著雪花的飄落更加唯美,同學們一起來創(chuàng)作一下這美妙的景象吧。

效果圖:

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

操作步驟:

1、如何制作一棵平杉木

步驟1

首先為我們的第一棵樹做一個樹干。采取矩形工具(M),并制作一個7×90像素的細條紋。

用棕色填充。使用“ 實時角落”功能通過將圓形標記拉到中心,使條紋的角落完全變圓。如果您使用Adobe Illustrator的早期版本,請隨意使用“ 效果”>“風格化”>“圓角”。

添加另一個7 x 60像素的圓角的薄形狀的冷杉分支,并填充淺藍色。

用長方形工具做樹干

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第2步

按住Alt-Shift 并將創(chuàng)建的藍色形狀向右拖動以進行復制。按Control-D幾次以制作更多副本。讓我們?yōu)榉种砑右恍┒鄻有浴椭频牡谝粋和粘貼它在 正面(操作-C>控制-F)。擠壓形狀,使其更短,但保留7像素的初始寬度。

用長方形工具做一個冷杉分支

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第3步

使用直接選擇工具(A)選擇它們的底部錨點并將它們向下拖動,使每個條紋稍長一點。所有的形狀保持相同的寬度。在每個條紋頂部添加較短的副本。重新著色條紋,逐漸變暗較低的形狀,如下面的截圖所示。

用矩形工具2做一個冷杉分支

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

步驟4

Group(Control-G)每個條紋的片斷形成分支,并垂直放置我們的條紋,F(xiàn)在讓我們選擇上面的分支,然后雙擊旋轉(zhuǎn)工具(R)打開選項菜單。將“ 角度”值設置為30度,然后對每個條紋重復相同的操作,并以相同的角度旋轉(zhuǎn)。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第5步

將旋轉(zhuǎn)的樹枝放置在樹的左側(cè),按。–ontrol-G)組,然后雙擊反射工具(O) 打開“ 選項”菜單。選擇“ 垂直軸”,然后單擊“ 復制”將鏡像組翻轉(zhuǎn)到主干的另一側(cè)。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第6步

最后,讓我們更詳細一點。復制軀干的形狀和粘貼它在正面(操作-C>控制-F)。使副本更輕一點。 拿著剪刀工具(C)并且點擊頂部和底部定位點將形狀分成兩半。刪除副本的左半部分。

精彩!我們的第一棵樹 - 冬季冷杉已經(jīng)準備好了!讓我們繼續(xù)下一個!

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

2. 如何渲染第二棵樹

步驟1

讓我們做第二棵樹。從形成一個兩色的樹干開始。你可以做一個新的形狀,根據(jù)你的喜好改變其長度和寬度,或者只是從我們的第一棵樹復制樹干,并使其更高。

采取圓角矩形工具,并在樹干頂部做兩個小的淡藍色的形狀,形成一個程式化的樹冠。

選擇與樹干一起的藍色形狀,然后使用“ 對齊”面板對齊形狀,選擇“ 與關(guān)鍵對象對齊”并單擊“ 水平對齊中心”。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第2步

復制兩個藍色形狀(Control-C> Control-F),并使其顏色稍暗。然后使用剪刀工具(C)通過單擊側(cè)面的錨點并刪除不需要的一半來分開上面的副本。

這是第二棵樹與我們的第一棵樹相比應該如何看待的。為了使整個構(gòu)圖更加多樣化,我們做得更高。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第3步

讓我們在這棵樹上添加一些分支。首先,從冠上復制一個圓形的部分,并將其放在軀干的右側(cè)。然后拿鋼筆工具(P)或 線段工具()并做一個方形的形狀。

在“ 顏色” 面板中將“ 筆觸”顏色設置為棕色,然后轉(zhuǎn)到“ 筆觸”面板。從這里,將Cap和Corner設置到中間位置,使角和線的末端有點圓滑。而設置描邊粗細到3磅。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

您可以使用“ 實時角落”功能使角落更加圓滑。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

步驟4

讓我們在這里添加更多的分支。復制我們所做的,并改變副本的大小和位置。我們可能需要使樹更高,為額外的分支有更多的空間。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第5步

我們來添加一個圓形的小圓圈,由橢圓工具(L)制成的兩個圓圈組成。 附上一個深褐色的樹干。這個小家伙會幫我們填補我們插圖的一些空白處。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

3. 如何制作濃密的橡木

步驟1

我們將首先制作橡木樹冠。形成一個淺藍色的90 x 45 px矩形,并使其角落完全變圓。做兩個更小的圓角矩形,形成一個金字塔,一個放在另一個之上。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第2步

Group(Control-G)形狀并復制它們(Control-C> Control-F),使頂層復印件有點暗。保持所選形狀的頂部組,使用橡皮擦工具(Shift-E),按住Alt鍵,然后在樹冠的右半部分拉伸選項以將其刪除。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第3步

在前面加一個深褐色的樹干。采取多邊形工具 ,并將面數(shù)值設置為3,使一個微小的三角形。復制創(chuàng)建的三角形并將副本分布在冠的左側(cè)和樹干上,使樹具有紋理。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

4. 如何制作花式松木

步驟1

讓我們使用我們在本教程中創(chuàng)建的第一棵樹 - 杉 - 形成一棵高大而詳細的松樹。首先,把它的軀干做得更高,用直接選擇工具(A)拖動它的底部錨點。

然后選擇除頂部之外的所有分支,然后按Enter鍵 打開“ 移動”窗口。將水平值設置為0 px,將垂直值設置為10 px ,以將選定的分支組向下移動10 px。

取消選擇剛才移動的組中的上部分支,并重復相同的操作,將剩下的分支移動10px。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第2步

現(xiàn)在重新著色分支,應用棕色色調(diào),使他們適合樹干。讓我們開始形成松針。使用圓角矩形工具在上分支的左側(cè)放置一個很小的垂直形狀。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第3步

將創(chuàng)建的針移動到分支下方(Shift-Control- [)。按住Alt-Shift并將其向右拖動一點,制作副本。再按Control-D 幾次,用風格化的針頭填滿上部分支。改變藍色的色調(diào),使分支更多樣化。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

步驟4

Group(Control-G)我們?yōu)樯戏种е谱鞯尼槪瑥椭平M并粘貼多次以填充所有空分支。通過使用套索工具(Q)選擇底部錨點并使用向下箭頭鍵將其向下移動,使底部針稍長一些。

你可以讓松木的左側(cè)稍微暗一些,使其看起來更加細致。我們來看看最后一棵樹吧!

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

5. 如何做一個風格化的杉木

步驟1

最后再做一根針葉樹,但是這次會非常簡單和風格化。首先,使用“ 多邊形工具”制作三個三角形。 改變?nèi)切蔚拇笮『皖伾鬼敳康囊粋小而淡藍色,底部的一個大而深藍色。

結(jié)合三角形,把它們放在另一個下面,形成一個金字塔。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第2步

添加一個軀干和發(fā)送它到返回(Shift鍵控制- [)。最后,制作一組小巧的深藍色三角形,并將它們散布在樅樹的藍色形狀之上,增加一點紋理感。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

6. 如何制作冬季森林景觀

步驟1

讓我們連續(xù)放置我們的樹,復制其中的一些,并改變大小,以形成一個均衡的組成。在森林底部添加一個長 圓形的長方形工具 ,形成地面。

您可以重新排列樹,使用Control- [和Control-]組合鍵將一個物體放置在另一個物體的上方。

選擇所有的樹木,然后前往“ 對齊”面板。從這里,選擇對齊 ,以 重點對象,然后單擊垂直對齊底部。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

現(xiàn)在所有的樹木均勻?qū)实孛妫?/p>

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第2步

讓我們?yōu)闃湎碌谋尘疤砑右粋淺米色的矩形,這樣我們就可以制作一些白色的下雪的細節(jié)。將水平地面重新著色為白色,并在地面形狀的左側(cè)添加一個小的白色圓圈。按住Alt鍵,將白色圓圈向右拖動,進行復制。按幾次Control-D創(chuàng)建更多副本,用圓圈覆蓋所有的地面形狀。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

第3步

保持圈選,團結(jié)他們在 探路者。使用橡皮擦工具(Shift-E),按住Alt并將選擇矩形拖到圓圈形狀的下半部分以刪除它。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

如果將圓圈與地面條紋組合起來,應該看起來像這樣。

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

步驟4

現(xiàn)在,讓我們在天空中添加一些完成細節(jié),以填補我們作品的空白空間。使用圓角矩形工具形成50 x 15像素的形狀。在頂部放置一個較小的形狀,將其向左移動,從而形成一個程式化的云。

制作更多的云朵并將其分布在我們插圖的頂部。現(xiàn)在看起來完整了!

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

完成:

插畫設計,設計一幅冬季平面矢量場景插畫_theoat.com.cn

掌聲送給偉大的自己,我們的冬季森林景觀已經(jīng)準備就緒,雪花從云層中掉下來,插圖看起來更加細致,同學們在以后的學習中會越來越棒。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
閃電下路2018-02-26 11:19
我的作業(yè):
圓愛人2018-02-22 04:09
嚴重學習,但這圖片有種端著自己腦袋的感覺,慎!
白裙妖嬈2018-02-22 04:03
著色條紋
四是而霏2018-02-22 03:35
非常想學習
呂蘊kiwi2018-02-22 10:00
來學習一下~
苑喜娟2018-02-22 08:26
學習一下
沉酣芍藥2018-02-22 07:42
學習了
黎斯妍2018-02-22 05:39
我就是在這學會ps的
自由撰稿人20092018-02-22 01:30
打卡
四季平安2018-02-22 01:30
打卡

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!