优艾设计网

插画制作,用Photoshop制作科技感爆棚的立体感插画

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:设计遇上思想
本篇教程用PS制作科技感爆棚的立体感插画,主要通过分解的方式来制作此效果,整个完成图同学们可以看到科技感十足,是一个很有创意的插画,刚兴趣的同学们可以通过教程来练习一下。

那么,背景就完成了。

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

插画制作,用Photoshop制作科技感爆棚的立体感插画

插画制作,用Photoshop制作科技感爆棚的立体感插画

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

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

插画制作,用Photoshop制作科技感爆棚的立体感插画

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

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

插画制作,用Photoshop制作科技感爆棚的立体感插画

最后,成品啦!

插画制作,用Photoshop制作科技感爆棚的立体感插画

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

插画制作,用Photoshop制作科技感爆棚的立体感插画

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消