查看: 1372|回复: 0
打印 上一主题 下一主题

[UI设计] 渐变按钮图标UI教程

[复制链接]

1240

主题

11

听众

6720

积分

版主

Rank: 7Rank: 7Rank: 7

纳金币
5474
精华
6

荣誉管理 论坛元老 突出贡献 优秀版主

跳转到指定楼层
楼主
发表于 2017-3-1 15:27:22 |只看该作者 |倒序浏览
新建文档,这里我用的是1000X800像素,创建一个#3d3d42的纯色调整层,添加一个杂色。
1.jpg
给这个调整层添加一个内阴影。
2.jpg
3.jpg
画一个黑色的正圆,将填充修改为24%,并添加一个图层样式,圆的大小我用的是500X500像素。
4.jpg
5.jpg
6.jpg
利用布尔运算中的减去,你很容易的画出下面这个黑色的圆环。
7.jpg
画一个矩形,应用Ctrl+Alt+Shift+T,你可以轻易的得到跟我图中一样的直线,同时配合蒙版,将在刚才那个圆环外部的部分涂抹掉。
8.jpg
下面,回到直线的下层,我们画一个圆,添加图层样式。
9.jpg
10.jpg
11.jpg
12.jpg
接下来,我们来画那个内圆,同样的在直线图层的下层,我画了一个黑色的圆,将填充修改为26%,并添加了一个图层样式。
13.jpg
14.jpg
15.jpg
下面,我们来画那个按纽,画一个正圆,添加图层样式。
16.jpg
17.jpg
18.jpg
游客,如果您要查看本帖隐藏内容请回复

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-1 08:59 , Processed in 0.127891 second(s), 31 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部