網站首頁 趣味美術 生活小製作 兒童製作 親子互動 陶藝製作 傳統手工 民間手藝 歲月綻放 創意與設計

Photoshop製作漂亮的手繪霓虹字

欄目: 設計教程 / 發佈於: / 人氣:1.05W

手工製作霓虹字雖然繁瑣一點,不過細節方法要好很多。過程:先用畫筆寫出想要的文字,再以文字爲參考,在上面繪製一些光束,然後渲染顏色和高光,再局部增加一些發光樣式即可。不同的文字可用不同的顏色。

最終效果

Photoshop製作漂亮的手繪霓虹字

1、新建一個800*650像素,分辨率爲72的文檔。選擇漸變工具,顏色設置如圖1,然後由中心向邊角拉出紫色至黑色的徑向漸變作爲背景。

Photoshop製作漂亮的手繪霓虹字 第2張

<圖1>

Photoshop製作漂亮的手繪霓虹字 第3張

<圖2>

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

Photoshop製作漂亮的手繪霓虹字 第4張

<圖3>

3、新建一個組,在組裏新建一個圖層,用柔邊的白色畫筆畫出數字“2”,如圖4,然後把不透明度改爲:30%。這一步做出一個參考層,畫線條的時候就以畫出的文字爲參照。

Photoshop製作漂亮的手繪霓虹字 第5張

<圖4>

Photoshop製作漂亮的手繪霓虹字 第6張

<圖5>

4、新建一個圖層,選擇工具工具,屬性欄設置如圖6,然後在參照文字上面勾一條路徑如圖7,8。

Photoshop製作漂亮的手繪霓虹字 第7張

<圖6>

Photoshop製作漂亮的手繪霓虹字 第8張

<圖7>

Photoshop製作漂亮的手繪霓虹字 第9張

<圖8>

5、把前景色設置爲白色,如下圖。

Photoshop製作漂亮的手繪霓虹字 第10張

<圖9>

6、選擇畫筆工具,按F5調出畫筆預設面板,選擇24號畫筆,分別設置畫筆筆尖形狀、形狀動態、散佈數值如圖10-12,設置好後再勾選溼邊及平滑選項。

Photoshop製作漂亮的手繪霓虹字 第11張

<圖10>

Photoshop製作漂亮的手繪霓虹字 第12張

<圖11>

Photoshop製作漂亮的手繪霓虹字 第13張

<圖12>

7、在屬性欄把畫筆不透明度及流量都設置爲100%,如下圖。

Photoshop製作漂亮的手繪霓虹字 第14張

<圖13>

8、選擇鋼筆工具,在路徑上面右鍵選擇“描邊路徑”。

Photoshop製作漂亮的手繪霓虹字 第15張

<圖14>

9、在彈出的對話框選擇“畫筆”,同時勾選模擬壓力如圖15,確定後按回車取消路徑,效果如圖16。

Photoshop製作漂亮的手繪霓虹字 第16張

<圖15>

Photoshop製作漂亮的手繪霓虹字 第17張

<圖16>

10、新建一個圖層,同樣的方法用鋼筆勾出第二條路徑,用相同的畫筆描邊路徑,效果如圖19。

<圖17>

Photoshop製作漂亮的手繪霓虹字 第18張

<圖18>

Photoshop製作漂亮的手繪霓虹字 第19張

<圖19>

11、新建圖層,同樣的方法制作更多的光束,實的線條就直接選擇圓角筆刷,過程如圖20-25。

Photoshop製作漂亮的手繪霓虹字 第20張

<圖20>

Photoshop製作漂亮的手繪霓虹字 第21張

<圖21>

Photoshop製作漂亮的手繪霓虹字 第22張

<圖22>

Photoshop製作漂亮的手繪霓虹字 第23張

<圖23>

Photoshop製作漂亮的手繪霓虹字 第24張

<圖24>

Photoshop製作漂亮的手繪霓虹字 第25張

<圖25>

12、把背景及參考文字圖層隱藏,新建一個圖層,按Ctrl+Alt+Shift+E蓋印圖層。

Photoshop製作漂亮的手繪霓虹字 第26張

<圖26>

13、把線條層隱藏,只保留蓋印圖層及背景層,效果如下圖。

Photoshop製作漂亮的手繪霓虹字 第27張

<圖27>

14、在蓋印圖層的下面新建一個圖層,用鋼筆勾出下圖所示的選區,羽化15個像素後填充橙紅色:#E8A55D。

Photoshop製作漂亮的手繪霓虹字 第28張

<圖28>

15、回到蓋印圖層,給當前圖層添加圖層樣式,選擇外發光,參數設置如圖29,確定後把不透明度改爲:50%,效果如圖30。

Photoshop製作漂亮的手繪霓虹字 第29張

<圖29>

Photoshop製作漂亮的手繪霓虹字 第30張

<圖30>

16、按Ctrl+J把當前圖層複製一層,按住Ctrl點擊縮略圖調出圖層選區,再選擇菜單:選擇>修改>收縮,數值爲1,確定後給圖層添加蒙版,效果如圖32。

Photoshop製作漂亮的手繪霓虹字 第31張

<圖31>

Photoshop製作漂亮的手繪霓虹字 第32張

<圖32>

17、新建一個圖層,混合模式改爲“顏色減淡”,用鋼筆勾出下圖所示的選區,羽化8個像素後填充橙黃色:#FFA903,效果如下圖。

Photoshop製作漂亮的手繪霓虹字 第33張

<圖33>

18、新建一個圖層,混合模式改爲“顏色減淡”,用畫筆在需要增加亮度的部分塗上橙黃色:#FDE837,如下圖。

Photoshop製作漂亮的手繪霓虹字 第34張

<圖34>

19、新建一個圖層,把前景顏色設置爲白色,用畫筆在高光部分塗上白色,如下圖。

Photoshop製作漂亮的手繪霓虹字 第35張

<圖35>

20、給當前圖層添加圖層樣式,選擇外發光,參數及效果如下圖。

Photoshop製作漂亮的手繪霓虹字 第36張

<圖36>

Photoshop製作漂亮的手繪霓虹字 第37張

<圖37>

21、局部增加一點高光,第一個文字基本完成。

Photoshop製作漂亮的手繪霓虹字 第38張

<圖38>

22、其它文字製作方法完全相同,效果如下圖。

Photoshop製作漂亮的手繪霓虹字 第39張

<圖39>

Photoshop製作漂亮的手繪霓虹字 第40張

<圖40>

23、現在調整一下文字顏色。在圖層的最上面創建曲線調整圖層,參數及效果如下圖。

Photoshop製作漂亮的手繪霓虹字 第41張

<圖41>

Photoshop製作漂亮的手繪霓虹字 第42張

<圖42>

24、創建亮度/對比度調整圖層,參數及效果如下圖。

Photoshop製作漂亮的手繪霓虹字 第43張

<圖43>

Photoshop製作漂亮的手繪霓虹字 第44張

<圖44>

25、創建色彩平衡調整圖層,對陰影,高光進行調整,參數及效果如下圖。

Photoshop製作漂亮的手繪霓虹字 第45張

<圖45>

Photoshop製作漂亮的手繪霓虹字 第46張

<圖46>

Photoshop製作漂亮的手繪霓虹字 第47張

<圖47>

最後微調一下細節,完成最終效果。

Photoshop製作漂亮的手繪霓虹字 第48張


感謝作者Sener製作、發佈教程。