PS教程!手把手教你創建華麗的哥特金屬文字效果

編者按:周末練手來一發!如果想繪制某個文字效果,多數同學都會用到圖層樣式,今天的教程,就將這一運用玩到了巔峰,作者顯然對圖層樣式的運用已純熟于心,最終效果可見一斑,至于可學習的那些閃光點,同學們邊學邊來發掘吧。

最終效果:

PS教程!手把手教你創建華麗的哥特金屬文字效果

本教程中使用的素材:

  • Grunge風格筆刷
  • 字體

素材打包 微盤下載

什么是Grunge風格?來這里學習!《設計中的搖滾樂!帶你認識網頁設計中的GRUNGE(一)》

首先,新建一個 2200x1700 px 的文檔,分辨率為72Dpi ,顏色為RGB。然后使用油漆桶工具(G)填充深灰色#1f1f1f。

PS教程!手把手教你創建華麗的哥特金屬文字效果

然后新建一個圖層 ( Ctrl+Shift+N ),用 畫筆工具 (B), 和Grunge風格筆刷繪制。(編者注:優設網有關于這類風格的好文,想全面了解的同學搜認識GRUNGE就可以咯)

PS教程!手把手教你創建華麗的哥特金屬文字效果

然后進入 混合選項

PS教程!手把手教你創建華麗的哥特金屬文字效果

填充不透明度改為0

PS教程!手把手教你創建華麗的哥特金屬文字效果

內陰影,疊加方式正片疊底,角度-90度,距離1px,阻塞和大小均為0

PS教程!手把手教你創建華麗的哥特金屬文字效果

內發光,疊加方式為正常,不透明度61%,角度-90度,距離1px,阻塞和大小均為0

疊加之后效果變成這樣:

PS教程!手把手教你創建華麗的哥特金屬文字效果

現在添加一個圖層蒙版,在 菜單 > 圖層 > 圖層蒙版 > 顯示全部

PS教程!手把手教你創建華麗的哥特金屬文字效果

進入這個圖層蒙版 ( Alt+單擊 圖層蒙版略縮圖),使用 漸變工具 (G) ,從中央到頂部畫一個徑向漸變。

PS教程!手把手教你創建華麗的哥特金屬文字效果

這步會隱藏周圍的輪廓,結果如下:

PS教程!手把手教你創建華麗的哥特金屬文字效果

使用文字工具 (T) 并使用 Rothenburg ?字體素材, 435pt 大小輸入文本。

PS教程!手把手教你創建華麗的哥特金屬文字效果

然后進入混合選項 ( 圖層樣式)

PS教程!手把手教你創建華麗的哥特金屬文字效果

斜面和浮雕。

內斜面;平滑;深度29%;方向:上;大小24px;軟化1px;角度93°;高度42°;光澤等高線如圖;高光模式:濾色、97%;陰影模式:正片疊底、82%

PS教程!手把手教你創建華麗的哥特金屬文字效果

等高線:如圖

PS教程!手把手教你創建華麗的哥特金屬文字效果

描邊。位置:內部;混合模式:正常。填充類型:漸變,其他如圖

PS教程!手把手教你創建華麗的哥特金屬文字效果

內陰影。混合模式:正常,其他如圖

PS教程!手把手教你創建華麗的哥特金屬文字效果

光澤。混合模式:正常,其他如圖

PS教程!手把手教你創建華麗的哥特金屬文字效果

顏色疊加

PS教程!手把手教你創建華麗的哥特金屬文字效果

投影。混合模式:正常,其他如圖

做出來是這樣:

PS教程!手把手教你創建華麗的哥特金屬文字效果

現在復制圖層,然后轉到 菜單 > 圖層 > 圖層樣式 > 清除圖層樣式

PS教程!手把手教你創建華麗的哥特金屬文字效果

然后新添加一個圖層樣式。

PS教程!手把手教你創建華麗的哥特金屬文字效果

混合選項。混合模式:正常。填充0

PS教程!手把手教你創建華麗的哥特金屬文字效果

斜面和等高線,設置同上,數值如圖

PS教程!手把手教你創建華麗的哥特金屬文字效果

等高線

PS教程!手把手教你創建華麗的哥特金屬文字效果

描邊。位置:內部;混合模式:正常。

PS教程!手把手教你創建華麗的哥特金屬文字效果

內陰影。混合模式:正常。

PS教程!手把手教你創建華麗的哥特金屬文字效果

光澤。混合模式:顏色加深,其他如圖。

PS教程!手把手教你創建華麗的哥特金屬文字效果

漸變疊加。混合模式:正常;樣式:線性,其他如圖

PS教程!手把手教你創建華麗的哥特金屬文字效果

圖案疊加。追加圖案。

PS教程!手把手教你創建華麗的哥特金屬文字效果

外發光。混合模式:濾色;方法:柔和,其他如圖

PS教程!手把手教你創建華麗的哥特金屬文字效果

投影。混合模式:正常,其他如圖

應用了這些 圖層樣式之后得到結果。

PS教程!手把手教你創建華麗的哥特金屬文字效果

你可以將同樣的樣式應用在另一個文本。

PS教程!手把手教你創建華麗的哥特金屬文字效果

現在,把下圖光暈導入文檔,并如圖調整。

PS教程!手把手教你創建華麗的哥特金屬文字效果

將混合模式 改為濾色 并把 不透明度 降為 46% .

PS教程!手把手教你創建華麗的哥特金屬文字效果

然后刪除光暈的輪廓,用 橡皮擦工具 (E) 或者用 圖層蒙版。

PS教程!手把手教你創建華麗的哥特金屬文字效果

最后,前往菜單 > 圖層 > 新建調整圖層 > 顏色查找。在 顏色查找 中使用圖中設置。

PS教程!手把手教你創建華麗的哥特金屬文字效果

這就是最終效果

PS教程!手把手教你創建華麗的哥特金屬文字效果

【人氣超高的酷炫文字效果教程】

好萊塢電影海報都這個范兒!
《PS教程!教你創建好萊塢品質的電影海報字體》

科幻片海報的絕佳選擇字體!
《PS教程!教你繪制酷炫的炫藍科幻字體》

我就是豪門,字體如是說。
《PS教程!手把手教你創建璀璨的黃金鉆石字體》

原文地址:TutsPS
優設網譯者:@阿布

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

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量86萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

PS教程!手把手教你創建華麗的哥特金屬文字效果

收藏 12
點贊 2

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