首頁 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

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 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中創建動畫gif? 如何在Photoshop中創建動畫gif? Mar 18, 2025 pm 01:38 PM

如何在Photoshop中創建動畫gif?

如何使用Photoshop(優化文件大小,分辨率)準備Web圖像? 如何使用Photoshop(優化文件大小,分辨率)準備Web圖像? Mar 18, 2025 pm 01:35 PM

如何使用Photoshop(優化文件大小,分辨率)準備Web圖像?

如何在Photoshop中掌握高級選擇技術(例如選擇和掩蓋)? 如何在Photoshop中掌握高級選擇技術(例如選擇和掩蓋)? Mar 12, 2025 pm 02:07 PM

如何在Photoshop中掌握高級選擇技術(例如選擇和掩蓋)?

See all articles