Photoshop绘制立体风格的挂饰空调图标

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

Photoshop绘制立体风格的挂饰空调图标

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

Photoshop绘制立体风格的挂饰空调图标

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

Photoshop绘制立体风格的挂饰空调图标

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

Photoshop绘制立体风格的挂饰空调图标

Photoshop绘制立体风格的挂饰空调图标

Photoshop绘制立体风格的挂饰空调图标

Photoshop绘制立体风格的挂饰空调图标

Photoshop绘制立体风格的挂饰空调图标

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

Photoshop绘制立体风格的挂饰空调图标

Photoshop绘制立体风格的挂饰空调图标

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

Photoshop绘制立体风格的挂饰空调图标

 收藏