首页 > web前端 > PS教程 > 正文

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

PHP中文网
发布: 2016-06-01 14:33:17
原创
1580人浏览过

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

 最终效果

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


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

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

 
2、新建一个800 * 600像素的文件,背景填充深蓝色:#1E4499。新建一个组,用椭圆选框工具拉出下图所示的椭圆选区,给组添加图层蒙版,如下图。

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


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

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


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

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


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

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

 
6、新建一个图层,用钢笔勾出顶部高光选区,羽化3个像素后填充白色。取消选区后添加图层蒙版,用黑色画笔把边缘的过渡涂抹自然。

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


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

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


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

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


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

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

 
10、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充白色。取消选区后需要添加图层蒙版,用黑色画笔把边缘过渡涂抹自然。

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


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

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


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

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


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


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

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

 
14、在背景图层上面新建一个组,用钢笔勾出下图所示的选区,给组添加图层蒙版。

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


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

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


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

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


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

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


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

 
18、其它高光制作方法相同,过程如图20 - 22。

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


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


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


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

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

 
20、在图层的最上面创建亮度/对比度调整图层,适当增加图片的对比度,参数及效果如下图。

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


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


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

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


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

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

MimicPC
MimicPC

一个AI驱动的浏览器运行工具,可以通过浏览器在线安装及运行各种开源的AI应用程序

MimicPC 145
查看详情 MimicPC
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号