Photoshop绘制科技感十足的网页立体插画设计教程
step4:立体的图了,这个我们需要先把层分出来,就跟刚刚对整个画面分层是一样的道理,先来看第一个。
将元素组合起来,就是模型01的样式了。
接下来看一下有光的效果的是拆分。
剩下的就是叠加上去,凹进去的可以创建剪切蒙版,快捷键ctrl+alt+G
等几个图形都制作完毕后,就进行一下整体的调节,添加一些周边的东西。剩下还有一个按钮,叠加了两层,原本考虑直接用内阴影,效果不理想,于是就分两层来做了。
最后,成品啦!
附上一张应用立体感觉设计的图,放在网页上面,网站看起来就比较专业啦~