當(dāng)前位置:首頁(yè)>ps實(shí)例教程>ps繪畫教程>插畫教程>教程內(nèi)容

插畫制作,用PS制作一副扁平化得夜景房屋插畫(4)

來源:站酷 作者:紫兒妖姬 學(xué)習(xí):4403人次

本篇教程通過PS制作一副扁平化得夜景房屋插畫,教程可以通過PS制作,也可以通過AI制作,我們會(huì)用到布爾運(yùn)算、圖層樣式、漸變色等,通過這些制作安靜的夜景房屋,教程比較詳細(xì),同學(xué)們可以根據(jù)教程所述嘗試著做一下,對(duì)制作插畫有興趣的同學(xué)們可以跟著做一下,具體如何做通過教程來學(xué)習(xí)一下。

效果圖:

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn
theoat.com.cn

操作步驟:

首先整理下大致內(nèi)容:

1:布爾運(yùn)算運(yùn)用

2:簡(jiǎn)單圖層樣式的運(yùn)用

3:漸變色應(yīng)用

4:細(xì)節(jié)把控

PART1:繪制背景

Step1.首先新建畫布1200*900px,分辨率72px,然后畫個(gè)矩形做底色,填充顏色如下:

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

PART2:繪制房屋

Step1.首先在頁(yè)面合適的位置通過矩形合并形狀來畫出主房屋的墻面,顏色#ee7250

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

Step2.接下來,在地面合適的高度把屋的外沿用矩形畫出來并把陽(yáng)臺(tái)的顏色與主墻顏色區(qū)分拉開層次,接著需要注意的是外沿的立體度,通過陰影(#863026 透明度:50%)拉開界面的三維度。

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

Step3.大體外形建立后,我們要把房子他的窗戶和們制作出來,這里主要利用到的是矩形合并方法,以及圖層之間的前后關(guān)系。注意門的細(xì)節(jié)處理,局部陰影處理。

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

依次豐富頁(yè)面其它窗戶和門。

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

Step4.繪制屋頂太陽(yáng)能熱水器,布爾運(yùn)算方法。

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

Step5.繪制小屋屋頂,形狀變形+圖層蒙版。

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

按照以上方法,畫出主屋側(cè)邊漏水管、小屋煙窗及屋面的色塊磚,豐富主體物不要忘了添加外沿墻的投影(#863026,透明度:50%)

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

PART3:繪制設(shè)施及樹木

Step1.背景樹采用圓圈合并圖層+矩形補(bǔ)充,矩形修正起水平線。首先用圓形工具畫出第一個(gè)圓,按住alt拖動(dòng)復(fù)制圓調(diào)整其大小,因?yàn)闃鋮彩歉叩湾e(cuò)落的,圓形只能勾勒起外型還需通過矩形合并疊加來填滿空余,最后要通過矩形(減去頂層形狀)來修整在一條水平線上。顏色采用透明漸變色,漸變加強(qiáng)其上下空間,留有呼吸空間,添加透明是可以很好的融入背景色。此處注意層次感

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

Step2.繪制單顆數(shù)木,注重樹球的前后層次關(guān)系

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

依次畫出另一顆樹

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

Step3.電線桿繪制

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

PART4:繪制星空

Step1.繪制云通過布爾運(yùn)算去處理,顏色#ffffff。月亮#f1f56d外暈通過層次漸變,疊加效果處理同樣使用顏色#f1f56d不同透明度效果(18% 、7%),疊加出來。

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

Step2.運(yùn)用上述方法畫出第二種云效果。

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

Step3.繪制四角星,顏色#ffffff用矩形工具。

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

Step4.最后通過復(fù)制其他的云和星星,完成最后的效果,注意星空的層次感,所以要把控好云和星星的大小及透明度。

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn

完成:

插畫制作,用PS制作一副扁平化得夜景房屋插畫_theoat.com.cn
theoat.com.cn

操作的時(shí)候小心細(xì)節(jié)的把控,跟著教程一起來學(xué)習(xí)一下吧。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
紅酒煮茶2020-04-03 09:16
我的作業(yè):

憤青吼吼2019-01-16 04:51
畫了一天,那個(gè)背后的樹林還是不會(huì)操作,那個(gè)運(yùn)算不熟。
MyGril2018-11-13 11:34
評(píng)論給我們鼓勵(lì)...
我喜歡轉(zhuǎn)筆婷2018-09-27 12:44
今天練路考,師父叫我看看油還有多少,我擰開油箱蓋看了半天也沒看清楚,光線太暗。我順手摸出打火機(jī)湊近油箱口,就在我準(zhǔn)備按下打火機(jī)的時(shí)候師父一腳把我踹飛了,尼瑪?shù)浆F(xiàn)在勞資還在醫(yī)院輸液。我決定明天就退款,這師傅脾氣太壞了。我要換駕校。!
銘心的思念2018-09-26 11:36
非常喜歡作者的教程
酒玖月晞2018-09-26 10:07
加油
清純小年代2018-09-26 02:56
給力
阿基米德奶茶2018-09-26 02:56
給力
是小受哦2018-09-26 02:56
真棒
歲歲莫愁2018-09-26 02:53
打卡
龍翔天籟2018-09-26 02:52
已閱

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

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