欢迎来到福编程网,本站提供各种互联网专业知识!

Photoshop设计三维立体矢量喇叭图标

发布时间:2013-09-18 作者:sou7 来源:一起PS吧 
先看效果图。新建文档1100x800像素,背景白色,建新层填充黑色,添加图层样式。效果如下。新建图层1,用钢笔做如下选区,填充黑色。添加图层样式。效果如下。新建图层2,做一矩形选区,填充#00ddff,调出图层1的选区,添加蒙版。新建图层画一个白色圆角矩形。

先看效果图。

Photoshop设计三维立体矢量喇叭图标   全福编程网教程

新建文档1100x800像素,背景白色,建新层填充黑色,添加图层样式。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

效果如下。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

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

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

添加图层样式。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

效果如下。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

新建图层2,做一矩形选区,填充#00ddff,调出图层1的选区,添加蒙版。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

新建图层画一个白色圆角矩形。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

Ctrl+T透视变形如下。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

同样方法新建图层画一个黑色圆角矩形,ctrl+T透视变形。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

添加图层样式。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

效果如下。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

新建图层3,调出形状2的选区,直线套索工具减选,填充白色,添加蒙版,黑白直线渐变,效果如下。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

建新层,画一白色椭圆,再做一个小的椭圆选区,删除。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

添加图层样式。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

效果如下。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

建新层,添加白色喇叭形状,ctrl+T透视变形,添加一个简单的投影样式,具体设置不截图了,很简单。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

把图层3(高光层)缩小一些,挪动一定距离。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

合并除背景外的所有层,复制一个(形状3),往底部挪动一段距离,高斯模糊40像素,效果如下。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

底部建新层,用1000像素白色柔角笔刷点一下,图层不透明度50%。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

最终效果如下。

Photoshop设计三维立体矢量喇叭图标,PS教程,photoshop教程

:更多精彩教程请关注全福编程网photoshop教程 栏目,全福编程网PS群:182958314欢迎你的加入

相关推荐