HTML5网页设计

实例教程

PS制作漂亮透明的水滴效果

时间:2013-03-15 16:54来自:网络作者:未知点击:
想做透明漂亮水滴或气泡的童鞋们有福了~~WEB元素小编给大家推荐的这篇教程就是教大家如果用photoshop绘制漂亮透明水滴、气泡的,一起来跟着学吧。

想做透明漂亮水滴或气泡的童鞋们有福了~~WEB元素小编给大家推荐的这篇教程就是教大家如果用photoshop绘制漂亮透明水滴、气泡的,一起来跟着学吧:

PS制作水滴效果

最近在cger.com和dribbble.com上看到很漂亮的气泡/水滴。尝试着跟风了一下。除了大家都晓得的添加内发光,画出明暗线、高光的手段之外,还有几招很管用,稍微分享下。这只是个人的做法,肯定还有更好的方法。

这回把步骤都放上来了,不过值得注意的也就那么3步。

1、想画一个圆,填色比背景色深一点,羽化一个像素。然后发光。

PS制作水滴效果

PS制作水滴效果

2.用路径画出反光的部分,用橡皮(画笔)修改边缘。一层效果不好的话可以在上面载覆盖一层更小的。

PS制作水滴效果

3.用路径画出高光部分,羽化后填充,然后上橡皮,最后用涂抹工具来两下出来的。反光部分用软画笔点一下光点。

PS制作水滴效果

涂抹的效果很好。

PS制作水滴效果

4.一个是中间的这一陀,加上外发光的效果,上面再叠加一层不透明度高一点的图层。

PS制作水滴效果

PS制作水滴效果

PS制作水滴效果

5.我把中间的反光隐藏掉了,开始画明暗交界线,也是路径画好用橡皮修改。还是叠加了两层。

PS制作水滴效果

6.另外就是气泡上这些让层次更丰富的弧线。

PS制作水滴效果

做法是先画扁扁的椭圆,不透明度50%左右,多画几个,然后合并图层。也可以将合并后的图层复制后ctrl+t拉高,再合并一次,更丰富。然后,滤镜>扭曲>极坐标。我做了两种不同大小和透明度的弧线。弧线的大小要小于整体的圆。

PS制作水滴效果

PS制作水滴效果

7.现在就是这个样子了。

PS制作水滴效果

p8.开始画投影,羽化数值要大一点。我是30,看你的图片大小了。

PS制作水滴效果

9.应为气泡式半透明的,所以阴影上的反光比较明显,颜色接近背景色,做法跟投影一样的。

PS制作水滴效果

10.投影上再添加一层高亮。

PS制作水滴效果

11.最后就是背景了,加上渐变。

PS制作水滴效果

完成啦~~~

PS制作水滴效果

当前文章地址:http://www.shejicool.com/study/photoshop/423.html

阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