PS如何设计渐变的按钮UI图标

 时间:2024-10-17 14:18:47

首先新建画布,椭圆工具绘制一个正圆形,再添加投影,ctrl+j翱务校肢复制一层,ctrl+alt+shift+t进行再制,然后给组添加蒙版,再绘制一个正圆形,添加图层样式即可。

PS如何设计渐变的按钮UI图标

方法/步骤

1、新建画布,填充对应颜色,然后添加杂色;

PS如何设计渐变的按钮UI图标

PS如何设计渐变的按钮UI图标

2、椭圆工具绘制一个正圆形,执行画布居中,然后鼠标右键进入混合选项,先添加内阴影;

PS如何设计渐变的按钮UI图标

3、再添加投影;

PS如何设计渐变的按钮UI图标

4、利用布尔运算绘制出如图的一个圆边;

PS如何设计渐变的按钮UI图标

5、矩形工具绘制一个小的矩形;

PS如何设计渐变的按钮UI图标

6、ctrl陴鲰芹茯+j复制一层,ctrl+t进入变换状态,然后按alt键把中心点挪到下面,稍微旋转一下对应的角度;

PS如何设计渐变的按钮UI图标

PS如何设计渐变的按钮UI图标

7、ctrl+alt+shift+t进行再制;

PS如何设计渐变的按钮UI图标

8、把这些矩形选中,创建组,然后给组添加蒙版;

PS如何设计渐变的按钮UI图标

9、绘制一个正圆形,然后填充渐变色,渐变模式选择角度渐变;

PS如何设计渐变的按钮UI图标

10、给渐变的图层添加对应的混合选项;

PS如何设计渐变的按钮UI图标

PS如何设计渐变的按钮UI图标

11、再绘制一个圆形,填充黑色,填充色降低;

PS如何设计渐变的按钮UI图标

12、给刚刚的黑色圆形进行图层样式设置;

PS如何设计渐变的按钮UI图标

PS如何设计渐变的按钮UI图标

PS如何设计渐变的按钮UI图标

13、再绘制一个正圆形,添加图层样式;

PS如何设计渐变的按钮UI图标

PS如何设计渐变的按钮UI图标

14、个人建议再添加一个logo,这样一个渐变的按钮图标设计效果就出来了。

PS如何设计渐变的按钮UI图标

在PS里面怎么抠出烟雾? 如何制作“创意玻璃”方块人物海报 Photoshop怎么制作液态流体背景效果? ps雪花效果图怎么做? PS自由变换的应用
热门搜索
思域十代图片 苏志燮图片 信纸图片大全 999电影网 海洋公园图片