PS教程!手把手教你繪制閃耀的光斑文字字效

@ChloeRowe林雅諾?:周末教程練手走起!今天來一枚超酷炫的光斑字體效果,教程不難,練習主要考驗同學們對筆刷的掌控能力,素材已打包,動手咯。

素材打包 ? 百度云下載:http://pan.baidu.com/s/1hqEYkFq

效果圖:

PS教程!手把手教你繪制閃耀的光斑文字字效

一、畫出草圖

1. 新建圖層?W:42.5cm, H:59.4cm,300 dpi,CMYK。

用畫筆很快的畫一個心形出來。

PS教程!手把手教你繪制閃耀的光斑文字字效

2. 畫出文字草圖,考慮到只是一個草圖,如果你覺得在紙上畫更自在,你可以畫好后再掃描到電腦上哦~

PS教程!手把手教你繪制閃耀的光斑文字字效

3. 這一部很簡單,用鋼筆工具將你畫的字?勾出來~

(原教程要在AI里執行,小編改編了一下~反正能做出來,就是王道,哇卡卡卡)

PS教程!手把手教你繪制閃耀的光斑文字字效

二、制作更多的線條

1. 在路徑通道里保存剛剛鋼筆勾畫出來的路徑。

PS教程!手把手教你繪制閃耀的光斑文字字效

2. 設置筆刷,軟邊,10像素,不透明度100%?;氐戒摴P工具,進行描邊,無模擬壓力。

PS教程!手把手教你繪制閃耀的光斑文字字效

3. 濾鏡>模糊>動感模糊,60°,大小20。咱們點擊確定。

PS教程!手把手教你繪制閃耀的光斑文字字效

4. 改變透明度到50%左右~添加蒙版,然后用黑色筆刷隱藏一部分。

PS教程!手把手教你繪制閃耀的光斑文字字效

5. 在路徑層里,找到你之前保存的路徑,用鋼筆工具稍作調整,大致的形狀如下圖所示哦~

PS教程!手把手教你繪制閃耀的光斑文字字效

6. 還是描邊10px。為了讓字效更逼真?,我們要分別再描邊5px、10px、15px,記得調整透明度,透明度也是不同的~效果參看第7步里的圖。

PS教程!手把手教你繪制閃耀的光斑文字字效

7. 添加蒙版,用黑色畫筆隱藏這些線條的兩端。

PS教程!手把手教你繪制閃耀的光斑文字字效

8. 在原來的字線基礎上,給其增加厚度感,線條的兩端要細,效果如下圖所示。

PS教程!手把手教你繪制閃耀的光斑文字字效

9. 再畫一條,盡量增厚每個字母的左邊。因為這樣可以留出字與字之間的間距哦~

PS教程!手把手教你繪制閃耀的光斑文字字效

10. 記得要讓每條線淡出,否則就不真實啦~

PS教程!手把手教你繪制閃耀的光斑文字字效

11. 結果就是下圖這樣的~

PS教程!手把手教你繪制閃耀的光斑文字字效

三、增加顏色

1. 現在呢~我們給所有的圖層創建漸變映射調整圖層(圖層>新建調整圖層>漸變映射)

顏色:#000000;#54000c;#d69f0a;#fffee9。

PS教程!手把手教你繪制閃耀的光斑文字字效

2. 讓漸變映射調整圖層始終保持在最頂端。既然我們已經制作完了線條,現在就是我們給它加特效的時候的,也就是加高光!

