设计圆形渐变icon(4)
阴影
复制需要阴影的那个图层、高斯模糊,复制一层略缩小85%,调整透明度和重迭部份,阴影会比较立体。共有外框、中心、整体这 3 个部份要处理。
如果这颗 icon 小于 300x300px 、又不是主力 icon 只是个配角、且走扁平化风格的话,用图层样式一层解决高光和厚度是很方便快速的作法。但如果是拟物风就得把这几层拆开独立制作。比较有趣的部份是「角度渐层」,平时很少使用这种渐层方式、明明是凹陷的部份却以迭加一个圆的方式制造假阴影也扭转平时的作图想法。果然多临摹大师作品可以学到很多不同的思维方式。
学习 · 提示
- 一定要打开PS,跟着教程做一遍,做完的图到这交作业: 提交作业
- 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
- 教程有看不懂的地方,可以到论坛发帖提问: 新手求助
- 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
- 关注我们学更多,每天都有新教程: 新浪微博 抖音视频 微信小程序
- d) return false;this.setAttribute('overtime', d + 5000)">上传作业
- 教程提问
- 素材在哪
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
相关教程
- UI图标,设计相机主题UI图标教程
- 设计通讯簿图标教程
- ps绘制镜头UI图标教程
- 利用PS CS6的新功能保持icon细节饱满完
- ps设计圆点可爱ICON图标
推荐教程
- 界面设计,如何创建App应用界面
- ps制作木纹收音机APP图标
- ps制作收音机UI图标教程
- UI图标圆角的设计技巧
- UI图标,模仿拟物风格的SIRI图标
- 手机图标,设计iPhoneES手机主题图标
- ps UI设计教程:设计扁平化风格图片
- APP展示图,教你把Gif动效图嵌入到手机模版
- UI图标,设计质感ICON图标
- 图标设计,在PS里制作小清新风格的天气图标
关注大神微博 加入>>
-
ps设计APP应用相机图标
-
ps短信风格APP图标
-
ps木箱子图标
-
用PS设计APP过程中改进IOS设计流程的30个密诀
-
PS UI设计技巧
-
UI设计教程:文件夹ICON图标教程
-
ps cc设计唱片UI图标教程
-
插画制作,用PS绘制简约沙漏插画效果图片