当前位置:首页>ps实例教程>ps绘画教程>插画教程>教程内容

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

来源:UI中国 作者:设计遇上思想 学习:13843人次

那么,背景就完成了。

step4:立体的图了,这个我们需要先把层分出来,就跟刚刚对整个画面分层是一样的道理,先来看第一个。

插画制作,用PS制作科技感爆棚的立体感插画_www.16xx8.com

插画制作,用PS制作科技感爆棚的立体感插画_www.16xx8.com

将元素组合起来,就是模型01的样式了。

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

插画制作,用PS制作科技感爆棚的立体感插画_www.16xx8.com

剩下的就是叠加上去,凹进去的可以创建剪切蒙版,快捷键ctrl+alt+G

等几个图形都制作完毕后,就进行一下整体的调节,添加一些周边的东西。剩下还有一个按钮,叠加了两层,原本考虑直接用内阴影,效果不理想,于是就分两层来做了。

插画制作,用PS制作科技感爆棚的立体感插画_www.16xx8.com

最后,成品啦!

插画制作,用PS制作科技感爆棚的立体感插画_www.16xx8.com

附上一张应用立体感觉设计的图,放在网页上面,网站看起来就比较专业啦~

插画制作,用PS制作科技感爆棚的立体感插画_www.16xx8.com

是不是比较有科技范呢,同学们可以动手来练习一下看看,是否自己也能做出如此酷炫的插画。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
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
大神

关注大神微博加入>>

网友求助,请回答!