设计紫色风格UI圆形按钮图标的PS教程

2024-10-14 08:59:56

1、新建文档1200X1000像素,填充颜色#3d3d42,再添加杂色》添加杂色。

设计紫色风格UI圆形按钮图标的PS教程

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

设计紫色风格UI圆形按钮图标的PS教程

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

设计紫色风格UI圆形按钮图标的PS教程

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

设计紫色风格UI圆形按钮图标的PS教程

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

设计紫色风格UI圆形按钮图标的PS教程

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

设计紫色风格UI圆形按钮图标的PS教程

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

设计紫色风格UI圆形按钮图标的PS教程

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

设计紫色风格UI圆形按钮图标的PS教程

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

设计紫色风格UI圆形按钮图标的PS教程

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

设计紫色风格UI圆形按钮图标的PS教程

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

设计紫色风格UI圆形按钮图标的PS教程
猜你喜欢