當(dāng)前位置:首頁>ps入門教程>ps文字教程>普通字效>教程內(nèi)容

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字(5)

來源:站酷 作者:買醉的倉鼠hope 學(xué)習(xí):34356人次
這篇復(fù)古游戲字體教程跟大家講解一下字體設(shè)計時素材的運用和字體的設(shè)計,效果十分漂亮,適合游戲宣傳之用,一起來學(xué)習(xí)一下吧。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

素材:http://www.theoat.com.cn/photoshop/sucai/2016/692531.html 

1、字體改造。

首先,選一款合適進(jìn)行變形的字體,根據(jù)要變得文字內(nèi)容來選擇,一般大家都愛用造字工坊系列,我這里用的是版黑,根據(jù)主題選用了比較剛硬一點的,大家也可以試試其他不同的字體改造也許有驚喜喲~~

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

好了,接下來要找?guī)卓钭煮w作為參考,也是根據(jù)主題風(fēng)格和個人喜好來挑選,這款主題因為是超神感覺必須炫酷屌炸天啊,有沒有~~,可以參照一些史詩級別的LOGO或者戰(zhàn)爭類的。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>www.theoat.com.cn

根據(jù)參考設(shè)計出來的字體稿,主題和副標(biāo)題之間也做了一下對比的排版。給主標(biāo)題拉了一個漸變色。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

2、立體造型。

想到要給自己設(shè)計的字體造型渲染華麗麗的效果,心情是不是很激動,我要屌炸天啊有木有,我要各種炫酷啊~~然而現(xiàn)實總是殘酷的,一個手殘的我如何拯救一顆炫技的心~~

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

這一步就要讓字體變立體效果了,步驟如下圖所示,先復(fù)制一層文字,然后按ALT選中文字選區(qū),稍微往右上移動幾像素,然后刪掉多余部分,就得到文字的立體層,得到之后還需要添加一個漸變效果,建議漸變顏色和角度可根據(jù)具體實際文字結(jié)合效果來調(diào)。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

 

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

 

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

OK,將剛剛做好的立體層和文字層相結(jié)合,是不是就有了立體效果,這個時候我們需要在對文字層深入刻畫一下,添加暗部部分,方法和亮部的類似,用柔和的筆刷添加蒙版層在需要的部分畫上暗部,可以用正片疊底效果。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

再進(jìn)一步的刻畫,提高亮部,添加立體層的暗部(畫圈部分),再給立體層也疊加一層材質(zhì)。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

為主標(biāo)題添加陰影,副標(biāo)題添加斜面浮雕、漸變、和投影樣式效果,一步到位,真是省心省事。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

3、底層制作

到上一步,我們字體效果打造的差不多了,接下來感覺,咦?好像有點單薄啊,是不是應(yīng)該給一個酷一點的底層,使LOGO更加完整,更加炫酷。于是腦海里浮現(xiàn)出一種硝煙彌漫蒸汽復(fù)古機(jī)械風(fēng)格,于是想到就開始做,尋找自己想要的素材。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

根據(jù)字體外形用鋼筆工具勾出底層的外廓。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

 

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

給底層輪廓添加斜面浮雕、描邊、投影樣式。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

 

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

 

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

現(xiàn)在將我們剛制作好的底層和設(shè)計好的字體結(jié)合放在一起,然后底層疊加一層素材B,因為我找的原來素材并不是很高清,所以要想辦法在不影響清晰的情況下多復(fù)制幾層素材拼接,可以鋪滿底層,還是用疊加模式,之后注意用之前的方法來添加亮部。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

為底層制作一層外輪廓,方法:復(fù)制一層底層,不要填充,描邊大概6~7個像素,填充漸變色。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

底層外輪廓疊加一層素材,讓它看起來和元素中的邊框很接近,再放上素材A,是不是看起來結(jié)合的很自然,為了結(jié)合的更自然,可以給素材A添加一個蒙版,用畫筆將左右兩邊結(jié)合的部分稍微嚓一下,這樣合成的時候更自然哦。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

在一些拐角合適的地方加上素材C,注意素材C要加投影,這樣看起來才比較真實,然后再加上英文和數(shù)字,數(shù)字要添加一個內(nèi)陰影樣式,這樣看起來LOGO似乎比較完整了。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

4、深入修飾

到上一步,總感覺好你還想再完整一些,再深入一點,能不能再屌炸一點?說好的機(jī)械風(fēng),復(fù)古工業(yè)潮呢?于是繼續(xù)思考尋找合適的素材來豐富一下LOGO。于是又開始千辛萬苦的到處找素材。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

把拆分后的素材放到合適的位置,有的地方需要調(diào)整明暗調(diào)節(jié)一下,因為是在最底層所以略微暗一些,再給一個漸變色。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

給字體再添加一些細(xì)節(jié),立體結(jié)合的地方加一些光澤這樣看起來更細(xì)致,后面的蒸汽管道再壓暗一點。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

線的制作,先用鋼筆工具勾勒出線的輪廓,然后描邊畫筆,給線添加亮部和暗部,方法同之前的一樣,完成之后再添加一層紋理,注意接近底層的部分要壓得更暗一點。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

為做好的LOGO尋找一個合適的背景,將背景處理一下,調(diào)整明暗,透明度與LOGO相結(jié)合。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

 

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

再將背景四周壓暗、中間提亮、背景用濾鏡添加雜色看起來更有質(zhì)感。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

最后:可以下載一個煙霧筆刷為背景和LOGO結(jié)合更融洽,該虛化的部分虛化,再添加光源,和一小段英文提升檔次。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

附加整體潤色:最后可以跟之前的大神學(xué)的,添加顏色查找,可以調(diào)出不同的效果,選一款自己喜歡的。

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn

最終效果:

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

效果2:

游戲字,設(shè)計復(fù)古工業(yè)游戲LOGO字_www.theoat.com.cn
<點圖片看大圖>

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
陳欽順2016-10-27 12:25
我想問下超神之戰(zhàn)那四個字的具體制作過程可不可以說一下,看不懂啊,把最關(guān)鍵的一部省了

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!