插畫制作,用PS制作科技感爆棚的立體感插畫(3)
來源:UI中國(guó)
作者:設(shè)計(jì)遇上思想
學(xué)習(xí):13843人次
那么,背景就完成了。
step4:立體的圖了,這個(gè)我們需要先把層分出來,就跟剛剛對(duì)整個(gè)畫面分層是一樣的道理,先來看第一個(gè)。
將元素組合起來,就是模型01的樣式了。
接下來看一下有光的效果的是拆分。
剩下的就是疊加上去,凹進(jìn)去的可以創(chuàng)建剪切蒙版,快捷鍵ctrl+alt+G
等幾個(gè)圖形都制作完畢后,就進(jìn)行一下整體的調(diào)節(jié),添加一些周邊的東西。剩下還有一個(gè)按鈕,疊加了兩層,原本考慮直接用內(nèi)陰影,效果不理想,于是就分兩層來做了。
最后,成品啦!
附上一張應(yīng)用立體感覺設(shè)計(jì)的圖,放在網(wǎng)頁上面,網(wǎng)站看起來就比較專業(yè)啦~
是不是比較有科技范呢,同學(xué)們可以動(dòng)手來練習(xí)一下看看,是否自己也能做出如此酷炫的插畫。
學(xué)習(xí) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!