編者按：有同學(xué)問(wèn)魔獸海報(bào)中的這種酷炫的立體字效果是怎么做出來(lái)的，其實(shí)臨摹起來(lái)不難，今天劉遠(yuǎn)航同學(xué)就從頭開(kāi)始帶大家做一遍，8個(gè)步驟輕松搞定。源文件已打包，學(xué)起來(lái)！

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

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

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

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

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

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

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

好，漸變疊加這里看下，我們通過(guò)一個(gè)徑向的黑白漸變，注意圖層對(duì)齊那里的選項(xiàng)，調(diào)整縮放來(lái)達(dá)到我們要的漸變效果，然后上面的混合模式改成疊加。

然后是斜面浮雕，選擇雕刻清晰，注意深度，大小，光照角度選了一個(gè)過(guò)度柔和的曲線，陰影部分修改為深灰藍(lán)的正片疊底。里面這些參數(shù)僅供參考，主要還是看著圖調(diào)你要的感覺(jué)。

好咧效果是這樣的：

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

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

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

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

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

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

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

現(xiàn)在我們可以按照每一層用畫(huà)筆來(lái)刷了，漸變填充這一層。

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

什么，沒(méi)效果？放進(jìn)海報(bào)里去就帥了啊。

【優(yōu)設(shè)四月人氣過(guò)萬(wàn)的好文】

使用素材站：
《實(shí)用干貨！11個(gè)人氣超高的設(shè)計(jì)素材匯總網(wǎng)站》

自學(xué)UI設(shè)計(jì)的正確姿勢(shì)：
《別著急學(xué)軟件！先掌握科學(xué)有效的UI設(shè)計(jì)自學(xué)姿勢(shì)（超全面）》

幽默有趣的前端小課堂：
《零基礎(chǔ)也能看懂！寫(xiě)給設(shè)計(jì)師的前端小知識(shí)之網(wǎng)頁(yè)排版（附實(shí)戰(zhàn)）》

原文地址：zhihu

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

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