重復之前的路徑,但這次是100-200px,然后模擬壓力。使用 50%的灰色?(#8c8c8c)。

圖層混合模式-濾色。

PS教程!手把手教你繪制閃耀的光斑文字字效

3. 給文字所有加厚的部分添加高光~

PS教程!手把手教你繪制閃耀的光斑文字字效

4. 現在用白色來增加更多的更粗的線條,但是沒有模擬壓力哦~線條大概?在25-75px之間。

PS教程!手把手教你繪制閃耀的光斑文字字效

5. 柔軟的白色線條圍繞文字,讓它看上去更有厚感。

PS教程!手把手教你繪制閃耀的光斑文字字效

四、給文字增加光效

使用flare image素材,放置進ps里??。改變光的角度,90°。圖層混合模式-濾色

PS教程!手把手教你繪制閃耀的光斑文字字效

2. 復制光效,然后改變大小,W:200%, H:200%??,角度:40°。

PS教程!手把手教你繪制閃耀的光斑文字字效

3. 第二個光效,濾鏡>模糊>高斯模糊。大概30px左右。

PS教程!手把手教你繪制閃耀的光斑文字字效

4. 將兩個光建組,然后復制,分別放在如下圖所示的位置。

PS教程!手把手教你繪制閃耀的光斑文字字效

5. 之后的文字,也重復以上的(三到四的步驟),效果如下圖所示。

PS教程!手把手教你繪制閃耀的光斑文字字效

6. 在用相同的方法,給文字的周圍添加一些線條。

PS教程!手把手教你繪制閃耀的光斑文字字效

五、增加光斑

1. 打開?“blurry lighte image”素材,放置進來,設置為濾色。

PS教程!手把手教你繪制閃耀的光斑文字字效

2. 添加蒙版,擦拭,效果如下圖所示。

PS教程!手把手教你繪制閃耀的光斑文字字效

PS教程!手把手教你繪制閃耀的光斑文字字效

六、將光增強

來來來,我們來增加光的對比度,讓效果?更酷炫點~

1.添加一個黑白漸變映射調整圖層,設置為剪貼蒙版。

設置它的圖層樣式為疊加。

PS教程!手把手教你繪制閃耀的光斑文字字效

2. 復制光斑,然后放置在圖中不同的位置。

PS教程!手把手教你繪制閃耀的光斑文字字效

3. 多復制一些~改變其大小,然后放在你想放置的地方~不要讓它太大了~

PS教程!手把手教你繪制閃耀的光斑文字字效

4. 現在我們結合基礎筆刷?。筆刷設置-畫筆筆尖形狀-大小50px-硬度80%-間距150%

PS教程!手把手教你繪制閃耀的光斑文字字效

5. 打開形狀動態?,散布550。

PS教程!手把手教你繪制閃耀的光斑文字字效

6. 開啟傳遞,然后改變設置。

PS教程!手把手教你繪制閃耀的光斑文字字效

7. 在文字的周邊用筆刷畫更多的線條(圖中畫圓圈所顯示的地方)

PS教程!手把手教你繪制閃耀的光斑文字字效

8. 重復加工。

PS教程!手把手教你繪制閃耀的光斑文字字效

七、增加噪點

1. 現在我們在不破壞顏色和光效的基礎上,增加噪點。

選擇50%的灰色(#8c8c8c),新建圖層,填充。

出現棕色,因為它是下面漸變映射層

PS教程!手把手教你繪制閃耀的光斑文字字效

2. 濾鏡>雜色>添加雜色,然后輸入最大值400%

PS教程!手把手教你繪制閃耀的光斑文字字效

3. 對其進行模糊處理0.8像素(濾鏡>模糊>高斯模糊)。

PS教程!手把手教你繪制閃耀的光斑文字字效

4 .改變圖層模式-亮光,透明度5%。

PS教程!手把手教你繪制閃耀的光斑文字字效

5. 做最后的調整,圖層>新建調整圖層>照片濾鏡。選擇紅色。大功告成啦!哇咔咔~

PS教程!手把手教你繪制閃耀的光斑文字字效

【優設譯者教程合集】

《PS教程!手把手教你打造草堆字體特效》
《AI教程!手把手教你繪制一只逼真寫實的運動鞋》
《PS教程!手把手把教你創建超寫實的金屬質感沙漏》
《AI教程!手把手教你繪制一個大氣典雅的燈光背景》

原文地址:design.tutsplus
譯者:@ChloeRowe林雅諾

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量103萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 34
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。