热点推荐
ZOL首页 > 软件资讯 > 技巧应用 > 常用软件 > Photoshop教程:打造3D立体质感IE图标
 

Photoshop教程:打造3D立体质感IE图标


分页浏览|全文浏览2011-06-24 10:26    【中关村在线 转载】 | 责编:刘建     评论
回到顶部阅读

3D质感IE图标

  本教程学习如何用photoshop的钢笔和图层样式打造立体质感IE图标,先看效果图:


Photoshop教程:打造3D立体质感IE图标

  新建文档1280x1024像素,背景白色,建新层填充#537493。

Photoshop教程:打造3D立体质感IE图标

  建新层,用白色大口径柔角笔刷点一下,效果如下。

Photoshop教程:打造3D立体质感IE图标

  输入黑色英文字母e。

Photoshop教程:打造3D立体质感IE图标

    IE图标雏形初步打造完成,我们继续学习下一页内容

回到顶部阅读

多图层绘制IE图标

  添加图层样式,各数值如下图所示:


Photoshop教程:打造3D立体质感IE图标

Photoshop教程:打造3D立体质感IE图标

  调整图片数值后,效果如下:

Photoshop教程:打造3D立体质感IE图标

  建新层,调出e字母选区,填充白色,然后做如下椭圆选区,删除,图层不透明度15%,这是底部高光:

Photoshop教程:打造3D立体质感IE图标

  同样方法作出顶部高光区域,图层模式叠加,不透明度12%。

Photoshop教程:打造3D立体质感IE图标

回到顶部阅读

调用PS蒙版调整图层

  建新层,前景色#05dafa用大口径笔刷在下图红圈位置点一下,调出字母选区,添加蒙版。


Photoshop教程:打造3D立体质感IE图标

  建新层,用钢笔做如下选区,填充黑色。

Photoshop教程:打造3D立体质感IE图标

  添加图层样式,数值参考如下图所示:

Photoshop教程:打造3D立体质感IE图标

  复制此层,缩小,清除样式填充白色。

Photoshop教程:打造3D立体质感IE图标

回到顶部阅读

图片多图层增加特效

  建新层,用钢笔做如下选区,填充黑色。


Photoshop教程:打造3D立体质感IE图标

  再次调整数值,添加图层样式

Photoshop教程:打造3D立体质感IE图标

Photoshop教程:打造3D立体质感IE图标

  再次建新层,用钢笔做如下选区,填充黑色

Photoshop教程:打造3D立体质感IE图标

回到顶部阅读

IE图标3D质感效果出路

  添加图层样式,数值设置参数如下图所示:


Photoshop教程:打造3D立体质感IE图标

Photoshop教程:打造3D立体质感IE图标

  最终效果出炉!3D质感IE图标打造成功:

Photoshop教程:打造3D立体质感IE图标

给文章打分 5分为满分(共0人参与) 查看排行>>
频道热词:微信  手机QQ  12306  
视觉焦点