UI设计中超写实iocn教程

2016-11-29 16:37　杭州之窗

　　当看到这个图标大家会觉得好复杂(=@__@=)~

　　其实并不然,云风教育学院UI设计今天和大家分享一些心得，帮你把复杂的设计变简单!其实制作一个超写实图标需要的仅仅是耐心和细心而已，逐一分解在组合，让其形成一个个简单形状加特效，就会显得尤为轻松。

　　接下来我们开始一步步的操作吧(所选软件PS)

　　01 背景轮廓

　　打开PS软件，运用形状工具将大体轮廓概括出来

　　分别操作上下矩形的图层样式，调整渐变与斜面浮雕

　　上矩形(图层样式)

　　下矩形(图层样式)

　　得到的结过是这个样子哒(为了更好的看效果 别忘了加背景)

　　02 制作磁带

　　接下来绘制上面的光盘与看似塑料的半透明效果,同样用形状来概括大体结构

　　在圆之上新建立一个图层，添加杂色，之后做径向模糊

　　再对圆做剪切蒙版将所做的纹理下落给圆形，更改图层样式里的

　　渐变叠加的颜色，将其混合模式更改为(减淡)

　　接下我们来调整分别上面圆的渐变颜色、浮雕效果和投影

　　浮雕和投影一定要根据自己的形状大小来进行适当的更改呐

　　最后千万不要忘记将最外面的磁盘填充降为零

　　将其复制

　　03/

　　金属按钮

　　接下来我们操作一下金属按钮只要操作一个就可以了

　　其他进行复制就ok

　　先创立完形状之后，分别调整其浮雕效果和颜色，上面的纹理

　　和制作光盘的方法一样

　　其余的这些小按钮同样也是调整其图层样式 将其进行适当的排布

　　04 完善细节

　　将上方的形状创立出来之后分别更改其相对应的图层样式

　　(比如斜面与浮雕，渐变，内发光，阴影等等等)

　　接下来就要走一些末尾的细节啦~

　　加上文字排版，进行适当的布局，别忘了最后用形状做一些暗处

　　和亮部的高光出来，调整细节

　　就完成了!

UI设计：http://www.ukong.cn/