插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)(5)

來(lái)源:站酷 作者:劉治煜 學(xué)習(xí):62456人次

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

效果圖:

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

操作步驟:

1、如何制作一棵平杉木

步驟1

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

用棕色填充。使用“ 實(shí)時(shí)角落”功能通過(guò)將圓形標(biāo)記拉到中心,使條紋的角落完全變圓。如果您使用Adobe Illustrator的早期版本,請(qǐng)隨意使用“ 效果”>“風(fēng)格化”>“圓角”。

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

用長(zhǎng)方形工具做樹(shù)干

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第2步

按住Alt-Shift 并將創(chuàng)建的藍(lán)色形狀向右拖動(dòng)以進(jìn)行復(fù)制。按Control-D幾次以制作更多副本。讓我們?yōu)榉种砑右恍┒鄻有。?fù)制的第一個(gè)和粘貼它在 正面(操作-C>控制-F)。擠壓形狀,使其更短,但保留7像素的初始寬度。

用長(zhǎng)方形工具做一個(gè)冷杉分支

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第3步

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

用矩形工具2做一個(gè)冷杉分支

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

步驟4

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第5步

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第6步

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

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

2. 如何渲染第二棵樹(shù)

步驟1

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

采取圓角矩形工具,并在樹(shù)干頂部做兩個(gè)小的淡藍(lán)色的形狀,形成一個(gè)程式化的樹(shù)冠。

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第2步

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

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第3步

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

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

步驟4

讓我們?cè)谶@里添加更多的分支。復(fù)制我們所做的,并改變副本的大小和位置。我們可能需要使樹(shù)更高,為額外的分支有更多的空間。

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第5步

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

3. 如何制作濃密的橡木

步驟1

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第2步

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第3步

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

4. 如何制作花式松木

步驟1

讓我們使用我們?cè)诒窘坛讨袆?chuàng)建的第一棵樹(shù) - 杉 - 形成一棵高大而詳細(xì)的松樹(shù)。首先,把它的軀干做得更高,用直接選擇工具(A)拖動(dòng)它的底部錨點(diǎn)。

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

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第2步

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第3步

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

步驟4

Group(Control-G)我們?yōu)樯戏种е谱鞯尼,?fù)制組并粘貼多次以填充所有空分支。通過(guò)使用套索工具(Q)選擇底部錨點(diǎn)并使用向下箭頭鍵將其向下移動(dòng),使底部針稍長(zhǎng)一些。

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

5. 如何做一個(gè)風(fēng)格化的杉木

步驟1

最后再做一根針葉樹(shù),但是這次會(huì)非常簡(jiǎn)單和風(fēng)格化。首先,使用“ 多邊形工具”制作三個(gè)三角形。 改變?nèi)切蔚拇笮『皖伾,使頂部的一個(gè)小而淡藍(lán)色,底部的一個(gè)大而深藍(lán)色。

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第2步

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

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

步驟1

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

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

選擇所有的樹(shù)木,然后前往“ 對(duì)齊”面板。從這里,選擇對(duì)齊 ,以 重點(diǎn)對(duì)象,然后單擊垂直對(duì)齊底部。

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

現(xiàn)在所有的樹(shù)木均勻?qū)?zhǔn)地面!

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第2步

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

第3步

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

如果將圓圈與地面條紋組合起來(lái),應(yīng)該看起來(lái)像這樣。

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

步驟4

現(xiàn)在,讓我們?cè)谔炜罩刑砑右恍┩瓿杉?xì)節(jié),以填補(bǔ)我們作品的空白空間。使用圓角矩形工具形成50 x 15像素的形狀。在頂部放置一個(gè)較小的形狀,將其向左移動(dòng),從而形成一個(gè)程式化的云。

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

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

完成:

插畫(huà)設(shè)計(jì),設(shè)計(jì)一幅冬季平面矢量場(chǎng)景插畫(huà)_www.theoat.com.cn

掌聲送給偉大的自己,我們的冬季森林景觀已經(jīng)準(zhǔn)備就緒,雪花從云層中掉下來(lái),插圖看起來(lái)更加細(xì)致,同學(xué)們?cè)谝院蟮膶W(xué)習(xí)中會(huì)越來(lái)越棒。

學(xué)習(xí) · 提示

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

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

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