Photoshop设计紫色风格的圆形按钮图标(2)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:xueuisheji

关键词

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

Photoshop设计紫色风格的圆形按钮图标

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

Photoshop设计紫色风格的圆形按钮图标

内发光

模式:正片叠底

不透明度:75%

颜色:#000000

方法:柔和

大小:24

Photoshop设计紫色风格的圆形按钮图标

渐变叠加

模式:正常

不透明度:100%

渐变:这里你这个自己选定

样式:角度

角度:73%

缩放:100%

Photoshop设计紫色风格的圆形按钮图标

投影

模式:正片叠底

颜色:#e509ce(这里根据你上面选择的颜色进行调整)

不透明度:75%

角度:90度

距离:33

大小:35

Photoshop设计紫色风格的圆形按钮图标

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

Photoshop设计紫色风格的圆形按钮图标

内发光

模式:正片叠底

不透明度:22%

颜色:#000000

方法:柔和

大小:16

Photoshop设计紫色风格的圆形按钮图标

外发光

模式:叠加

不透明度:56%

颜色:#ffffff

方法:柔和

大小:32

Photoshop设计紫色风格的圆形按钮图标

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

Photoshop设计紫色风格的圆形按钮图标

 收藏