編者按：今天的字體，電影迷同學(xué)都很熟悉了，廣泛存在各大科幻電影海報中，字體剛健有力，棱角分明，隱隱閃著(zhù)藍光，過(guò)程對圖層樣式的理解很有幫助，趕緊練手走起吧！
好了，我們廢話(huà)少說(shuō)，直奔主題吧。首先，我們來(lái)介紹一下創(chuàng )建圖形樣式和效果時(shí)的一些技巧。
不要受名稱(chēng)誤導
當你打開(kāi)Photoshop的圖層樣式面板，你會(huì )發(fā)現陰影、內發(fā)光、內陰影等效果名稱(chēng)。不過(guò)，不要被這些名稱(chēng)誤導了，并不像你眼睛所看到的那樣，這些效果其實(shí)擁有更加強大的功能。你可以使用投影為一個(gè)扁平的形狀創(chuàng )建出發(fā)光效果或3D立體效果。這僅僅是這些效果功能中很小的一部分。繼續往下看，你將會(huì )學(xué)到這些效果的全部功能。
所有效果100%可自定義
你完全可以自由調整曲線(xiàn)、色調、混合模式、顏色、強度、飽和度、透明度等效果的任意數值，這些數值沒(méi)有一項是隨機顯示的。你唯一需要的是耐心和對細節的關(guān)注。
默認效果就像噩夢(mèng)
Photoshop提供的效果默認數值只是供你了解其作用的。千萬(wàn)不要把這些默認數值當成理所應當的。設計師們只需找到每種效果的設置方法，你的作品肯定會(huì )脫穎而出。以后每次打開(kāi)效果面板，都嘗試著(zhù)尋找方法來(lái)改進(jìn)你的設計。
記住以上這三點(diǎn)，并應用到你的設計工作中，我相信這會(huì )是提高你Photoshop技能非常棒的方法。相信我，這種方法就像有一種魔力，我已經(jīng)做到了。
來(lái)看看我們今天要做的效果吧：
看起來(lái)很復雜，對嗎？就像我前面提到的，不要被這些效果所誤導，看我下面的步驟，你就會(huì )了解其中的一切。開(kāi)始吧~
素材打包 微盤(pán)下載
第一步：
我們先從最簡(jiǎn)單的形狀入手，一開(kāi)始就添加細節是毫無(wú)意義的。首先，創(chuàng )建最基本的形狀。如果在沒(méi)有添加任何效果時(shí)，你創(chuàng )建的形狀都很漂亮，那么這是一個(gè)非常好的開(kāi)始。就像建筑一樣，需要有一個(gè)好的地基，這樣以后才不容易垮掉。
打開(kāi)Photoshop，Ctrl+N新建畫(huà)布。選擇你需要的大小和分辨率。尺寸不要太小，這樣我們會(huì )看清細節。
第2步：
在這次設計中，我們想要創(chuàng )建一種星際爭霸文字的效果。首先下載并安裝StarCraft字體。我們將背景色填充為淺灰色來(lái)代替默認的白色，這樣不至于白色背景與文字對比過(guò)于強烈。
第3步：
為文字添加斜面和浮雕效果。默認的數值效果肯定不是我們想要的，我們需要更加強烈的效果，那樣會(huì )更有沖擊力。增大“大小”的數值，注意觀(guān)察字體的棱角是怎么變得清晰起來(lái)的。大小選擇20px左右比較合適。（字體大小不同，需要設置的數字也會(huì )不同，具體情況自己掌握。）我們需要銳利的邊緣和棱角，將“方法”設置為雕刻清晰即可。繼續調整陰影的角度和高度，這項數值會(huì )決定棱角邊緣的對比度。
所有數值調整后的效果：
第4步：
接下來(lái)我們會(huì )用到一種生銹的紋理。下載紋理素材，將其在Photoshop中打開(kāi)，我們只需要鐵銹斑駁的紋理，而用不到顏色，因此執行菜單圖像>調整>去色。我們繼續調整素材圖像的對比度。Ctrl+L打開(kāi)色階命令，調整亮部與暗部以增強對比。
我們需要將紋理保存起來(lái)用在文字效果上。Ctrl+A全選，執行菜單編輯>定義圖案，重命名圖案。
第5步：
是時(shí)候將紋理應用到我們的文字效果上了。雙擊圖層樣式，打開(kāi)紋理疊加選項，選擇我們上一步定義好的鐵銹紋理。效果看上去過(guò)于強烈，將混合模式設置為“點(diǎn)光”，不透明度設置為20%。
第6步：
現在顏色只有黑色和白色，這一步我們來(lái)添加一些顏色。打開(kāi)圖層樣式面板，進(jìn)行顏色疊加。這里我們選擇的顏色為#5288a4，將不透明度設置為70%。
看一下整體效果。
這樣我們有了一個(gè)基本的色調。默認的斜面和浮雕中的陰影和高光仍然達不到我們想要的效果，我們來(lái)調整一下高光和陰影的顏色。將色值分別設置為#13fffc和#005780。
第7步：
現在整體看起來(lái)還是比較扁平，沒(méi)有非常強烈的立體感。我們需要再創(chuàng )建一層斜面和浮雕效果來(lái)增強這種感覺(jué)。選中文字層，Ctrl+J復制一層，刪掉復制層的圖層樣式效果。并將其填充度設置為0。
由于我們下一步要將顏色疊加的不透明度修改為100%，因此要將下面一層的圖案疊加效果拖動(dòng)到復制的層上，不然顏色會(huì )遮蓋圖案的效果。
調整圖層樣式后的效果：
第8步：
將下面圖層的顏色疊加不透明度修改為100%。
第9步：
為上面的文字圖層添加斜面和浮雕的紋理。這樣會(huì )使紋理有略微凸起的效果。
然后調整斜面和浮雕。這樣使得文字的立體感更加突出。
第10步：
為了增加文字上下部分的明暗對比，我們?yōu)槠涮砑訚u變疊加，將混合模式設置為正片疊底。
此時(shí)的文字效果。
第11步：
選中最下面的文字圖層，為其添加投影效果。
這里我們使用等高線(xiàn)，使投影內部暗一些，外部更加虛化，符合真實(shí)投影的樣式。
添加投影后的文字效果。
第12步：
到目前為止，我們只為文字添加了暗部，這一步來(lái)添加高光部分。
Ctrl+J將文字復制一層，去掉圖層樣式，并將填充度設置為0。
為文字添加漸變樣式。其中白色部分就是我們需要調亮的區域，注意此時(shí)的混合模式為顏色減淡。
添加高光后的效果。
第13步：
下面我們創(chuàng )建描邊，是文字的輪廓更加清晰。比較亮的輪廓可以區分文字與陰影，從而更加凸顯文字。我們選擇的顏色為#32c3ff。
第14步：
不要滿(mǎn)足與上一步的樣式，我們的文字還可以繼續優(yōu)化。來(lái)為文字添加一些內部的發(fā)光效果試試，此處我們使用內陰影來(lái)實(shí)現這種效果。記住，內陰影并不是只能做陰影效果，我們還可以使用這個(gè)功能來(lái)模擬發(fā)光的效果?？纯聪聢D是不是漂亮了很多。
第15步：
再稍微調整一下背景，我們的效果就做好了。Cheers！
精致字體教程推薦！
看著(zhù)就想么么噠的毛茸茸字體教程！
《PS教程：創(chuàng )建可愛(ài)的毛茸茸條紋文字效果》好吃好看！特別浪漫！字體教程送上！
《PS新手教程：教你創(chuàng )建一枚巧克力奶油文字》好萊塢出品！必然擁有！
《PS教程！教你創(chuàng )建好萊塢品質(zhì)的電影海報字體》
原文地址：pixel77
譯文地址：shejipai
【優(yōu)設網(wǎng) 原創(chuàng )文章 投稿郵箱：2650232288@qq.com】
================關(guān)于優(yōu)設網(wǎng)================
“優(yōu)設網(wǎng)uisdc.com“是國內人氣最高的網(wǎng)頁(yè)設計師學(xué)習平臺，專(zhuān)注分享網(wǎng)頁(yè)設計、無(wú)線(xiàn)端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書(shū)：史上最全的設計師圖書(shū)導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量82萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設計 ，歡迎關(guān)注獲取網(wǎng)頁(yè)設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經(jīng)驗分享和各種意想不到的”福利”嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設計 微信號：【youshege】?jì)?yōu)設哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：
非特殊說(shuō)明，本文版權歸原作者所有，轉載請注明出處
本文地址：http://www.uisdc.com/3d-text-style-photoshop
聯(lián)系客服
