當前位置:首頁>ps實例教程>ps繪畫教程>插畫教程>教程內容

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

來源:UI中國 作者:設計遇上思想 學習:13843人次

那么,背景就完成了。

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

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

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

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

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

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

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

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

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

最后,成品啦!

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

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

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

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

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!