UI教程,设计玉镯主题UI图标

来源:站酷 作者:三行树 学习:7294人次

教大家制作一个玉镯主题图标,图标制作不难,主要学习玉镯的制作。先看看效果:

UI教程,设计玉镯主题UI图标_www.16xx8.com
<点图片看大图>www.16xx8.com

第一步、绘制图标底座形状,这里给的是300*300,圆角度数为20。

UI教程,设计玉镯主题UI图标_www.16xx8.com

第二步、给底座填充一个从深色到浅色渐变,顶部添加亮色内阴影,底部添加投影。

UI教程,设计玉镯主题UI图标_www.16xx8.com

UI教程,设计玉镯主题UI图标_www.16xx8.com
<点图片看大图>

第三步、添加一个240PX的圆,并给上暗内阴影,下亮投影。同时添加一个比矩形略深的渐变叠加,打造凹槽效果。

UI教程,设计玉镯主题UI图标_www.16xx8.com

第四步、在凹槽内添加一个直径200px,宽度30px的圆环,颜色给高亮绿色,这里给了#adfcd6,做玉镯的基本形状。

UI教程,设计玉镯主题UI图标_www.16xx8.com

第五步、圆环内部给一个向下的深色内阴影下部给深色投影,打造立体效果。

UI教程,设计玉镯主题UI图标_www.16xx8.com

第六步、圆环给一个斜面和浮雕的图层样式,参数设置如下。

UI教程,设计玉镯主题UI图标_www.16xx8.com

UI教程,设计玉镯主题UI图标_www.16xx8.com
<点图片看大图>

第七步、滤镜~渲染~云彩,调整得出一块以下效果,同时使用涂抹工具涂抹出玉镯范围内的云彩效果。

UI教程,设计玉镯主题UI图标_www.16xx8.com

第八步、将云彩效果剪切蒙版到圆环内,同时调整色相饱和度即可。

UI教程,设计玉镯主题UI图标_www.16xx8.com

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
零零零1232019-04-05 08:57
受教!!
丹丹烫烫2017-06-06 11:31
我的作业:
丹丹烫烫2017-06-06 11:09
交作业我的作业:
执着2017-05-18 03:08
我自己做的,凭感觉
执着2017-05-18 03:05
我自己做的,凭感觉
许超2017-04-07 11:33
许超2017-04-07 11:04
荆州才子2017-04-05 02:58
交作业
荆州才子2017-04-05 02:04
交作业
何夜秋来2016-10-26 07:36
你右下角缺了一块
何夜秋来2016-10-26 07:10
感觉色彩处理的不够好Realin 的原帖:你右下角缺了一块
Realin2016-09-27 10:33
感觉色彩处理的不够好
Realin2016-09-27 10:28
Realin2016-09-27 10:09
Realin2016-09-27 10:09
感觉色彩处理的不够好

关注大神微博加入>>

网友求助,请回答!