本教程学习如何用photoshop的钢笔和图层样式打造立体质感IE图标,先看效果图:
新建文档1280x1024像素,背景白色,建新层填充#537493。
建新层,用白色大口径柔角笔刷点一下,效果如下。
输入黑色英文字母e。
IE图标雏形初步打造完成,我们继续学习下一页内容
添加图层样式,各数值如下图所示:
调整图片数值后,效果如下:
建新层,调出e字母选区,填充白色,然后做如下椭圆选区,删除,图层不透明度15%,这是底部高光:
同样方法作出顶部高光区域,图层模式叠加,不透明度12%。
建新层,前景色#05dafa用大口径笔刷在下图红圈位置点一下,调出字母选区,添加蒙版。
建新层,用钢笔做如下选区,填充黑色。
添加图层样式,数值参考如下图所示:
复制此层,缩小,清除样式填充白色。
建新层,用钢笔做如下选区,填充黑色。
再次调整数值,添加图层样式
再次建新层,用钢笔做如下选区,填充黑色
添加图层样式,数值设置参数如下图所示:
最终效果出炉!3D质感IE图标打造成功:
- 相关阅读:
- ·微信6.3.8.56版微信运动可查看步数图表
//soft.zol.com.cn/558/5587914.html - ·HTML5技术教程 如何支持滑动
//soft.zol.com.cn/553/5536525.html - ·HTML5技术教程 手指按下和手指抬起触发事件
//soft.zol.com.cn/553/5536549.html - ·HTML5技术教程 如何支持摇一摇
//soft.zol.com.cn/553/5536538.html - ·HTML5技术教程之关联动画的使用
//soft.zol.com.cn/553/5536561.html