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

插畫制作,用PS制作科技感爆棚的立體感插畫(3)

來源:UI中國(guó) 作者:設(shè)計(jì)遇上思想 學(xué)習(xí):13843人次

那么,背景就完成了。

step4:立體的圖了,這個(gè)我們需要先把層分出來,就跟剛剛對(duì)整個(gè)畫面分層是一樣的道理,先來看第一個(gè)。

插畫制作,用PS制作科技感爆棚的立體感插畫_theoat.com.cn

插畫制作,用PS制作科技感爆棚的立體感插畫_theoat.com.cn

將元素組合起來,就是模型01的樣式了。

接下來看一下有光的效果的是拆分。

插畫制作,用PS制作科技感爆棚的立體感插畫_theoat.com.cn

剩下的就是疊加上去,凹進(jìn)去的可以創(chuàng)建剪切蒙版,快捷鍵ctrl+alt+G

等幾個(gè)圖形都制作完畢后,就進(jìn)行一下整體的調(diào)節(jié),添加一些周邊的東西。剩下還有一個(gè)按鈕,疊加了兩層,原本考慮直接用內(nèi)陰影,效果不理想,于是就分兩層來做了。

插畫制作,用PS制作科技感爆棚的立體感插畫_theoat.com.cn

最后,成品啦!

插畫制作,用PS制作科技感爆棚的立體感插畫_theoat.com.cn

附上一張應(yīng)用立體感覺設(shè)計(jì)的圖,放在網(wǎng)頁上面,網(wǎng)站看起來就比較專業(yè)啦~

插畫制作,用PS制作科技感爆棚的立體感插畫_theoat.com.cn

是不是比較有科技范呢,同學(xué)們可以動(dòng)手來練習(xí)一下看看,是否自己也能做出如此酷炫的插畫。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
qquser2018-12-26 06:49
喜歡
迷你小朋友-599502018-12-19 09:22
很不錯(cuò)
無夢(mèng)天邊2018-07-28 01:54
支持,支持
無夢(mèng)天邊2018-07-28 01:54
支持,支持
包子VS餅子2018-07-27 03:12
想仔細(xì)了解一下
玄苑丫頭2018-07-27 01:50
狗屁教程
玄苑丫頭2018-07-27 01:50
狗屁教程
會(huì)有星光越重陽2018-07-27 09:32
真的,更得太慢了。。。
風(fēng)隨愿我2018-07-27 04:14
打卡
墨墨唯澈2018-07-27 04:13
大神
墨墨唯澈2018-07-27 04:13
大神

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

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