全部素材

精致的木盒ui图标制作教程

升级会员,全站资源免费下载
本节教程为大家讲解如何利用photoshop打造出精美的木盒图标。学习的目的是学会立体图形的构成及光感,材质的渲染。制作之前需要把木盒拆分为几个面,然后按顺序慢慢制作各个面即可。
最终效果:
木盒图标,设计先锋网

详细操作步骤如下:

1、图层分解,大致可按顺序分为以下几个部分。
木盒图标,设计先锋网
2、新建大小适当的画布,背景填充暗灰色,新建一个图层用钢笔勾出顶部框框的轮廓,转为选区后填充任意颜色,然后双击图层添加渐变叠加样式,参数设置如下图。
木盒图标,设计先锋网
3、新建一个图层,用钢笔勾出前部遮挡板的轮廓路径,转为选区后填充任意色,然后再设置渐变叠加样式,参数及效果如下图。
木盒图标,设计先锋网
4、新建一个图层,同上的方法制作前部框框,图层样式及效果如下图。
木盒图标,设计先锋网
5、新建一个图层,同上的方法制作底面部分,图层样式参数及效果如下图。
木盒图标,设计先锋网
6、新建一个图层,同上方法制作前部可见立面,效果如下图。
木盒图标,设计先锋网
7、木质纹理添加:去网上下载一些木质纹理的笔刷。这里可以用笔刷点完纹理之后,再加载选区进行蒙版,笔刷的纹理需要被锐化,这样纹理会显得比较清晰。
木盒图标,设计先锋网
8、高光及阴影制作:下面就是给它刷点亮漆,让它有点亮光,制作过程如下图。
木盒图标,设计先锋网
木盒图标,设计先锋网
木盒图标,设计先锋网
最终效果:
木盒图标,设计先锋网
木盒图标,设计先锋网
联盟广告
温馨提示
  • 如果发现资源过期或不存在,可通过提交工单或者联系在线客服为您解决;
  • 本资源来源于互联网,仅供学习参考禁止用于商业用途。
  • 若该资源侵犯了您的权益,请联系我们处理

热门推荐

相关标签

ui图标教程
http://new.shejixf.com/PSjiaocheng/PSgaoji/927.html
右侧广告

相关推荐