首页 web前端 PS教程 Photoshop设计制作出逼真的蓝色椭圆形水珠

Photoshop设计制作出逼真的蓝色椭圆形水珠

Mar 20, 2017 pm 01:14 PM
椭圆形 蓝色

水珠构成是非常复杂的,边缘及中间部分都是由高光及暗部区域交错叠加而成。渲染的时候需要更改图层的混合模式及不透明度,这样叠加的效果才会有层次及透明感。 最终效果

Photoshop设计制作出逼真的蓝色椭圆形水珠

1、新建一个800 * 600像素的文档,选择渐变工具,颜色设置如图1,由上至下拉出图2所示的线性渐变。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图1>

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图2>
 
2、现在开始来制作水珠部分,先来制作圆形的水珠,其它形状的可以稍微变形即可。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图3>

3、新建一个组,用椭圆选框工具拉出下图所示的椭圆选区,然后给组添加图层蒙版,如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图4>

4、在组里新建一个图层,填充深蓝色:#015DB6,如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图5>
 
5、新建一个图层,用椭圆选框工具在正圆的左上角拉出图6所示的椭圆选区,羽化50个像素后选择渐变工具,颜色设置如图7,拉出图8所示的径向渐变。确定后适当降低图层不透明度。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图6>

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图7>

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图8>

6、新建一个图层,用椭圆选框工具在水珠的右下角拉出下图所示的整体选区,羽化40个像素后填充淡蓝色:#62B7EC,确定后适当降低图层不透明度,效果如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图9>
 
7、新建一个图层,用钢笔勾出右上角边缘高光选区,填充蓝青色:#57ABE1如图10。取消选区后执行:滤镜 > 模糊 > 高斯模糊,数值为5,效果如图11。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图10>

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图11>

8、新建一个图层,用钢笔勾出底部暗部边缘选区,羽化5个像素后填充深蓝色:#007CCE,效果如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图12>

9、新建一个图层,用钢笔勾出左上角高光区域选区,羽化15个像素后填充淡蓝色:#F1F8FD,混合模式改为“滤色”。取消选区后添加图层蒙版,用黑色画笔把边缘过渡擦出来,如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图13>
 
10、新建一个图层,用钢笔勾出右下角高光区选区,羽化15个像素后填充淡蓝色:#8DD9FC,确定后把图层不透明度改为:40%,效果如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图14>

11、新建一个图层,用钢笔勾出下图所示的选区,羽化15个像素后填充淡蓝色:#8DD8FB,混合模式改为“滤色”,不透明度改为:50%,效果如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图15>

12、新建一个图层,用钢笔勾出底部中间位置高光选区,羽化5个像素后填充淡蓝色:#8CD8FB,混合模式改为“滤色”,不透明度改为:50%。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图16>

13、把当前图层复制一层,适当变换一下角度,效果如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图17>
 
14、新建一个图层,用钢笔勾出中间高光区域,羽化25个像素后填充白色,确定后把图层不透明度改为:50%,效果如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图18>

15、新建一个图层,用钢笔勾出下图所示的几个椭圆选区,羽化5个像素后填充白色。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图19>

16、新建一个图层,同上的方法给右下角部分增加一些暗调颜色。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图20>
 
17、新建一个图层,用钢笔勾出右侧的高光区域选区,羽化7个像素后填充白色如图21。取消选区后添加图层蒙版,把边缘部分的擦出来,效果如图22。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图21>

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图22>

18、新建一个图层,同上的方法加强一下边缘部分的暗部及高光区域,效果如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图23>

19、边缘部分可以加上一些镜头光晕,效果如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图24>
 
20、把背景图层隐藏,在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图25>

21、把水珠稍微变形,再添加投影,效果如下图。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图26>

最后调整一下细节,加强一些对比度,完成最终效果。

Photoshop设计制作出逼真的蓝色椭圆形水珠
<图27>

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何使用Photoshop创建社交媒体图形? 如何使用Photoshop创建社交媒体图形? Mar 18, 2025 pm 01:41 PM

如何使用Photoshop创建社交媒体图形?

如何在Photoshop(文件大小,分辨率,颜色空间)中准备图像以供网络使用? 如何在Photoshop(文件大小,分辨率,颜色空间)中准备图像以供网络使用? Mar 13, 2025 pm 07:28 PM

如何在Photoshop(文件大小,分辨率,颜色空间)中准备图像以供网络使用?

如何在Photoshop中校准显示器的准确颜色? 如何在Photoshop中校准显示器的准确颜色? Mar 13, 2025 pm 07:31 PM

如何在Photoshop中校准显示器的准确颜色?

如何有效地使用Photoshop的内容感知填充和内容感知的移动工具? 如何有效地使用Photoshop的内容感知填充和内容感知的移动工具? Mar 13, 2025 pm 07:35 PM

如何有效地使用Photoshop的内容感知填充和内容感知的移动工具?

如何使用Photoshop的视频编辑功能? 如何使用Photoshop的视频编辑功能? Mar 18, 2025 pm 01:37 PM

如何使用Photoshop的视频编辑功能?

如何使用Photoshop(优化文件大小,分辨率)准备Web图像? 如何使用Photoshop(优化文件大小,分辨率)准备Web图像? Mar 18, 2025 pm 01:35 PM

如何使用Photoshop(优化文件大小,分辨率)准备Web图像?

如何在Photoshop中创建动画gif? 如何在Photoshop中创建动画gif? Mar 18, 2025 pm 01:38 PM

如何在Photoshop中创建动画gif?

如何在Photoshop中掌握高级选择技术(例如选择和掩盖)? 如何在Photoshop中掌握高级选择技术(例如选择和掩盖)? Mar 12, 2025 pm 02:07 PM

如何在Photoshop中掌握高级选择技术(例如选择和掩盖)?

See all articles