Photoshop製作冷豔的藍色霓虹字

本教程的字體效果有很多類似的,不過這次介紹的最為詳細。文字大致分為三個部分:第一部分是文字描邊部分的製作,可以用圖層樣式來完成。第二部分是中間高光部分的製作,需要用到路徑描邊及圖層樣式來製作。最後一部分就是整體高光的渲染,這一步很重要,可以讓文字更加豔麗。

最終效果

Photoshop製作冷豔的藍色霓虹字

1、新建(CTRL+N)一個1900*1200px,72分辨率,RGB模式的新文件。雙擊背景層解鎖,得到圖層0,點擊“添加圖層樣式”按鈕,選擇漸變疊加,樣式選擇徑向,角度150,縮放150,如圖。

Photoshop製作冷豔的藍色霓虹字 第2張

Photoshop製作冷豔的藍色霓虹字 第3張

Photoshop製作冷豔的藍色霓虹字 第4張

2、新建一層,得到圖層1,選擇一個柔角畫筆,直徑215px,設置前景色為#03334C,在畫布的中間塗抹,效果如圖。

Photoshop製作冷豔的藍色霓虹字 第5張

3、設置前景色為白色,選擇文字工具,輸入文字,這裏使用的是VAGRoundedBT字體。

Photoshop製作冷豔的藍色霓虹字 第6張

Photoshop製作冷豔的藍色霓虹字 第7張

4、設置文字層填充度為0,併為其添加圖層樣式,數值如圖。

Photoshop製作冷豔的藍色霓虹字 第8張

Photoshop製作冷豔的藍色霓虹字 第9張

Photoshop製作冷豔的藍色霓虹字 第10張

Photoshop製作冷豔的藍色霓虹字 第11張

5、柵格化文字,並複製一層,選擇文字層和文字層副本,按Ctrl+E向下合併,併為其添加圖層蒙板,選擇黑色柔角畫筆,設置不透明度為80%,直徑400,在文字上塗抹,改變其透明度,效果如圖。

Photoshop製作冷豔的藍色霓虹字 第12張

6、將畫筆直徑縮小至50,將設置前景色為白色,繼續在蒙板上塗抹,讓部分文字顯得的更亮,效果如圖。

Photoshop製作冷豔的藍色霓虹字 第13張

7、新建一層,得到圖層2,選擇一個柔角畫筆,設置不透明度為10%,設置前景色為白色,在文字上方塗抹幾筆,效果如圖。

Photoshop製作冷豔的藍色霓虹字 第14張

8、新建一層,得到圖層3,選擇一個柔角畫筆,直徑100,在文字底部點一下,效果如圖。

Photoshop製作冷豔的藍色霓虹字 第15張

9、按Ctrl+T自由變換,將其拉扁,形成漸隱效果,如圖,並設置填充度為50%。

Photoshop製作冷豔的藍色霓虹字 第16張

10、為圖層3添加圖層樣式,選擇外發光,設置如圖,注意混合模式的設定。

Photoshop製作冷豔的藍色霓虹字 第17張

Photoshop製作冷豔的藍色霓虹字 第18張

11、重複十三步和十四步的步驟再製作一條光影,得到圖層4,如圖。

Photoshop製作冷豔的藍色霓虹字 第19張

12、設置圖層4的填充度為46%,圖層混合模式為疊加。

Photoshop製作冷豔的藍色霓虹字 第20張

13、複製圖層4,得到圖層4副本,按Ctrl+T自由變換,略微放大一些,如圖。

Photoshop製作冷豔的藍色霓虹字 第21張

14、為了讓光感更強一些,再次複製圖層4副本,得到圖層4副本2,效果如圖。

Photoshop製作冷豔的藍色霓虹字 第22張

15、複製圖層4副本2,得到圖層4副本3,將其移動到圖層3和圖層4的中間,如圖。

Photoshop製作冷豔的藍色霓虹字 第23張

16、新建一層,得到圖層5,選擇一個白色的軟畫筆,設置不透明度為10%,圖層混合模式為淺色,在數字下方中間位置塗抹,效果如圖。

