相思资源网 Design By www.200059.com
天气一天天的热了,今天,给大家带来Photoshop绘制雅致洁白的立体挂饰空调图标教程,教程不难,可以帮你熟悉图层样式的运用,喜欢的朋友可以跟着教程一起来学习吧。 

先看看效果图

Photoshop绘制雅致洁白的立体挂饰空调图标

新建文档,这里我用的尺寸是800*600像素,我做了一个渐变的背景。

Photoshop绘制雅致洁白的立体挂饰空调图标

用圆角矩形工具画一个圆角矩形,我用的尺寸是650X200像素,圆角角度上面为20,下面为40。

Photoshop绘制雅致洁白的立体挂饰空调图标

给这个圆角矩形添加一个图层样式,我将用这个圆角矩形来当作空调的主体部分。

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

复制一层圆角矩形图层,置于下层,将填充修改为0,添加一个投影图层样式,我们来加强一下投影效果。(如果有用CC2015版本的童鞋,可以直接添加第二个投影样式,为了照顾使用低版本的朋友,这里的截图及操作,我们都将使用低版本的做法。)

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

在渐变背景上层,新建图层,载入圆角矩形选区,填充黑色,执行一个动感模糊,配合蒙版,根据我们渐变背景的光源方向,涂抹掉不该出现的部分,将图层混合模式更改为正片叠底,调整不透明度,再一次的增强阴影效果。增强阴影效果我用了两个图层,操作是一样的操作,更改的只是动感模糊的距离和图层不透明度。

Photoshop绘制雅致洁白的立体挂饰空调图标

用矩形工具画一个矩形,并调整锚点,使之成为梯形,我们来制作空调出风口的底面。

Photoshop绘制雅致洁白的立体挂饰空调图标

下面,我们来制作出风口的立体面,同样的用矩形工具画一个矩形,并调整锚点,使之成为梯形,复制一个路径,调整锚点缩小一点,减去,然后为这个图层添加一个图层样式。

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

我复制了一层出风口立体面的图层,删除掉了上一步中减去的那个路径,将图层的填充设置为0,添加了一个图层样式,我想用这个样式来增强立体面的效果。

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

接下来,我们来画出风口叶片,同样的还是用矩形工具画一个矩形,并调整锚点,使之成为梯形,添加一个图层样式。

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

为了更加的真实一点,我决定给叶片与出风口立体面接触部分添加一个阴影,我复制了一层叶片图层,将填充更改为0,添加一个黑色的外发光(这里我是用外发光来做阴影,不要被样式的名称被唬到了,内发光外发光并不是只能发光,它也可以用来做阴影,甚至渐变,也不算事)。当然,我只是想给接触部分阴影,其余部分不改变,所以我在图层样式的混合选项中勾选了图层蒙版隐藏效果选项,然后给这个图层添加了蒙版,用画笔涂抹掉了非接触部分。

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

我用直线工具画了两条#cdcdcd颜色的直线,并添加了投影图层样式。

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

接下来,画个#d8d8d7颜色的矩形,运用CTRL+ALT+SHIFT+T,你将很容易得到如下形状。

Photoshop绘制雅致洁白的立体挂饰空调图标

为这个条纹状添加一个图层样式。

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

我在左下角添加了一个按纽,画一个圆角矩形,添加图层样式。

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

打上按纽的文字,ON,设置颜色为#afafaf,添加图层样式。

Photoshop绘制雅致洁白的立体挂饰空调图标

Photoshop绘制雅致洁白的立体挂饰空调图标

那个显示屏,我想不用说了吧!

Photoshop绘制雅致洁白的立体挂饰空调图标

大功告成!我们的最终效果!

Photoshop绘制雅致洁白的立体挂饰空调图标

教程结束,以上就是Photoshop绘制雅致洁白的立体挂饰空调图标方法介绍,操作很简单的,感兴趣的朋友可以参考本文,希望能对大家有所帮助!

标签:
立体,空调,图标

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“Photoshop绘制雅致洁白的立体挂饰空调图标”

暂无Photoshop绘制雅致洁白的立体挂饰空调图标的评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。