当前位置:首页>ps实例教程>ps绘画教程>鼠绘教程>教程内容

鼠绘空调,鼠绘一台白色的空调教程(6)

来源:pdadians 作者:P大点S 学习:11313人次

这篇空调教程步骤比较多,但难度不大,主要用图层样式制作,不懂的可以参考一下PSD文件,想学的跟着一起练习一下吧。

先看看效果:

www.16xx8.com_0315401N8-35.jpg

源文件打包:http://www.16xx8.com/photoshop/sucai/2016/786359.html

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

www.16xx8.com_031540O63-0.jpg
<点图片看大图>www.16xx8.com

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

www.16xx8.com_031540BA-1.jpg
<点图片看大图>

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

www.16xx8.com_0315402237-2.jpg
<点图片看大图>

www.16xx8.com_0315402093-3.jpg

www.16xx8.com_031540F48-4.jpg

www.16xx8.com_0315402396-5.jpg

www.16xx8.com_031540IO-6.jpg

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

www.16xx8.com_0315402323-7.jpg
<点图片看大图>

www.16xx8.com_0315405193-8.jpg

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

www.16xx8.com_0315403514-9.jpg
<点图片看大图>

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

www.16xx8.com_031540L59-10.jpg
<点图片看大图>

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

www.16xx8.com_03154055I-11.jpg
<点图片看大图>

www.16xx8.com_03154023I-12.jpg

www.16xx8.com_031540KK-13.jpg

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

www.16xx8.com_03154024P-14.jpg
<点图片看大图>

www.16xx8.com_03154031L-15.jpg

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

www.16xx8.com_0315402b0-16.jpg
<点图片看大图>

www.16xx8.com_0315404061-17.jpg

www.16xx8.com_0315402C2-18.jpg

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

www.16xx8.com_0315403645-19.jpg
<点图片看大图>

www.16xx8.com_0315402G7-20.jpg

www.16xx8.com_0315402438-21.jpg

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

www.16xx8.com_0315402143-22.jpg
<点图片看大图>

www.16xx8.com_0315401045-23.jpg

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

www.16xx8.com_03154023G-24.jpg
<点图片看大图>

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

www.16xx8.com_0315406301-25.jpg

www.16xx8.com_031540AP-26.jpg

www.16xx8.com_0315401554-27.jpg

www.16xx8.com_031540Fa-28.jpg

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

www.16xx8.com_0315405P7-29.jpg

www.16xx8.com_0315403606-30.jpg

www.16xx8.com_0315403620-31.jpg

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

www.16xx8.com_0315401246-32.jpg

www.16xx8.com_0315402956-33.jpg

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

www.16xx8.com_031540A41-34.jpg

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

www.16xx8.com_0315401N8-35.jpg

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
馒头干松2017-06-24 10:20
fc2016-07-10 11:17
fc2016-07-10 11:07
骑驴看夕阳2016-06-10 09:15
赶紧来学习
血染繁花2016-06-10 08:14
学习啦。。
俄素桑桑2016-06-10 02:21
不错的教程
时光里岛2016-06-10 10:33
赶紧来学习的来了
想起恋你2016-06-10 10:33
赶紧来学习的来了
后天是晴天2016-06-10 10:33
赶紧来学习的来了
黑骏马2016-06-10 10:33
赶紧来学习的来了
柒小嘫2016-06-10 10:20
教程不错
宝贝61632016-06-10 10:17
学习啦、
elijet2016-06-10 10:04
不错的教程。

关注大神微博加入>>

网友求助,请回答!