推荐这篇PS绘制质感渐变2.5D小插画教程主要是想和大家介绍一下,最近很火的使用AI来制作渐变插画,其实PS也是完全可以胜任的。使用什么工具并不重要,思路和创意才是第一位的。好了,直接来看看效果图:

看完教程的你,想加我建立的UI学习q群:970952798,进群可以找我领取相应的笔刷素材大礼包,还可以跟群里的其他设计大佬和学习者一起交流学习,获取更多其他软件学习资料。 想学UI设计的小白或者零基础都可以领取到430套ps笔刷神器

先把最后的效果图抛出来。(此图片来自网上,只做教程分享讲解)

步骤:那么,看见这张图,先分解,即它是由哪几个部分构成的呢?

大背景

透视的背景线

立体图

以及一些周边的按钮之类的。

step2:背景制作

直接选择矩形工具,拉渐变。

接着选择椭圆工具,画一个填充白色的正圆,设置其羽化值。

step3:背景透视的线了,这个地方我用的方法比较笨,所以画了好久好久好久好久~

先用矩形工具画一个矩形,填充去掉,描边2px

接着,根据需要的点配合钢笔工具的加减锚点以及小白(直接选择工具)进行锚点的一对一修改。

然后用相同的方法拼出来一整个背景线条

画好后,ctrl+G进行编组,并复制一个组,命名背景-线,第一个组隐藏掉。(这个操作是备份,以防后续需要进行修改)。

接着,在复制的组 背景-线 右键 – 转为智能对象,并进行颜色叠加。

接下来进行透视操作,先快捷键ctrl+T,将图旋转45度,如下图:

旋转45°后,再次右键,选择扭曲,并操作

那么,背景就完成了。

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

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

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

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

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

最后,成品啦!

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

声明:* 本站所提供的资源均来源于互联网,站内所有文字、图片内容由网站会员上传而来,UI社不具备此内容的版权。由于将本站资源用于商业用途而引起的纠纷,本站不负任何责任。如果有侵犯到您的权益,请联系本站删除,谢谢合作!联系邮箱:Uishe#qq.com (请将[#]换成@)