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

来源:网络   作者:热心网友   发布时间:2012-10-24    浏览次数:80
本节教程为大家讲解如何利用photoshop打造出精美的木盒图标。学习的目的是学会立体图形的构成及光感,材质的渲染。制作之前需要把木盒拆分为几个面,然后按顺序慢慢制作各个面即可。
最终效果:
木盒图标,设计先锋网

详细操作步骤如下:

1、图层分解,大致可按顺序分为以下几个部分。
木盒图标,设计先锋网
2、新建大小适当的画布,背景填充暗灰色,新建一个图层用钢笔勾出顶部框框的轮廓,转为选区后填充任意颜色,然后双击图层添加渐变叠加样式,参数设置如下图。
木盒图标,设计先锋网
3、新建一个图层,用钢笔勾出前部遮挡板的轮廓路径,转为选区后填充任意色,然后再设置渐变叠加样式,参数及效果如下图。
木盒图标,设计先锋网
4、新建一个图层,同上的方法制作前部框框,图层样式及效果如下图。
木盒图标,设计先锋网
5、新建一个图层,同上的方法制作底面部分,图层样式参数及效果如下图。
木盒图标,设计先锋网
6、新建一个图层,同上方法制作前部可见立面,效果如下图。
木盒图标,设计先锋网
7、木质纹理添加:去网上下载一些木质纹理的笔刷。这里可以用笔刷点完纹理之后,再加载选区进行蒙版,笔刷的纹理需要被锐化,这样纹理会显得比较清晰。
木盒图标,设计先锋网
8、高光及阴影制作:下面就是给它刷点亮漆,让它有点亮光,制作过程如下图。
木盒图标,设计先锋网
木盒图标,设计先锋网
木盒图标,设计先锋网
最终效果:
木盒图标,设计先锋网
木盒图标,设计先锋网
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/PSjiaocheng/PSgaoji/927.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通