日期:2013-01-26  浏览次数:20756 次

本教程学习如何用Photoshop设计一个系统出现错误提示时出现的感叹号图标,主要用到Photoshop的钢笔和图层样式来制作完成,最终效果图的立体感和质感很强,喜欢的朋友可以一起来学习吧。

先看效果图。

Photoshop绘制立体质感的感叹号图标_webjx.com

1、新建文档1280x1024像素,背景填充浅灰色,建新层,画一个黑色椭圆,ctrl+T水平方向压扁一下,旋转一定角度。

Photoshop绘制立体质感的感叹号图标_webjx.com

2、添加图层样式。

Photoshop绘制立体质感的感叹号图标_webjx.com

Photoshop绘制立体质感的感叹号图标_webjx.com

效果如下。

Photoshop绘制立体质感的感叹号图标_webjx.com

3、建新层,用钢笔做如下选区,填充白色,不透明度35%。

Photoshop绘制立体质感的感叹号图标_webjx.com

4、建新层,方法同第一步,画一个白色椭圆。

Photoshop绘制立体质感的感叹号图标_webjx.com

5、添加图层样式。

Photoshop绘制立体质感的感叹号图标_webjx.com

Photoshop绘制立体质感的感叹号图标_webjx.com

效果如下。

Photoshop绘制立体质感的感叹号图标_webjx.com

6、建新层,同样的方法画一个黑色椭圆。

Photoshop绘制立体质感的感叹号图标_webjx.com

7、添加图层样式。

Photoshop绘制立体质感的感叹号图标_webjx.com

Photoshop绘制立体质感的感叹号图标_webjx.com

Photoshop绘制立体质感的感叹号图标_webjx.com