金屬字,如何制作金屬質(zhì)感的字體(5)
從字體背景到字體效果的詳細(xì)翻譯教程,背景主要利用金屬質(zhì)感填充圖案制作,字體利用圖層樣式制作出來(lái),喜歡的可以跟著教程一起練習(xí)一下,做完交作業(yè)。先看看最終效果:
首先,這個(gè)教程需要的兩款素材已經(jīng)上傳;然后,英文原版講的比較細(xì),在這我省略了一部分個(gè)人認(rèn)為不影響理解的部分,因?yàn)槟菢优饋?lái)實(shí)在是太長(zhǎng)了。最后,如果有哪位同學(xué)看不懂或者覺(jué)得比較跳躍,可以留言或者私信哈。下面就開(kāi)始啦~
素材下載:
1.制作背景
①首先把附件里的圖案文件、字體文件安裝到電腦里。
②創(chuàng)建一個(gè)600*500px的文件,分辨率72即可。
③復(fù)制背景圖層,命名為“BackgroundPattern”。
④給這個(gè)圖層填充圖案,打開(kāi)圖層樣式-圖案疊加,選擇剛才添加的圖案,其他參數(shù)如下圖。每次使用這個(gè)圖案,不要忘記點(diǎn)一下貼緊原點(diǎn)哦。
⑤為了讓中央部分顯得比較亮,需要調(diào)節(jié)圖層樣式-內(nèi)陰影,參數(shù)如下,其中的色值為#0e323b。
⑥接下來(lái)加一圈反射光,調(diào)整圖層樣式-斜面和浮雕,參數(shù)如下。高光色值為#e59804,陰影色值為#333333。
光澤等高線參數(shù)如下:①輸入:25,輸出:30,邊角不勾選;②輸入:50,輸出:100,邊角勾選;③輸入:75,輸出:30,邊角不勾選。
效果如下:
2.文字部分
①輸入文字“SHINE”或者其他單詞字母,字體使用剛才安裝的,字號(hào)180pt,銳利,圖層命名為“ShineTop”。
②將文字圖層復(fù)制兩次,分別命名為“ShineMid”and“ShineBot”,暫時(shí)隱藏這兩個(gè)圖層。
3.調(diào)整最上層文字圖層-Shine Top
①調(diào)整圖層樣式-圖案疊加,選擇跟背景一樣圖案,調(diào)整參數(shù),貼緊原點(diǎn)。
②投影,色值#000000。
③漸變疊加。
漸變左側(cè)位置0,色值#c5d955;右側(cè)位置100,色值#000000。
④為了更有光澤,調(diào)整斜面和浮雕。高光#c5d955,陰影#000000。
等高線:①輸入0,輸出0,邊角不勾選;②輸入38,輸出0,邊角勾選;③輸入40,輸出51,邊角勾選;④輸入100,輸出100,邊角不勾選。
⑤調(diào)整色澤:色值#918800,等高線選默認(rèn)的內(nèi)凹-深。
⑥調(diào)整內(nèi)發(fā)光:色值#ffffff,等高線選默認(rèn)的圓錐。
⑦描邊:色值#3f7f4e。
⑧外發(fā)光:色值#d69c2c,等高線選默認(rèn)的圓錐。
效果如下:
4.調(diào)整中間文字圖層-ShineMid
①為了讓文字有透視的效果,需要調(diào)整文字的參數(shù)。需要注意的是需要讓所有文字圖層相對(duì)畫(huà)布上下左右居中。
②漸變疊加,左側(cè)位置0,色值#0c483a,右側(cè)位置100,色值#03130f。
③內(nèi)陰影,色值#ffffff。
④投影&外發(fā)光,色值都為#000000。
5.最后一步會(huì)產(chǎn)生奇妙的效果,調(diào)整底部文字圖層-ShineBot。調(diào)整文字的參數(shù),色值為#ffd74b。
最終成果如下:
恭喜你,終于大功告成了。
希望大家喜歡這次分享。
里面的參數(shù)大家都可以發(fā)揮想象自己試著玩的。
第一次做翻譯教程,還有很多不足的地方,歡迎大家提意見(jiàn)哦~~
學(xué)習(xí) · 提示
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
![](http://www.theoat.com.cn/1diy/imges/noavatar.gif)
相關(guān)教程