PS教程!教你绘制一枚雅致洁白的半写实风格空调 - 优设网 - UISDC

PS教程!教你绘制一枚雅致洁白的半写实风格空调

2016/06/09 16796评论区

photoshop-elegant-air-conditioner-1

@P大点S微博 :天气一天天的热了,今天,带着大家做个空调降温消暑。教程不难,可以帮你熟悉图层样式的运用,源文件已打包,一起来练个手!

源文件打包:http://pan.baidu.com/s/1c1H9SU8

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

kt201606091

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

kt201606092

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

kt201606093

kt201606094

kt201606095

kt201606096

kt201606097

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

kt201606098

kt201606099

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

kt2016060910

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

kt2016060911

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

kt2016060912

kt2016060913

kt2016060914

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

kt2016060915

kt2016060916

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

kt2016060917

kt2016060918

kt2016060919

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

kt2016060920

kt2016060921

kt2016060922

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

kt2016060923

kt2016060924

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

kt2016060925

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

kt2016060926

kt2016060927

kt2016060928

kt2016060929

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

kt2016060930

kt2016060931

kt2016060932

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

kt2016060933

kt2016060934

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

kt2016060935

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

kt2016060936

欢迎关注可能是最用心做原创教程的微信公众号:

psqr21111111

「牛总的精品教程合集」

MBE 风格图标:
《PS热门教程!教你5分钟快速绘制超火的MBE风格图标》

五分钟海报教程:
《PS教程!5分钟设计出极具格调的艺术海报(一)》
《PS教程!5分钟设计出极具格调的艺术海报(二)》

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量130万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-elegant-air-conditioner

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 用户体验设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里