当前位置：首页>ps实例教程>ps网页设计>UI设计教程>教程内容

UI图标，设计一个蓝色ICON按钮图标教程

来源：站酷 作者：抓丶毛毛 学习：14897人次

图标设计很简单，步骤讲解也很详细，适合UI新手学习，喜欢大家喜欢，一起学习吧。先看看效果：

UI图标，设计一个蓝色ICON按钮图标教程_www.16xx8.com
<点图片看大图>www.16xx8.com

我先新建一个画布1000X1000 填充背景色：#80b5e1

UI图标，设计一个蓝色ICON按钮图标教程_www.16xx8.com
<点图片看大图>

选择圆角矩形工具 半径设置50 颜色我们就设置白色好了 填充改为：0 画一个合适大小 添加混合选项：投影 并命名为发光层

UI图标，设计一个蓝色ICON按钮图标教程_www.16xx8.com
<点图片看大图>

UI图标，设计一个蓝色ICON按钮图标教程_www.16xx8.com
<点图片看大图>

我们复制一下发光层 清楚图层样式 在添加混合选项中的“内发光”“渐变叠加”“投影”并命名为厚度层

UI图标，设计一个蓝色ICON按钮图标教程_www.16xx8.com
<点图片看大图>

UI图标，设计一个蓝色ICON按钮图标教程_www.16xx8.com
<点图片看大图>

共4页:上一页1234下一页 在本页浏览全教程

学习 · 提示

  • 一定要打开PS，跟着教程做一遍，做完的图到这交作业：提交作业
  • 建议练习时，大家自己找素材，尽量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到论坛发帖提问：新手求助
  • 加官方微信，随时随地，想学就能学：ps_bbs，或扫右侧二维码！
  • 关注我们学更多，每天都有新教程：新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
蝶飞20152017-09-01 05:24
我的作业：
 回复
蝶飞20152017-09-01 05:24
改了图案
 回复
qq1323736842017-06-16 02:03
修改了一下
 回复
********2017-05-20 04:37
作业传不上来
 回复
********2017-05-20 04:05
作业传不上来
 回复
肖琴2017-01-19 04:48
 回复
肖琴2017-01-19 11:40
图片是怎么上传上去的 ？
 回复
肖琴2017-01-19 11:01
图片是怎么上传上去的 ？
 回复
肖琴2017-01-19 04:01
 回复
肖琴2017-01-09 02:51
最后这一步的浮雕，为什么我做的是在上面呢。需要很有耐心啊
 回复
肖琴2017-01-09 02:01
最后这一步的浮雕，为什么我做的是在上面呢。需要很有耐心啊
 回复
嘉嘉兒2016-12-29 01:53
 回复
嘉嘉兒2016-12-29 01:52
 回复
嘉嘉兒2016-12-29 01:12
 回复
嘉嘉兒2016-12-29 01:12
 回复
查看全部评论 >

关注大神微博加入>>

网友求助，请回答！