Photoshop設(shè)計(jì)制作出逼真的藍(lán)色橢圓形水珠
PS聯(lián)盟 發(fā)布時(shí)間:2012-02-01 10:31:21 作者:Sener
我要評(píng)論

水珠構(gòu)成是非常復(fù)雜的,邊緣及中間部分都是由高光及暗部區(qū)域交錯(cuò)疊加而成。渲染的時(shí)候需要更改圖層的混合模式及不透明度,這樣疊加的效果才會(huì)有層次及透明感。
最終效果

1、新建一個(gè)800 * 600像素的文檔,選擇漸變工具,顏色設(shè)置如圖1,由上至下拉出圖2所示的線性漸變。

<圖1>

<圖2>
2、現(xiàn)在開始來制作水珠部分,先來制作圓形的水珠,其它形狀的可以稍微變形即可。

<圖3>
3、新建一個(gè)組,用橢圓選框工具拉出下圖所示的橢圓選區(qū),然后給組添加圖層蒙版,如下圖。

<圖4>
4、在組里新建一個(gè)圖層,填充深藍(lán)色:#015DB6,如下圖。

<圖5>
5、新建一個(gè)圖層,用橢圓選框工具在正圓的左上角拉出圖6所示的橢圓選區(qū),羽化50個(gè)像素后選擇漸變工具,顏色設(shè)置如圖7,拉出圖8所示的徑向漸變。確定后適當(dāng)降低圖層不透明度。

<圖6>

<圖7>

<圖8>
6、新建一個(gè)圖層,用橢圓選框工具在水珠的右下角拉出下圖所示的整體選區(qū),羽化40個(gè)像素后填充淡藍(lán)色:#62B7EC,確定后適當(dāng)降低圖層不透明度,效果如下圖。

<圖9>
7、新建一個(gè)圖層,用鋼筆勾出右上角邊緣高光選區(qū),填充藍(lán)青色:#57ABE1如圖10。取消選區(qū)后執(zhí)行:濾鏡 > 模糊 > 高斯模糊,數(shù)值為5,效果如圖11。

<圖10>

<圖11>
8、新建一個(gè)圖層,用鋼筆勾出底部暗部邊緣選區(qū),羽化5個(gè)像素后填充深藍(lán)色:#007CCE,效果如下圖。

<圖12>
9、新建一個(gè)圖層,用鋼筆勾出左上角高光區(qū)域選區(qū),羽化15個(gè)像素后填充淡藍(lán)色:#F1F8FD,混合模式改為“濾色”。取消選區(qū)后添加圖層蒙版,用黑色畫筆把邊緣過渡擦出來,如下圖。

<圖13>
10、新建一個(gè)圖層,用鋼筆勾出右下角高光區(qū)選區(qū),羽化15個(gè)像素后填充淡藍(lán)色:#8DD9FC,確定后把圖層不透明度改為:40%,效果如下圖。

<圖14>
11、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化15個(gè)像素后填充淡藍(lán)色:#8DD8FB,混合模式改為“濾色”,不透明度改為:50%,效果如下圖。

<圖15>
12、新建一個(gè)圖層,用鋼筆勾出底部中間位置高光選區(qū),羽化5個(gè)像素后填充淡藍(lán)色:#8CD8FB,混合模式改為“濾色”,不透明度改為:50%。

<圖16>
13、把當(dāng)前圖層復(fù)制一層,適當(dāng)變換一下角度,效果如下圖。

<圖17>
14、新建一個(gè)圖層,用鋼筆勾出中間高光區(qū)域,羽化25個(gè)像素后填充白色,確定后把圖層不透明度改為:50%,效果如下圖。

<圖18>
15、新建一個(gè)圖層,用鋼筆勾出下圖所示的幾個(gè)橢圓選區(qū),羽化5個(gè)像素后填充白色。

<圖19>
16、新建一個(gè)圖層,同上的方法給右下角部分增加一些暗調(diào)顏色。

<圖20>
17、新建一個(gè)圖層,用鋼筆勾出右側(cè)的高光區(qū)域選區(qū),羽化7個(gè)像素后填充白色如圖21。取消選區(qū)后添加圖層蒙版,把邊緣部分的擦出來,效果如圖22。

<圖21>

<圖22>
18、新建一個(gè)圖層,同上的方法加強(qiáng)一下邊緣部分的暗部及高光區(qū)域,效果如下圖。

<圖23>
19、邊緣部分可以加上一些鏡頭光暈,效果如下圖。

<圖24>
20、把背景圖層隱藏,在圖層的最上面新建一個(gè)圖層,按Ctrl + Alt + Shift + E 蓋印圖層,如下圖。

<圖25>
21、把水珠稍微變形,再添加投影,效果如下圖。

<圖26>
最后調(diào)整一下細(xì)節(jié),加強(qiáng)一些對(duì)比度,完成最終效果。

<圖27>

1、新建一個(gè)800 * 600像素的文檔,選擇漸變工具,顏色設(shè)置如圖1,由上至下拉出圖2所示的線性漸變。

<圖1>

<圖2>
2、現(xiàn)在開始來制作水珠部分,先來制作圓形的水珠,其它形狀的可以稍微變形即可。

<圖3>
3、新建一個(gè)組,用橢圓選框工具拉出下圖所示的橢圓選區(qū),然后給組添加圖層蒙版,如下圖。

<圖4>
4、在組里新建一個(gè)圖層,填充深藍(lán)色:#015DB6,如下圖。

<圖5>
5、新建一個(gè)圖層,用橢圓選框工具在正圓的左上角拉出圖6所示的橢圓選區(qū),羽化50個(gè)像素后選擇漸變工具,顏色設(shè)置如圖7,拉出圖8所示的徑向漸變。確定后適當(dāng)降低圖層不透明度。

