Photoshop设计倒影立体矢量喇叭图标教程

2016-03-17 21:55 3 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的Photoshop设计倒影立体矢量喇叭图标教程,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - PS 】

先看效果图。

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

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

效果如下。

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

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

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

添加图层样式。

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

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

效果如下。

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

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

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

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

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

Ctrl+T透视变形如下。

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

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

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

添加图层样式。

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

效果如下。

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

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

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

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

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

添加图层样式。

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

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

效果如下。

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

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

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

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

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

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

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

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

最终效果如下。

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

 

来源:https://www.tulaoshi.com/n/20160317/1866750.html

延伸阅读
标签: PS PS基础
先看效果图。 新建文档300x300像素,背景做一蓝色直线渐变。 建新层,做一椭圆选区,填充#1287d7。 添加投影样式。 效果如下。 复制一层,网上挪一堆距离,修改图层样式,去掉投影,添加描边样式。 图层不透明度50%,效果如下。 建新层,调出复制层选区,填充白色,之后做一椭圆选区,删除,形成月牙状,水平方向...
标签: PS PS基础
作者的图标制作的非常精细,用到的图层也非常多。过程:先把图标的结构分解出来,然后由底部往上开始制作,先画出每一层的图形,再用图层样式等来制作质感。 最终效果 1、新建一个1000 * 1000px的画布,背景填充#808b5e1,用圆角矩形工具创建一个400 * 400px,圆角60px的形状置于画布中央,命名为底板,添加图层样式如下图。 2、Ct...

经验教程

34

收藏

99
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部