按钮教程,设计一个圆形的点击按钮(6)插图

按钮教程,设计一个圆形的点击按钮(6)

本篇按钮教程跟大家分享如何设计一枚由条纹组成的圆形按钮,制作方法不难,用到几个图层样式来制作质感,喜欢设计的同学来学习一下吧。最终效果: 新建文档1200X1000像素,填充颜色#3d3d42,再添加杂

按钮教程,设计一个圆形的点击按钮(2)插图

按钮教程,设计一个圆形的点击按钮(2)

画一个矩形,设置好角度后,应用Ctrl+Alt+Shift+T,就是得到360的直线,同时配合 蒙版 ,将直线内置圆圈里面。 下面,回到直线的下层,我们画一个圆,添加图层样式。 内发光 模式:正片叠底 不透明度:75% 颜色:#0

广告位
按钮教程,设计一个圆形的点击按钮(5)插图

按钮教程,设计一个圆形的点击按钮(5)

内阴影 模式:正片叠底 颜色:#000000 不透明度:75% 角度:120 距离:2 大小:2 投影 模式:线性减淡(添加) 颜色:#ffffff 不透明度:11% 角度:90 距离:2 大小:2

按钮教程,设计一个圆形的点击按钮(4)插图

按钮教程,设计一个圆形的点击按钮(4)

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

按钮教程,设计一个圆形的点击按钮(3)插图

按钮教程,设计一个圆形的点击按钮(3)

内发光 模式:正片叠底 不透明度:22% 颜色:#000000 方法:柔和 大小:16 外发光 模式:叠加 不透明度:56% 颜色:#ffffff 方法:柔和 大小:32 下面,我们来画那个按纽,画一个正圆,添加图层样式。

下载按钮,设计一枚圆形的下载按钮(9)插图

下载按钮,设计一枚圆形的下载按钮(9)

今天跟大家讲讲怎么做一个圆形的下载按钮,教程步骤详细,作者还提供了PSD文件参考,看不懂的可以下载学习。做完记得交作业。 先看看最终效果: 素材打包 微盘下载 新建文档,我用的大小是1500*1000像素,透明背景

下载按钮,设计一枚圆形的下载按钮(2)插图

下载按钮,设计一枚圆形的下载按钮(2)

下面,我们用椭圆工具画出按纽外圆,我用的大小是400*400像素。 为其添加一个斜面浮雕 添加一个白色的内阴影 添加一个渐变叠加 添加一个投影 OK,完成了图层样式的设置,我们目前得到如下效果。

下载按钮,设计一枚圆形的下载按钮(8)插图

下载按钮,设计一枚圆形的下载按钮(8)

打上文字,文字直接拷贝图标的图层样式,完工。 到这里就算完工了,国际惯例,前面我们把PSD分享给了大家,欢迎交流, PSD中我们另外提供了一个浅红色的,希望你喜欢。

下载按钮,设计一枚圆形的下载按钮(7)插图

下载按钮,设计一枚圆形的下载按钮(7)

复制这一个矩形,水平翻转,摆放到右边。 最后,再画两个圆,移动到那两个旋转45度的矩形的位置。 到这里,下载图标,我们就画好了,你要再不会画,我也没办法了。P大点S作为一个热爱分享的小团队,免不了在这里我

下载按钮,设计一枚圆形的下载按钮(6)插图

下载按钮,设计一枚圆形的下载按钮(6)

下面,就该画那个下载的图标了。 如果你感觉直接画不好操作,你也可以新建个文档来画,下面,我也用一个新文档来演示。 首先,先画出三个圆。 复制圆的路径,减去。 这里需要注意的是如何保证圆环的宽度是一致的,

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部