<圖6>

<圖7>

<圖8>
6、新建一個(gè)圖層,用橢圓選框工具在水珠的右下角拉出下圖所示的整體選區(qū),羽化40個(gè)像素后填充淡藍(lán)色:#62B7EC,確定后適當(dāng)降低圖層不透明度,效果如下圖。

<圖9>
7、新建一個(gè)圖層,用鋼筆勾出右上角邊緣高光選區(qū),填充藍(lán)青色:#57ABE1如圖10。取消選區(qū)后執(zhí)行:濾鏡 > 模糊 > 高斯模糊,數(shù)值為5,效果如圖11。

<圖10>

<圖11>
8、新建一個(gè)圖層,用鋼筆勾出底部暗部邊緣選區(qū),羽化5個(gè)像素后填充深藍(lán)色:#007CCE,效果如下圖。

<圖12>
9、新建一個(gè)圖層,用鋼筆勾出左上角高光區(qū)域選區(qū),羽化15個(gè)像素后填充淡藍(lán)色:#F1F8FD,混合模式改為“濾色”。取消選區(qū)后添加圖層蒙版,用黑色畫筆把邊緣過渡擦出來,如下圖。

<圖13>
10、新建一個(gè)圖層,用鋼筆勾出右下角高光區(qū)選區(qū),羽化15個(gè)像素后填充淡藍(lán)色:#8DD9FC,確定后把圖層不透明度改為:40%,效果如下圖。

<圖14>
11、新建一個(gè)圖層,用鋼筆勾出下圖所示的選區(qū),羽化15個(gè)像素后填充淡藍(lán)色:#8DD8FB,混合模式改為“濾色”,不透明度改為:50%,效果如下圖。

<圖15>
12、新建一個(gè)圖層,用鋼筆勾出底部中間位置高光選區(qū),羽化5個(gè)像素后填充淡藍(lán)色:#8CD8FB,混合模式改為“濾色”,不透明度改為:50%。

<圖16>
13、把當(dāng)前圖層復(fù)制一層,適當(dāng)變換一下角度,效果如下圖。

<圖17>
14、新建一個(gè)圖層,用鋼筆勾出中間高光區(qū)域,羽化25個(gè)像素后填充白色,確定后把圖層不透明度改為:50%,效果如下圖。

<圖18>
15、新建一個(gè)圖層,用鋼筆勾出下圖所示的幾個(gè)橢圓選區(qū),羽化5個(gè)像素后填充白色。

<圖19>
16、新建一個(gè)圖層,同上的方法給右下角部分增加一些暗調(diào)顏色。

<圖20>
17、新建一個(gè)圖層,用鋼筆勾出右側(cè)的高光區(qū)域選區(qū),羽化7個(gè)像素后填充白色如圖21。取消選區(qū)后添加圖層蒙版,把邊緣部分的擦出來,效果如圖22。

<圖21>

<圖22>
18、新建一個(gè)圖層,同上的方法加強(qiáng)一下邊緣部分的暗部及高光區(qū)域,效果如下圖。

<圖23>
19、邊緣部分可以加上一些鏡頭光暈,效果如下圖。

<圖24>
20、把背景圖層隱藏,在圖層的最上面新建一個(gè)圖層,按Ctrl + Alt + Shift + E 蓋印圖層,如下圖。

<圖25>
21、把水珠稍微變形,再添加投影,效果如下圖。

<圖26>
最后調(diào)整一下細(xì)節(jié),加強(qiáng)一些對(duì)比度,完成最終效果。

<圖27>
相關(guān)文章
Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形八卦圖標(biāo)
本教程主要使用Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形圖標(biāo),經(jīng)常看到有人問這種圓型icon要怎么做,覺得很有趣稍微思考一下原理2014-06-04Photoshop制作簡(jiǎn)潔大氣的圓形開關(guān)圖標(biāo)
制作之前我們先找一些實(shí)物照片來分析一下開關(guān)的質(zhì)感,色彩表現(xiàn)等。然后分解開關(guān),了解它的結(jié)構(gòu)。再設(shè)定材質(zhì)為塑料,設(shè)定好光源位置就可以繪制了2014-05-19Photoshop設(shè)計(jì)制作圓形火光斑點(diǎn)路徑人像特效
非常有創(chuàng)意也很有特色的教程,制作思路很新穎,首先是用濾鏡來描出人物的邊,然后再給邊添加路徑再描述圓斑筆刷,最后渲染上非常驚艷的亮色彩2013-08-07Photoshop設(shè)計(jì)制作夢(mèng)幻的舞臺(tái)上圓環(huán)形紫色星點(diǎn)光束
環(huán)形光束看上去有點(diǎn)復(fù)雜,不過制作并不難,很多光束可以直接用濾鏡來完成,尤其是比較密集的光束部分。這樣可以省去大量手工刻畫的過程2013-05-15- photoshop設(shè)計(jì)制作圓形紐扣式按鈕,喜歡的朋友可以試試看。2013-02-20
Photoshop設(shè)計(jì)制作出晶瑩剔透的圓形水珠
水珠的制作重點(diǎn)就是高光部分的渲染,邊緣,中間等都有高光區(qū)域,并且高光形狀各不相同??坍嫷臅r(shí)候需要配合蒙版、涂抹工具、濾鏡等來共同完成。2012-08-14photoshop設(shè)計(jì)制作出圓形黑色開關(guān)按鈕
本ps教程學(xué)習(xí)如何用photoshop制作類似電燈開關(guān)的黑色按鈕,主要用到了自定義形狀工具和圖層樣式。2011-12-23- 這篇文章主要介紹了photoshop制作圓形漸變邊框教程的相關(guān)資料,需要的朋友可以參考下2016-12-20