当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

图标制作,制作立体质感玻璃图标(3)

来源:公众号 作者:阿门教你PS 学习:18288人次

4.给水加上气泡。


为了让之前绘制的水更加生动,画面更丰富,我们给它加点气泡。


(1)用椭圆工具,绘制一个正圆,把填充去掉,在图层样式中加内阴影和内发光。如下图。


图标制作,制作立体质感玻璃图标_www.16xx8.com


(2)同样用椭圆工具,再绘制一个小一点的正圆,填充一个浅一点的颜色,放在刚才绘制的圆上面,加一点羽化,这样小气泡的高光就完成啦~效果如下图所示。


图标制作,制作立体质感玻璃图标_www.16xx8.com

(3)复制多个刚才画好的气泡,改变一下大小,错落有致的摆放。注意:放大缩小之后,羽化会有些变化,要适当调整一下刚才绘制气泡高光的羽化。效果如下图。


图标制作,制作立体质感玻璃图标_www.16xx8.com


第五步,做投影


现在玻璃瓶已经大功告成啦,仔细看看画面,是不是觉得有点飘,瓶子下面也不够透亮,水既然有波纹,那按照生活常识是不是也应该有波纹的投影在背景上?


1.给玻璃瓶加投影。


(1)给之前绘制的最外层的大圆角矩形在图层样式中加一个投影,颜色比背景色深点,距离和大小不要太大,不透明度为50%,如下图。


图标制作,制作立体质感玻璃图标_www.16xx8.com


(2)绘制一个圆角矩形图层顺序放在所有形状的下面,背景的上面,位置在画好的玻璃瓶的左下侧,因为高光在右上侧,可知光源在右上侧,所以投影就在左下侧。加羽化和图层蒙版,用画笔擦一下,使其跟背景融入的自然一点。效果如下图


图标制作,制作立体质感玻璃图标_www.16xx8.com


2.给玻璃瓶加反光。绘制一个跟玻璃瓶同宽的较扁的矩形,填充一个较亮的颜色,给图层加羽化,图层顺序一样压在玻璃瓶下面,位置放在玻璃瓶最下面与背景交接处,调整一下不透明度,制造出玻璃瓶透亮的反光,效果如下图。


图标制作,制作立体质感玻璃图标_www.16xx8.com


3.加上水波纹投影。这一步看似可有可无,但加上水波纹投在背景上的投影会使整个画面看起来更真实,细节更饱满。


(1)不需要再画一次水波纹啦,只要将刚才画好的水波纹打成组,然后复制整个组,图层顺序放在玻璃瓶下面背景的前面。


(2)给复制的水波纹组整个组调整不透明度,并加图层蒙版,调整画笔不透明度,擦几下,让效果看上去更自然,如下图。


图标制作,制作立体质感玻璃图标_www.16xx8.com


到这一步就算大功告成啦,怎么样,是不是很有成就感?看起来很复杂的玻璃质感一步步拆开来画也变得很简单啦!

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!