Photoshop制作一个通透的音符泡泡

水珠的制作重点就是高光部分的渲染,边缘,中间等都有高光区域,并且高光形状各不相同。刻画的时候需要配合蒙版、涂抹工具、滤镜等来共同完成。

最终效果
Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图
<点小图查看大图>

1、新建大小自定的文档,背景填充橙黄色。新建图层,画一个圆,填色比背景色深一点,羽化一个像素。然后添加外发光
Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图1
Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图2

 

 

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

Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图3

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

Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图4

4、涂抹的效果如下图。

Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图5

 

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

Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图6

Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图7

Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图8

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!

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

 

 

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

Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图9

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

Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图10

Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图11

9、现在就是这个样子了。

Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图12

  10、开始画投影,羽化数值要大一点。我是30,看你的图片大小了。
Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图13

11、应为气泡式半透明的,所以阴影上的反光比较明显,颜色接近背景色,做法跟投影一样的。
Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图14

12、投影上再添加一层高亮。
Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图15

13、最后就是背景了,加上渐变。
Photoshop制作泛白剔透的圆形水珠_亿码酷站___亿码酷站平面设计教程插图16

最终效果:

<点小图查看大图>

云服务器推荐