PS方形UI效果按钮怎么设计?

如题所述

UI设计师的必备工具,其中PS也是其一!很多新手刚学习PS软件,对于PS手机UI效果的图标按钮等还不会!为此,我们接下来就来教一教大家怎么设计制作,PS方形UI效果按钮设计教程分享给大家,希望能够帮助到各位学习掌握~

PS方形UI效果按钮设计教程:

建立画布800x600pi,填充颜色为#a846ff。

复制一层做一个渐变叠加

得到画板效果

接下来我们做按钮,建立一个圆角矩形308x308pi,半径为68

给椭圆矩形做效果,混合模式:斜面浮雕——颜色叠加——投影

看过前面课程的同学应该知道,我们做完底部后,要一步步做投影。复制一层,填充黑色,下移20,高斯模糊15,图层不透明度25%。

在复制一层,高斯模糊为20,不透明度15

建立剪切蒙版,因为图标是一个椭圆矩形,阴影也要擦出来图标轮廓。

建立一个225×225的圆形,颜色渐变为

在建立一个226×226的大圆在外面

我们只是做外面的轮廓,留下边缘部分

建立112×112,的中心按钮

混合模式做图标效果

给按钮在做一个阴影,复制一个置于按钮下方。高斯模糊

大家看到我给这个圆左右压缩一点,光源从上方打过来,为了过渡自然,我们可以根据情况改变做阴影的形状,做完后图层透明度改为75%。

做一个96×96的中心圆

颜色填充

采用叠加效果,做渐变叠加

最后就是两个旁边显示状态按钮,大小为15x15pi。右边颜色填充为#6fe2fb,左边为描边

效果图:

教程到此结束,小伙伴是不是有所启发了呢?其实,跟着教程步骤操作,轻轻松松就可以制作出来,真的并不难!当然,除了以上这种效果的PSUI按钮效果制作,大家也是可以根据大概的方法制作出其他效果的!大家赶紧动手操作起来吧!如果想要学习更多ps技巧,那么一定不要错过的精彩分享~

温馨提示:答案为网友推荐,仅供参考