Home > Web Front-end > PS Tutorial > Photoshop设计制作出一个晶莹剔透的泡泡连音符

Photoshop设计制作出一个晶莹剔透的泡泡连音符

PHP中文网
Release: 2016-06-01 14:33:17
Original
1297 people have browsed it

制作连音符泡泡之前,需要把音符拆分一下。这样绘制的时候就比较方便。泡泡的制作重点是高光部分,可以用路径、蒙版、画笔等来慢慢刻画。 

 最终效果

Photoshop设计制作出一个晶莹剔透的泡泡连音符


1、我们先来制作音符底部的小球,需要完成的效果如下图。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图1>
 
2、新建一个800 * 600像素的文件,背景填充深蓝色:#1E4499。新建一个组,用椭圆选框工具拉出下图所示的椭圆选区,给组添加图层蒙版,如下图。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图2>

3、在组里新建一个图层,填充白色,把图层不透明度改为:20%,效果如下图。这样是方便观察轮廓部分,高光渲染完成后需要把当前图层隐藏或删除。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图3>

4、新建一个图层,用钢笔勾出底部的高光选区,羽化8个像素后填充白色,不透明度改为:30%。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图4>

5、新建一个图层,用钢笔勾出顶部边缘高光选区,羽化5个像素后填充白色,不透明度改为:30%,效果如下图。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图5>
 
6、新建一个图层,用钢笔勾出顶部高光选区,羽化3个像素后填充白色。取消选区后添加图层蒙版,用黑色画笔把边缘的过渡涂抹自然。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图6>

7、新建一个图层,用椭圆选框工具拉出下图所示的椭圆选区,羽化5个像素后填充白色。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图7>

8、新建一个图层,用钢笔勾出底部高光选区,羽化8个像素后填充白色。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图8>

9、新建一个图层,用钢笔勾出底部中间部分的高光选区,羽化3个像素后填充白色。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图9>
 
10、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充白色。取消选区后需要添加图层蒙版,用黑色画笔把边缘过渡涂抹自然。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图10>

11、新建一个图层,同上的方法制作顶部的高光。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图11>

12、新建一个图层,用椭圆选框工具拉一个正圆选区,然后描边一个像素,填充图层蒙版,用黑色画笔把不需要的部分涂掉,如图12。同样的方法制作其它的一些小光束,效果如图13。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图12>

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图13>

13、新建一个图层,局部再加强一下高光,球体部分基本完成,可以把组底部图层隐藏。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图14>
 
14、在背景图层上面新建一个组,用钢笔勾出下图所示的选区,给组添加图层蒙版。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图15>

15、在组里新建一个图层填充白色,不透明度改为:20%,同样用到参照,效果如下图。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图16>

16、新建一个图层,用钢笔把底部边缘的高光部分勾出来,羽化1个像素后填充白色,不透明度改为:30%,效果如下图。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图17>

17、其它部分的高光制作方法相同,中间的高光需要涂抹工具稍微涂抹一下,同时要控制好图层的不透明度。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图18>

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图19>
 
18、其它高光制作方法相同,过程如图20 - 22。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图20>

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图21>

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图22>

19、右侧的球体可以直接复制左侧的,效果如下图。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图23>
 
20、在图层的最上面创建亮度/对比度调整图层,适当增加图片的对比度,参数及效果如下图。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图24>

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图25>

21、把背景图层隐藏,新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,不透明度改为:30%,再把背景显示出来,效果如下图。

Photoshop设计制作出一个晶莹剔透的泡泡连音符
<图26>

最后微调一下细节,完成最终效果。

Photoshop设计制作出一个晶莹剔透的泡泡连音符

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template