哈囉~這次要和大家一起練習 Photoshop 製作星空中的霓虹光暈感文字,讓文字成為夜晚中最閃亮的光吧 ☄
在開始前,大家可以先找一張星空素材,在稍後的背景中會使用到喔 🌌
【Step 1】新增檔案
點選 檔案 → 新增;先建立一個 800 px × 600 px 大小的檔案
【Step 2】填充前景色
新建一層圖層,按快捷鍵 Alt + Delete 填充前景色(黑色)
【Step 3】文字工具
使用文字工具打上文字 (建議要挑選寬一點的字體喔)
【Step 4】文字填滿設定為0%
為了要讓文字呈現是只有文字邊框的感覺,選取文字圖層,將文字的填滿設定為 0 %
【Step 5】新增圖層樣式
選取文字圖層,點選圖層面板下方的 fx圖層樣式 → 筆畫
將筆畫尺寸設為 2 像素
【Step 6】轉換為智慧型物件
選取文字圖層,右鍵 → 轉換為智慧型物件
【Step 7】添加遮色片
選取文字圖層,點選圖層面板下方的遮色片圖示添加遮色片
使用快捷鍵 Ctrl+I (反相) 讓遮色片內呈現黑色
(因為在遮色片中白色區域會顯示出來,黑色則是會被遮罩起來的部分;所以做完此步驟會發現文字是被遮色片遮住的)
【Step 8】筆刷
選擇柔邊圓形筆刷,筆刷顏色為白色,筆刷不透明度 100%,筆刷流量 100 %
(因為此步驟是要用筆刷畫在遮色片中,讓文字邊框線條可以有部分出現,部分隱藏的感覺,所以這邊要選擇白色的筆刷喔)
使用白色柔邊圓形筆刷在畫面上點擊,使文字邊框呈現若隱若現,有亮有暗的感覺
【Step 9】複製圖層
再來要製作出光暈感,所以使用快捷鍵 Ctrl + J 將文字圖層先複製2層出來
【Step 10】高斯模糊
先選個剛剛複製出的第一層文字,濾鏡 → 模糊 → 高斯模糊
設定高斯模糊的強度為 4 像素 (打開預視,可以根據自己想要的模糊效果調整數值喔)
再選擇剛剛複製出的另外一層文字,設定高斯模糊的強度為 8 像素 (強度數值比剛剛第一層高斯模糊數字再稍微大一點就可以了)
【Step 11】筆刷
新增一層圖層,使用白色的柔邊圓形筆刷,點在文字邊框想要加亮的地方
【Step 12】圖層混色模式
將圖層混色模式選為覆蓋,讓剛剛畫的加亮筆刷呈現比較自然的光暈
【Step 13】複製圖層
如果想要在加強光點亮度,可以再複製一層圖層,點擊圖層 右鍵 → 轉換為智慧型物件
將複製的圖層加上高斯模糊的濾鏡,高斯模糊的強度設定為 5 像素,並將圖層的透明度設為45 %
【Step 14】筆刷
再來要讓文字顏色變繽紛啦;先新增一層圖層,使用柔邊圓形筆刷,選擇喜歡的顏色任意的在畫面中畫上顏色( 這裡使用的顏色為 #f94d76 #5b8fde #aa58e8 )
【Step 15】圖層混色模式
將圖層混色模式改為覆蓋,這樣顏色就疊加到文字上面啦
【Step 16】放入星空背景圖
拖曳置入提前準備好的的星空素材
【Step 17】圖層混色模式
將星空素材的圖層混色模式改為覆蓋,並降低不透明度為50 %,讓星空素材可以自然融合畫面,文字就有在星空中發光的感覺啦
【Step 18】筆刷
如果想要背景顏色再繽紛一點,可以再新增一層圖層,使用柔邊圓形筆刷,選擇喜歡的顏色任意的在畫面中畫上顏色( 這裡使用的顏色為 #f94d76 #5b8fde #aa58e8 )
【Step 19】圖層混色模式
將圖層混色模式改為柔光,並降低不透明度為30 %,可以發現剛剛化的顏色融合到背景裡了;圖層混色模式跟部透明度會影響到畫面顏色,大家可以根據喜好調整嘗試喔
【Step 20】完成
這樣就完成星空中的霓虹光暈感文字啦 ❤️
當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!