UI设计中超写实iocn教程

作者:
发布时间:2016-11-29 16:37
来源:

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

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

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

  01 背景轮廓

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

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

  上矩形(图层样式)

  下矩形(图层样式)

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

  02 制作磁带

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

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

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

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

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

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

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

  将其复制

  03/

  金属按钮

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

  其他进行复制就ok

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

  和制作光盘的方法一样

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

  04 完善细节

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

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

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

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

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

  就完成了!

UI设计:http://www.ukong.cn/
更多相关文章
网友评论
用户名: 密码:
验证码: 匿名发表


关于南京热线 - 南京热线广告服务 - 南京热线免责申明 - 南京热线招聘信息 - 联系南京热线
建议您使用1024×768 分辨率、Microsoft Internet Explorer 8.0浏览器以获得本站的最佳浏览效果
免责声明:站内言论仅代表个人观点,并不代表本站同意其观点,本站不承担由此引起的法律责任。若无意中侵犯你的权利请来信说明,本站查明后将及时删除!
Powered by南京热线 版权所有,未经书面授权禁止使用  © 2012-2022 广告加盟 QQ:838869911 邮箱:838869911@qq.com