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

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

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

Photoshop,紫色风格,圆形按钮图标,PS教程,,教程

xueuisheji

处理后效果:

PS设计紫色风格的圆形按钮图标photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS设计紫色风格的圆形按钮图标photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计紫色风格的圆形按钮图标photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

给这个调整层添加内阴影。

模式:正片叠加

颜色:#000000

不透明度:75%

角度:90°

距离:5

大小:250

PS设计紫色风格的圆形按钮图标photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计紫色风格的圆形按钮图标photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

选择椭圆工具,按住shift建画一个黑色的正圆,圆的大小是600X600像素,将填充修改为25%,并添加图层样式。

内阴影

模式:正片叠底

颜色:#000000

不透明度:76%

角度:90°

距离:5

大小:32

PS设计紫色风格的圆形按钮图标photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

投影

模式:线性减淡(添加)

颜色:#ffffff

不透明度:10%

角度:12°

距离:2

大小:2

PS设计紫色风格的圆形按钮图标photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS设计紫色风格的圆形按钮图标photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS设计紫色风格的圆形按钮图标photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS设计紫色风格的圆形按钮图标photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

内发光

模式:正片叠底

不透明度:75%

颜色:#000000

方法:柔和

大小:24

PS设计紫色风格的圆形按钮图标photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

渐变叠加

模式:正常

不透明度:100%

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

样式:角度

角度:73%

缩放:100%

PS设计紫色风格的圆形按钮图标photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

投影

模式:正片叠底

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

不透明度:75%

角度:90度

距离:33

大小:35

PS设计紫色风格的圆形按钮图标photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS设计紫色风格的圆形按钮图标photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

内发光

模式:正片叠底

不透明度:22%

颜色:#000000

方法:柔和

大小:16

PS设计紫色风格的圆形按钮图标photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

外发光

模式:叠加

不透明度:56%

颜色:#ffffff

方法:柔和

大小:32

PS设计紫色风格的圆形按钮图标photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS设计紫色风格的圆形按钮图标photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

斜面浮雕

样式:内斜面

方法:平滑

深度:100%

方向:上

大小:10

角度:90°

高度:30°

高光模式:滤色

颜色:#ffffff

不透明度:34%

阴影模式:正片叠底

颜色:#000000

不透明度:29%

PS设计紫色风格的圆形按钮图标photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

渐变叠加

模式:正常

不透明度:100%

渐变:这里你可以自己调整

样式:线性

角度:90°

缩放100%外发光

PS设计紫色风格的圆形按钮图标photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

模式:正片叠加

不透明度:60%

颜色:#000000

方法:柔和

大小:160

PS设计紫色风格的圆形按钮图标photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

投影

模式:正片叠加

颜色:#000000

不透明度:59%

角度:90°

距离:5

大小:10

PS设计紫色风格的圆形按钮图标photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS设计紫色风格的圆形按钮图标photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

内阴影

模式:正片叠底

颜色:#000000

不透明度:75%

角度:120°

距离:2

大小:2

PS设计紫色风格的圆形按钮图标photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

投影

模式:线性减淡(添加)

颜色:#ffffff

不透明度:11%

角度:90°

距离:2

大小:2

PS设计紫色风格的圆形按钮图标photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS设计紫色风格的圆形按钮图标photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/658979.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码