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
<点图片看大图>

学习 · 提示

  • 一定要打开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

关注大神微博加入>>

网友求助,请回答!