編者按：有同學問魔獸海報中的這種酷炫的立體字效果是怎么做出來的，其實臨摹起來不難，今天劉遠航同學就從頭開始帶大家做一遍，8個步驟輕松搞定。源文件已打包，學起來！

源文件打包 ?百度云下載：http://pan.baidu.com

1. 建個文件背景黑色，第一步當然是打字，電影里的這個字體我沒找到一模一樣的，找個近似的吧，這個字體：LifeCraft，原版的魔獸世界貌似用的就是這個。

2. 觀察一下原圖中的立體部分，高光光源是在右上方，左下是有點橙色的反光。

所以我們在先隨便疊加一個“紋理”之后，（這個是PS自帶的巖石紋理，看起來也還可以，你也可以使用其他金屬的紋理）先來給他做這樣的斜面浮雕，淺黃色濾色的高光，暗橙色的陰影。

3. 然后復制放大，按住快捷鍵Ctrl+alt+T，等比放大一個像素，然后雙擊確定后就是直接復制出來一個放大后的圖層，

4. 下面就可以使用Ctrl+Shift+Alt+T這個快捷鍵來重復剛剛的變形操作了，按個幾下看看差不多是你想要的厚度就可以了，我這里按了9個圖層差不多，看下效果

5. 最上面的那層，我們主要來修改下他的斜面浮雕方式，觀察原圖，前面的部分是藍灰色的，高光在左下，而且字體整體是中間字母R那里比較亮，所以等下我們還要做一個漸變的疊加。

好，漸變疊加這里看下，我們通過一個徑向的黑白漸變，注意圖層對齊那里的選項，調整縮放來達到我們要的漸變效果，然后上面的混合模式改成疊加。

然后是斜面浮雕，選擇雕刻清晰，注意深度，大小，光照角度選了一個過度柔和的曲線，陰影部分修改為深灰藍的正片疊底。里面這些參數僅供參考，主要還是看著圖調你要的感覺。

好咧效果是這樣的：

6. 別急，還早呢，看原圖的邊緣是有一個細小的倒角邊，我們把最上一層再復制一層，來做這個小倒角填充改為0，漸變疊加和圖案疊加統(tǒng)統(tǒng)去掉，只要一個浮雕效果。

做一個像素的，光源反向的浮雕效果：

7. 我們把這一層”拷貝10“也再復制一層，添加一點文字表面的紋理，懸著斜面浮雕的紋理加一個雜色的紋理，讓他稍微有點凹凸感然后降一下整體的不透明度。

8.原圖中，立體部分有一道疑是分層的分界線，前面W那是一道陰影，在后面字母T那好像是一道亮光。

我們從剛才的幾個圖層中間挑一個，比如說”拷貝5“給他做個投影和內發(fā)光就會有這樣的效果了，這樣也顯得稍微有點層次。

8. 其實做到這一步就差不多了，但是細節(jié)還是很不到位的，尤其是光影的變化通過這樣的方法做出來的不夠細膩，單純的使用圖層模式是很難表現，來吧，再回到剛剛參數多的那層”拷貝9“來進行精雕細作，選擇菜單上面的圖層——圖層樣式——創(chuàng)建圖層。

把我們剛剛做的效果都拆解成一個個的圖層，用圖層剪切蒙版的形式分離出來了。

現在我們可以按照每一層用畫筆來刷了，漸變填充這一層。

高光和陰影我們可以用蒙版來調整那些區(qū)域的高光陰影強弱了。好，最終效果，看看差不多了吧

什么，沒效果？放進海報里去就帥了啊。

【優(yōu)設四月人氣過萬的好文】

使用素材站：
《實用干貨！11個人氣超高的設計素材匯總網站》

自學UI設計的正確姿勢：
《別著急學軟件！先掌握科學有效的UI設計自學姿勢（超全面）》

幽默有趣的前端小課堂：
《零基礎也能看懂！寫給設計師的前端小知識之網頁排版（附實戰(zhàn)）》

原文地址：zhihu

【優(yōu)設網 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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