如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn
当前位置 : PS学习网 > 实例bodog博狗娱乐官网 > 正文

设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网

来源:网络作者:网络时间:2017-7-27 22:12:22点击:
本bodog博狗娱乐官网主要使用Photoshop设计紫色渐变风格的按钮图标bodog博狗娱乐官网,bodog博狗娱乐官网的主要部分都是用图层样式来完成的,感兴趣的朋友一起来学习吧。最终效果: 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   新建文档1200X1000像素,填充颜色#3d3d42,再添加杂色》添加杂色。 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   给这个调整层添加内阴影。 模式:正片叠加 颜色:#000000 不透明度:75% 角度:90° 距离:5 大小:250 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   选择椭圆工具,按住shift建画一个黑色的正圆,圆的大小是600X600像素,将填充修改为25%,并添加图层样式。 内阴影 模式:正片叠底 颜色:#000000 不透明度:76% 角度:90° 距离:5 大小:32 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   投影 模式:线性减淡(添加) 颜色:#ffffff 不透明度:10% 角度:12° 距离:2 大小:2 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   利用布尔运算中的减去,你很容易的画出下面这个黑色的圆环。 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   画一个矩形,设置好角度后,应用Ctrl+Alt+Shift+T,就是得到360°的直线,同时配合蒙版,将直线内置圆圈里面。 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   下面,回到直线的下层,我们画一个圆,添加图层样式。 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   内发光 模式:正片叠底 不透明度:75% 颜色:#000000 方法:柔和 大小:24 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   渐变叠加 模式:正常 不透明度:100% 渐变:这里你这个自己选定 样式:角度 角度:73% 缩放:100% 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   投影 模式:正片叠底 颜色:#e509ce(这里根据你上面选择的颜色进行调整) 不透明度:75% 角度:90度 距离:33 大小:35 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   接下来,我们来画那个内圆,同样的在直线图层的下层,我画了一个黑色的圆,将填充修改为25%,并添加了一个图层样式。 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   内发光 模式:正片叠底 不透明度:22% 颜色:#000000 方法:柔和 大小:16 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   外发光 模式:叠加 不透明度:56% 颜色:#ffffff 方法:柔和 大小:32 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   下面,我们来画那个按纽,画一个正圆,添加图层样式。 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   斜面浮雕 样式:内斜面 方法:平滑 深度:100% 方向:上 大小:10 角度:90° 高度:30° 高光模式:滤色 颜色:#ffffff 不透明度:34% 阴影模式:正片叠底 颜色:#000000 不透明度:29% 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   渐变叠加 模式:正常 不透明度:100% 渐变:这里你可以自己调整 样式:线性 角度:90° 缩放100%外发光 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   模式:正片叠加 不透明度:60% 颜色:#000000 方法:柔和 大小:160 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   投影 模式:正片叠加 颜色:#000000 不透明度:59% 角度:90° 距离:5 大小:10 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   最后,我这边就添加一个UI,效果如下。 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   内阴影 模式:正片叠底 颜色:#000000 不透明度:75% 角度:120° 距离:2 大小:2 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网   投影 模式:线性减淡(添加) 颜色:#ffffff 不透明度:11% 角度:90° 距离:2 大小:2 设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网  设计紫色风格UI圆形按钮图标的PSbodog博狗娱乐官网
本站公告
  PS学习网是一个专业的学习交流Photoshop的网站,本站致力于向广大PS爱好者提供一个学习与交流的平台,想要学习提高自己的PS水平,马上从这里开始吧…
  Photoshop 8.0免费下载地址
  Photoshop CS2免费下载地址
  Photoshop CS3免费下载地址
  Photoshop基础入门视频bodog博狗娱乐官网
  Photoshop CS5软件视频bodog博狗娱乐官网