PS绘制超漂亮的渐变按钮ui图标教程
最终效果:

主要过程:
新建文档1200X1000像素,填充颜色#3d3d42,再添加杂色》添加杂色。


给这个调整层添加内阴影。
模式:正片叠加
颜色:#000000
不透明度:75%
角度:90°
距离:5
大小:250


选择椭圆工具,按住shift建画一个黑色的正圆,圆的大小是600X600像素,将填充修改为25%,并添加图层样式。
内阴影
模式:正片叠底
颜色:#000000
不透明度:76%
角度:90°
距离:5
大小:32

投影
模式:线性减淡(添加)
颜色:#ffffff
不透明度:10%
角度:12°
距离:2
大小:2

利用布尔运算中的减去,你很容易的画出下面这个黑色的圆环。

画一个矩形,设置好角度后,应用Ctrl+Alt+Shift+T,就是得到360°的直线,同时配合蒙版,将直线内置圆圈里面。

下面,回到直线的下层,我们画一个圆,添加图层样式。

内发光
模式:正片叠底
不透明度:75%
颜色:#000000
方法:柔和
大小:24

渐变叠加
模式:正常
不透明度:100%
渐变:这里你这个自己选定
样式:角度
角度:73%
缩放:100%

投影
模式:正片叠底
颜色:#e509ce(这里根据你上面选择的颜色进行调整)
不透明度:75%
角度:90度
距离:33
大小:35

接下来,我们来画那个内圆,同样的在直线图层的下层,我画了一个黑色的圆,将填充修改为25%,并添加了一个图层样式。

内发光
模式:正片叠底
不透明度:22%
颜色:#000000
方法:柔和
大小:16

外发光
模式:叠加
不透明度:56%
颜色:#ffffff
方法:柔和
大小:32

下面,我们来画那个按纽,画一个正圆,添加图层样式。

斜面浮雕
样式:内斜面
方法:平滑
深度:100%
方向:上
大小:10
角度:90°
高度:30°
高光模式:滤色
颜色:#ffffff
不透明度:34%
阴影模式:正片叠底
颜色:#000000
不透明度:29%

渐变叠加
模式:正常
不透明度:100%
渐变:这里你可以自己调整
样式:线性
角度:90°
缩放100%外发光

模式:正片叠加
不透明度:60%
颜色:#000000
方法:柔和
大小:160

投影
模式:正片叠加
颜色:#000000
不透明度:59%
角度:90°
距离:5
大小:10

最后,我这边就添加一个UI,效果如下。

内阴影
模式:正片叠底
颜色:#000000
不透明度:75%
角度:120°
距离:2
大小:2

投影
模式:线性减淡(添加)
颜色:#ffffff
不透明度:11%
角度:90°
距离:2
大小:2


是不是异常的简单,大功告成!
教程结束,以上就是PS绘制超漂亮的渐变按钮ui图标教程的全部内容,希望大家喜欢!
相关教程推荐:
Photoshop使用图形渐变及图层样式制作精致大气的绿色按钮
PhotoShop设计绘制出反光渐变的蓝色水晶玻璃球按钮教程
相关文章
ps 挖掘机简单画法怎么画?ps中想要绘制一个挖掘机,该怎么绘制呢?下面我们就来看看ps手绘简笔画挖掘机的技巧2023-07-21
ps怎么画棉花?ps中想要画棉花,该怎么画一朵棉花呢?下面我们就来看看ps手绘棉花矢量图的技巧2023-07-19
ps怎么手绘一款公告栏矢量图?很多网站能见到公告栏,想要设计一款简洁的公告栏模板,该怎么设计呢?下面我们就来看看ps公告板的画法2023-07-18
ps怎么手绘针织衫? photoshop画面笔画针织衫图形的技巧
ps怎么手绘针织衫?经常使用ps手绘,该怎么画一件毛衣呢?下面我们就来看看photoshop画面笔画针织衫图形的技巧2023-07-11
ps怎么手绘简笔画桃子?ps中想要画一个桃子,像是用铅笔随手画出来的效果,该怎么操作呢?下面我们就来看看ps桃子手绘过程2023-04-29
ps如何利用几何形态绘制树?ps中想要绘制树木图形,该怎么绘制呢?下面我们就来看看ps树状图形的绘制方法2023-01-18
ps怎么手绘简单灌木植物素材?ps中想要手绘灌木矢量素材,该怎么绘制呢?下面我们就来看看ps画灌木植物矢量图的技巧2023-01-18
ps怎么手绘法包?ps中想要手绘一款面包,该怎么手绘法包矢量图呢?下面我们就来看看ps手绘板画面包矢量图的技巧,详细请看下文介绍2023-01-18
ps怎么手绘葵花籽?ps中想要手绘一盘瓜子,该怎么画葵瓜子呢?下面我们就来看看ps用手绘板绘画一碟葵瓜子的技巧2023-01-18
很多新手不知道如何使用PS画笔绘制绿色的大地,本文就为大家带来了详细的教程,需要的朋友一起看看吧2022-05-07










最新评论