学习ps打造3D立体质感IE图标

佚名 来源:本站整理 阅读(0)

靠谱助手
靠谱助手 v3.6.2278
类型:模拟器 大小:30.70MB

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

学习ps打造3D立体质感IE图标

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

学习ps打造3D立体质感IE图标

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

学习ps打造3D立体质感IE图标

输入黑色英文字母e。

学习ps打造3D立体质感IE图标

添加图层样式。

学习ps打造3D立体质感IE图标

学习ps打造3D立体质感IE图标

效果如下。

学习ps打造3D立体质感IE图标

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

学习ps打造3D立体质感IE图标

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

学习ps打造3D立体质感IE图标

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

学习ps打造3D立体质感IE图标
[page_break]
 

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

学习ps打造3D立体质感IE图标

添加图层样式。

学习ps打造3D立体质感IE图标

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

学习ps打造3D立体质感IE图标

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

学习ps打造3D立体质感IE图标

添加图层样式。

学习ps打造3D立体质感IE图标

学习ps打造3D立体质感IE图标

效果如下。

学习ps打造3D立体质感IE图标

同样方法。

学习ps打造3D立体质感IE图标

添加图层样式。

学习ps打造3D立体质感IE图标

学习ps打造3D立体质感IE图标

最终效果如下。

学习ps打造3D立体质感IE图标