求教PS高手,这个效果怎么做??
求高手指教一个,最好详细一点,有参数最好了,只要图标就行了~~
谢谢~~ 展开
你好,当你喜欢上一个优秀的UI设计的时候,可以尝试分析他的设计思路,并在脑海中模拟操作步骤,然后用PS或者AI把他做出来,这是一个非常好的的习惯,对你的提升将会非常有帮助!
我给你简单做了一个效果图,为了突出效果,我用了灰色做背景:
现在我们来分析一下设计思路:
首先我们看到的是一个圆角矩形,其中还带有一点小小的渐变效果。这个渐变效果很可能是线性渐变,也有可能是径向渐变,现在我们还不能肯定。
然后,你可以明显看到UI内用的是一个浮雕的效果,整个UI的设计核心就是这个浮雕的效果,同时你想要的橡皮胶一样的效果也是通过这个浮雕效果来实现的。
最后,UI的下方有点阴影,这个效果很容易做到。
以下是具体操作方法,该方法是由我自己想出来的,也许未必就是作者的方法,也许也不一定是最好的方法,但却是能实现这个UI设计的方法:
灰色的背景我就不多说了,直接来正题
1、首先用圆角矩形工具画出一个带圆角的正方形,大小随意。
2、对矩形填充渐变效果,渐变选项选择径向渐变(我认为这个UI的表面不是平的,而是有一点点起伏感,所以最终采用了径向渐变),两个颜色选择高级灰,我用的从左至右分别是:#4258c7;#a9a9fe。角度选择90度,缩放大一点,然后将渐变的中心点向上移一些,移到适当的位置。
3、为图层添加图层样式-斜面和浮雕,设置如下:
4、鼠标右击图层缩略图中“fx”式样的按钮,在弹出的菜单中选择-创建图层。得到两个新的图层。
这时我们需要将超出圆角矩形的部分去掉。按下Ctrl+鼠标左键点击图层缩略图,得到选区;按下Shift+Ctrl+I将选区反向;选中新得到的两个图层,按DELETE删除即可。
5、继续为圆角矩形的图层添加图层样式,现在选择内发光选项。设置如下:
6、继续鼠标右击图层缩略图中“fx”式样的按钮,在弹出的菜单中选择-创建图层。得到一个个新的图层。按下Ctrl+鼠标左键点击内发光图层缩略图,得到选区;用矩形选框工具,在上面的选项栏中选择“从选区减去”在画板的下方画出一个矩形,得到这样一个形状:
7、菜单-选择-修改-羽化,羽化半径根据图片大小调整。对内发光图层按DELETE删除,可以多按几次达到想要效果。按下Ctrl+鼠标左键点击内发光图层缩略图,得到位于画板下方的新选区。
8、选中圆角矩形浮雕阴影图层,按DELETE删除,隐藏内发光图层,得到一个理想效果。
9、为圆角矩形图层添加图层样式-阴影,由于我的图片之前已经加上了,我就不再多说这个效果,附图:
有什么不懂可以私聊我,或者向我发起求助,满意请在采纳后点个赞,谢谢!
2024-09-19 广告