當前位置:米奇創意網>設計創意>設計教程>

Photoshop製作逼真的藍色水滴字

設計教程 閲讀(2.24W)

本教程的文字是根據水滴的質感及高光來完成的。大致需要經過三大步驟。第一步是文字的造型:文字的邊緣儘量製作圓滑一點,保留有水珠的流動性。第二步表面製作,需要根據水珠的高光特效來設置暗部和高光。最後一步就是投影的製作,投影只需要添加到文字的外部,製作的時候需要慢慢調整。

最終效果

Photoshop製作逼真的藍色水滴字

1、新建一個800*600像素的文檔,選擇漸變工具,顏色設置如圖1,然後由上至下拉出圖2所示的線性漸變作為背景。

Photoshop製作逼真的藍色水滴字 第2張

<圖1>

Photoshop製作逼真的藍色水滴字 第3張

<圖2>

2、首先來製作第一個字母,需要完成的效果如下圖。

Photoshop製作逼真的藍色水滴字 第4張

<圖3>

3、新建一個組,用鋼筆勾出“P”字的選區,也可以直接輸入想要的文字再調出選區,然後給組添加蒙版,如下圖。

Photoshop製作逼真的藍色水滴字 第5張

<圖4>

4、在組裏新建一個圖層,用鋼筆沿着文字的邊緣勾出下圖所示的選區,按Ctrl+Shift+I反選,羽化1個像素後填充白色,確定後把圖層不透明度改為:30%,效果如圖6。

Photoshop製作逼真的藍色水滴字 第6張

<圖5>

Photoshop製作逼真的藍色水滴字 第7張

<圖6>

5、新建一個圖層,同上的方法,用鋼筆勾出中間空隙邊緣的選區,羽化1個像素後填充白色,不透明度改為:30%,效果如下圖。

Photoshop製作逼真的藍色水滴字 第8張

<圖7>

6、新建一個圖層,用鋼筆勾出邊緣較亮部分的選區,任何填充白色。局部過渡不自然的可以取消選區並添加蒙版,用黑色畫筆塗抹一下。

Photoshop製作逼真的藍色水滴字 第9張

<圖8>

7、新建一個圖層,用鋼筆勾出右邊高光區域選區,羽化10個像素後填充白色,不透明度改為:40%,添加圖層蒙版,用黑色畫筆把邊緣部分塗抹自然,效果如下圖。

Photoshop製作逼真的藍色水滴字 第10張

<圖9>

8、新建一個圖層,用鋼筆勾出下圖所示的選區,羽化5個像素後,用畫筆把右部邊緣部分塗上白色,增加高光亮度,效果如下圖。

Photoshop製作逼真的藍色水滴字 第11張

<圖10>

9、新建一個圖層,用白色畫筆把下圖選區部分塗上淡淡的白色。

Photoshop製作逼真的藍色水滴字 第12張

<圖11>

10、新建一個圖層,用畫筆塗出左上角的高光部分,不自然的部分可以用塗抹工具塗均勻,效果如下圖。

Photoshop製作逼真的藍色水滴字 第13張

<圖12>

11、新建一個圖層,同上的方法制作底部的高光,效果如下圖。

Photoshop製作逼真的藍色水滴字 第14張

<圖13>

11、新建一個圖層,用畫筆加強一下邊緣的高光,中間部分可以增加一些淡淡的高光,效果如下圖。

Photoshop製作逼真的藍色水滴字 第15張

<圖13>

12、新建一個圖層,增加一些細節,文字的表面部分基本完成,後面還需要增加投影。

Photoshop製作逼真的藍色水滴字 第16張

<圖14>

13、調出文字選區,回到背景圖層,按Ctrl+J把選區部分的色塊複製到新的圖層,如下圖。

Photoshop製作逼真的藍色水滴字 第17張

<圖15>

14、給複製後的色塊添加圖層樣式,選擇投影,參數設置如圖16,確定後把圖層不透明度改為:50%,效果如圖17。

Photoshop製作逼真的藍色水滴字 第18張

<圖16>

Photoshop製作逼真的藍色水滴字 第19張

<圖17>

15、調出文字選區,選擇菜單:選擇>修改>收縮,數值為18,確定後新建一個圖層填充青藍色,混合模式改為“濾色”,不透明度改為:50%,效果如下圖。

Photoshop製作逼真的藍色水滴字 第20張

<圖18>

Photoshop製作逼真的藍色水滴字 第21張

<圖19>

16、同上的方法制作另一個文字,過程如圖20-23。

Photoshop製作逼真的藍色水滴字 第22張

<圖20>

Photoshop製作逼真的藍色水滴字 第23張

<圖21>

Photoshop製作逼真的藍色水滴字 第24張

<圖22>

Photoshop製作逼真的藍色水滴字 第25張

<圖23>

17、在圖層的最上面創建亮度/對比度調整圖層,參數設置如圖24,確定後把圖層不透明度改為:50%,效果如圖25。

Photoshop製作逼真的藍色水滴字 第26張

<圖24>

Photoshop製作逼真的藍色水滴字 第27張

<圖25>

18、新建一個圖層,按Ctrl+Alt+Shift+E蓋印圖層。執行:濾鏡>模糊>動感模糊,角度為45度,距離為160,確定後把圖層混合模式改為“柔光”,不透明度改為:60%,效果如下圖。

Photoshop製作逼真的藍色水滴字 第28張

<圖26>

最後調整一下細節和顏色,完成最終效果。

Photoshop製作逼真的藍色水滴字 第29張


感謝作者Sener授權轉載。