扣丁學(xué)堂UI設(shè)計(jì)培訓(xùn)之ps怎么手繪扁平化的夜景房屋插畫詳解
2018-12-04 13:56:52
1903瀏覽
今天扣丁學(xué)堂
UI培訓(xùn)老師給大家詳細(xì)介紹一下關(guān)于ps怎么手繪扁平化的夜景房屋插畫及具體操作步驟，下面我們一起來(lái)看一下吧。
一、繪制背景
1、首先新建畫布1200*900px,分辨率72px，然后畫個(gè)矩形做底色，填充顏色如下：
二、繪制房屋
1、首先在頁(yè)面合適的位置通過矩形合并形狀來(lái)畫出主房屋的墻面，顏色#ee7250
2、接下來(lái)，在地面合適的高度把屋的外沿用矩形畫出來(lái)并把陽(yáng)臺(tái)的顏色與主墻顏色區(qū)分拉開層次，接著需要注意的是外沿的立體度，通過陰影(#863026透明度：50%)拉開界面的三維度。
3、大體外形建立后，我們要把房子他的窗戶和們制作出來(lái)，這里主要利用到的是矩形合并方法，以及圖層之間的前后關(guān)系。注意門的細(xì)節(jié)處理，局部陰影處理。
依次豐富頁(yè)面其它窗戶和門。
4、繪制屋頂太陽(yáng)能熱水器，布爾運(yùn)算方法。
5、繪制小屋屋頂，形狀變形+圖層蒙版。
按照以上方法，畫出主屋側(cè)邊漏水管、小屋煙窗及屋面的色塊磚，豐富主體物不要忘了添加外沿墻的投影(#863026,透明度：50%)
三、繪制設(shè)施及樹木
1、背景樹采用圓圈合并圖層+矩形補(bǔ)充，矩形修正起水平線。首先用圓形工具畫出第一個(gè)圓，按住alt拖動(dòng)復(fù)制圓調(diào)整其大小，因?yàn)闃鋮彩歉叩湾e(cuò)落的，圓形只能勾勒起外型還需通過矩形合并疊加來(lái)填滿空余，最后要通過矩形(減去頂層形狀)來(lái)修整在一條水平線上。顏色采用透明漸變色，漸變加強(qiáng)其上下空間，留有呼吸空間，添加透明是可以很好的融入背景色。此處注意層次感
2、繪制單顆數(shù)木，注重樹球的前后層次關(guān)系
依次畫出另一顆樹
3、電線桿繪制
四：繪制星空
1、繪制云通過布爾運(yùn)算去處理，顏色#ffffff。月亮#f1f56d外暈通過層次漸變，疊加效果處理同樣使用顏色#f1f56d不同透明度效果(18%、7%)，疊加出來(lái)。
2.運(yùn)用上述方法畫出第二種云效果。
3、繪制四角星，顏色#ffffff用矩形工具。
4、最后通過復(fù)制其他的云和星星，完成最后的效果，注意星空的層次感，所以要把控好云和星星的大小及透明度。
注意點(diǎn)：
1、布爾運(yùn)算運(yùn)用
2、簡(jiǎn)單圖層樣式的運(yùn)用
3、漸變色應(yīng)用
4、細(xì)節(jié)把控
以上就是關(guān)于扣丁學(xué)堂UI設(shè)計(jì)培訓(xùn)之ps怎么手繪扁平化的夜景房屋插畫的詳解介紹，希望大家喜歡，扣丁學(xué)堂在線UI視頻教程體系課程服務(wù)包含課后錄播,配套筆記源碼,課上課后答疑,作業(yè)批改,階段考核,一對(duì)一輔導(dǎo),項(xiàng)目答辯,班主任電話回訪督導(dǎo),畢業(yè)證書,就業(yè)指導(dǎo)及全國(guó)15個(gè)校區(qū)提供就業(yè)推薦服務(wù),緊貼企業(yè)一線流行開發(fā)技術(shù),學(xué)員進(jìn)入企業(yè)即能上手參與前沿項(xiàng)目，扣丁學(xué)堂UI技術(shù)交流群：568096113。
【關(guān)注微信公眾號(hào)獲取更多學(xué)習(xí)資料】
查看更多關(guān)于“ui設(shè)計(jì)資訊”的相關(guān)文章>>
標(biāo)簽:
UI培訓(xùn)
UI設(shè)計(jì)培訓(xùn)
UI設(shè)計(jì)視頻
UI視頻教程
UI學(xué)習(xí)視頻
返回頂部