PS字體:鋼鐵俠知道吧,今天來(lái)講講這個(gè)字體.
作者:來(lái)源:部落窩教育發(fā)布時(shí)間:2018-11-06 14:20:01點(diǎn)擊:4910
編按:好看的字體給7分,剩下的三分給背景。在這個(gè)看臉的時(shí)代,對(duì)字體的要求也越來(lái)越高了,不好看的字體,連對(duì)視都不愿意。今天我們來(lái)看看鋼鐵俠風(fēng)格的字體吧。好看又酷炫
本文我們將創(chuàng)造一個(gè)簡(jiǎn)單而又漂亮的文字效果,使之看起來(lái)像鋼鐵俠電影中的文字。
最終效果:
步驟1:
用PS創(chuàng)建新文件,背景設(shè)置為黑色。我們需要一些色彩進(jìn)行對(duì)照。從這里下載”Stark”字體:http://www.dafont.com/stark.font
步驟2:
選擇字體工具,隨便寫(xiě)點(diǎn)什么,這里大小選擇為:大字350像素,小字223像素。字體色彩設(shè)置為b10a01
步驟3:
切換到大字所在的圖層,將大字的圖層復(fù)制兩次,然后選擇原始圖層,設(shè)置”漸變疊加”,混合模式為”明度”,在最下面,具體參數(shù)如圖。(我用的CS5)
步驟4:
在新文件里打開(kāi)鐵銹材質(zhì),去色(Ctrl+Shift+U),用矩形選框工具選擇材質(zhì)的大部分(不是整個(gè)圖片),編輯->定義圖案,保存
步驟5:
選擇大字的第二個(gè)圖層,調(diào)整填充為0%,根據(jù)下圖進(jìn)行設(shè)置
“描邊”參數(shù) 填充類型”漸變” 描邊位置”內(nèi)部”
“斜面和浮雕”參數(shù) 樣式”描邊浮雕” 方法”雕刻清晰” 高光模式”線性減淡(添加)”陰影模式”正片疊底
“內(nèi)陰影”參數(shù) 混合模式”線性加深”
“圖案疊加”參數(shù) 混合模式”點(diǎn)光”
步驟6:
選擇大字的第三個(gè)圖層,填充設(shè)置為0%。設(shè)置”斜面和浮雕”和”描邊”
“描邊”參數(shù) 混合模式”柔光” 位置”內(nèi)部
“斜面和浮雕”參數(shù),樣式”描邊浮雕”方法”雕刻清晰”高光模式”線性減淡(添加)”陰影模式”正片疊底
步驟7:
現(xiàn)在,將大字的每個(gè)圖層的樣式進(jìn)行保存,如果你看不到樣式的小窗口,選擇 窗口->樣式
步驟8:
將鐵銹材質(zhì)放到新的圖層,混合模式為正片疊底,不透明度設(shè)置為 25%。確保材質(zhì)將整個(gè)文本覆蓋。Ctrl+左鍵單擊每個(gè)大字圖層的縮略圖,選擇”添加圖層蒙板”
步驟9:
置入金屬劃痕材質(zhì),重復(fù)步驟8,將混合模式調(diào)整為點(diǎn)光,不透明度10-15%
步驟10:
新建調(diào)整圖層,添加一個(gè)漸變映射圖層,混合模式為顏色,不透明度為20%
步驟11:
創(chuàng)建新的圖層,選擇鋼筆工具,按照下面的第一個(gè)圖畫(huà)出形狀,做點(diǎn)高光效果。下一步,選擇大字圖層上任意點(diǎn)一下,然后收縮(選擇->修改->收縮->)收縮到9像素(因?yàn)槲覀冊(cè)诖笞种惺褂玫?span>Stroke字體是8px,所以你需要流出來(lái)一點(diǎn))。使用模糊工具,讓邊緣更平滑一些,不透明度調(diào)整到20%
步驟12:
將現(xiàn)在所有建立的和大字有關(guān)聯(lián)圖層組織起來(lái),命名為”大字圖層組”設(shè)置如下圖(給組設(shè)置混合選項(xiàng)必須CS6或以上版本)
“外發(fā)光”設(shè)置
“投影”參數(shù) 混合模式”正片疊底”
注意:你可能會(huì)發(fā)現(xiàn)在字母邊緣會(huì)隨機(jī)出現(xiàn)一些紅線,我也不知道這是為什么,但是你可以通過(guò) 給你的組設(shè)置內(nèi)陰影輕松的去掉
“內(nèi)陰影參數(shù)”
步驟13:
小字的做法和大字的一樣。你不用重新設(shè)置所有圖層的樣式。只需要從樣式的窗口中找到已經(jīng)保存過(guò)的對(duì)應(yīng)的樣式就可以了。然而,你還是需要作出一些調(diào)整,考慮的Stroke字體大小的不同。
步驟14:
創(chuàng)建一個(gè)新的圖層,通過(guò)柔性顆粒圓筆畫(huà)高光,混合模式為柔光,不透明度為50%。如果你想的話添加圖層蒙版
相關(guān)文章推薦:
原文地址:naldzgraphics
優(yōu)設(shè)網(wǎng)翻譯:@MartinRGB
文章來(lái)源: https://www.uisdc.com/iron-man-text-effect-photoshop