Photoshop製作冷豔的藍色霓虹字 第24張

17、新建一層,得到圖層6,選擇一個白色的軟畫筆,在數字右側點一下,如圖。

Photoshop製作冷豔的藍色霓虹字 第25張

18、按Ctrl+T自由變換,拉出如圖效果。

Photoshop製作冷豔的藍色霓虹字 第26張

19、設置這一層的填充度為25%,設置圖層混合模式為疊加。

Photoshop製作冷豔的藍色霓虹字 第27張

20、複製圖層6,複製圖層6副本,按Ctrl+t水平翻轉,並移動到數字的左面居中位置,如圖。

Photoshop製作冷豔的藍色霓虹字 第28張

21、添加曲線調整層,調整一下色彩,如圖設置。

Photoshop製作冷豔的藍色霓虹字 第29張

Photoshop製作冷豔的藍色霓虹字 第30張

22、選擇鋼筆工具,在數字中間畫一根路徑,如圖。

Photoshop製作冷豔的藍色霓虹字 第31張

23、設置前景色為:#e3e7ff,選擇硬度100,直徑4的畫筆,對剛才繪製的路徑進行描邊路徑處理。

Photoshop製作冷豔的藍色霓虹字 第32張

24、為描邊路徑層添加圖層蒙板,使用黑色畫筆,將多餘部分擦除。

Photoshop製作冷豔的藍色霓虹字 第33張

25、使用同樣的方法依次對其他文字進行處理。

Photoshop製作冷豔的藍色霓虹字 第34張

26、按Ctrl鍵選中四個描邊路徑層,Ctrl+E向下合併,併為其添加圖層樣式:外發光,如圖設置。

Photoshop製作冷豔的藍色霓虹字 第35張

Photoshop製作冷豔的藍色霓虹字 第36張

27、為合併後的描邊路徑層添加圖層模板,並選擇黑色畫筆,不透明度為60%,在蒙板上塗抹,讓部分光效突出,效果如圖。

Photoshop製作冷豔的藍色霓虹字 第37張

28、複製描邊路徑層,執行濾鏡——模糊——高斯模糊,半徑設置為3.5,並將這一層外發光樣式的圖層混合模式修改為點光。

Photoshop製作冷豔的藍色霓虹字 第38張

Photoshop製作冷豔的藍色霓虹字 第39張

Photoshop製作冷豔的藍色霓虹字 第40張

29、新建一層,得到圖層7,選擇白色畫筆,不透明度為20%,在數字上方隨意點幾下,如圖。

Photoshop製作冷豔的藍色霓虹字 第41張

30、添加圖層模板,並填充黑色,選擇白色畫筆,不透明度為20%,在蒙板上塗抹,效果如圖。

Photoshop製作冷豔的藍色霓虹字 第42張

31、設置這一層的圖層混合模式為“疊加”,得到如圖效果。

Photoshop製作冷豔的藍色霓虹字 第43張

32、創建新的文字圖層,字體、顏色、大小和位置均與前面的文字層一樣。

Photoshop製作冷豔的藍色霓虹字 第44張

33、設置新的文字層填充度為0,添加圖層樣式,選擇斜面與浮雕,如圖設置。

Photoshop製作冷豔的藍色霓虹字 第45張

Photoshop製作冷豔的藍色霓虹字 第46張

Photoshop製作冷豔的藍色霓虹字 第47張

34、鼠標右鍵點擊文字層的樣式按鈕,選擇創建圖層,把圖層樣式轉換為圖層。

Photoshop製作冷豔的藍色霓虹字 第48張

35、選擇“2012”的內斜面高光層,執行濾鏡——模糊——高斯模糊,數值6,如圖。

Photoshop製作冷豔的藍色霓虹字 第49張

Photoshop製作冷豔的藍色霓虹字 第50張

36、複製圖層7,選擇直徑55的白色畫筆,不透明度15%,在如圖幾個位置塗抹。

Photoshop製作冷豔的藍色霓虹字 第51張

最終效果:

Photoshop製作冷豔的藍色霓虹字 第52張


感謝作者飄零的楓葉製作及投稿。