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

ps設(shè)計藍色金屬效果字教程(5)

來源:shejipai 作者:pixel77 學(xué)習(xí):8197人次

今天的字體,電影迷同學(xué)都很熟悉了,廣泛存在各大科幻電影海報中,字體剛健有力,棱角分明,隱隱閃著藍光,過程對圖層樣式的理解很有幫助,趕緊練手走起吧!

好了,我們廢話少說,直奔主題吧。首先,我們來介紹一下創(chuàng)建圖形樣式和效果時的一些技巧。

不要受名稱誤導(dǎo)

當你打開Photoshop的圖層樣式面板,你會發(fā)現(xiàn)陰影、內(nèi)發(fā)光、內(nèi)陰影等效果名稱。不過,不要被這些名稱誤導(dǎo)了,并不像你眼睛所看到的那樣,這些效果其實擁有更加強大的功能。你可以使用投影為一個扁平的形狀創(chuàng)建出發(fā)光效果或3D立體效果。這僅僅是這些效果功能中很小的一部分。繼續(xù)往下看,你將會學(xué)到這些效果的全部功能。

所有效果100%可自定義

你完全可以自由調(diào)整曲線、色調(diào)、混合模式、顏色、強度、飽和度、透明度等效果的任意數(shù)值,這些數(shù)值沒有一項是隨機顯示的。你唯一需要的是耐心和對細節(jié)的關(guān)注。

默認效果就像噩夢

Photoshop提供的效果默認數(shù)值只是供你了解其作用的。千萬不要把這些默認數(shù)值當成理所應(yīng)當?shù)。設(shè)計師們只需找到每種效果的設(shè)置方法,你的作品肯定會脫穎而出。以后每次打開效果面板,都嘗試著尋找方法來改進你的設(shè)計。

記住以上這三點,并應(yīng)用到你的設(shè)計工作中,我相信這會是提高你Photoshop技能非常棒的方法。相信我,這種方法就像有一種魔力,我已經(jīng)做到了。

來看看我們今天要做的效果吧:

ps設(shè)計藍色金屬效果字教程

看起來很復(fù)雜,對嗎?就像我前面提到的,不要被這些效果所誤導(dǎo),看我下面的步驟,你就會了解其中的一切。開始吧~

素材打包 http://vdisk.weibo.com/s/sPguC5Vt_lq-3?sudaref=www.theoat.com.cn 

第一步:

我們先從最簡單的形狀入手,一開始就添加細節(jié)是毫無意義的。首先,創(chuàng)建最基本的形狀。如果在沒有添加任何效果時,你創(chuàng)建的形狀都很漂亮,那么這是一個非常好的開始。就像建筑一樣,需要有一個好的地基,這樣以后才不容易垮掉。

打開Photoshop,Ctrl+N新建畫布。選擇你需要的大小和分辨率。尺寸不要太小,這樣我們會看清細節(jié)。

ps設(shè)計藍色金屬效果字教程

第2步:

在這次設(shè)計中,我們想要創(chuàng)建一種星際爭霸文字的效果。首先下載并安裝StarCraft字體。我們將背景色填充為淺灰色來代替默認的白色,這樣不至于白色背景與文字對比過于強烈。

ps設(shè)計藍色金屬效果字教程

第3步:

為文字添加斜面和浮雕效果。默認的數(shù)值效果肯定不是我們想要的,我們需要更加強烈的效果,那樣會更有沖擊力。增大“大小”的數(shù)值,注意觀察字體的棱角是怎么變得清晰起來的。大小選擇20px左右比較合適。(字體大小不同,需要設(shè)置的數(shù)字也會不同,具體情況自己掌握。)我們需要銳利的邊緣和棱角,將“方法”設(shè)置為雕刻清晰即可。繼續(xù)調(diào)整陰影的角度和高度,這項數(shù)值會決定棱角邊緣的對比度。

ps設(shè)計藍色金屬效果字教程

所有數(shù)值調(diào)整后的效果:

ps設(shè)計藍色金屬效果字教程

第4步:

接下來我們會用到一種生銹的紋理。下載紋理素材,將其在Photoshop中打開,我們只需要鐵銹斑駁的紋理,而用不到顏色,因此執(zhí)行菜單圖像>調(diào)整>去色。我們繼續(xù)調(diào)整素材圖像的對比度。Ctrl+L打開色階命令,調(diào)整亮部與暗部以增強對比。

ps設(shè)計藍色金屬效果字教程

我們需要將紋理保存起來用在文字效果上。Ctrl+A全選,執(zhí)行菜單編輯>定義圖案,重命名圖案。

ps設(shè)計藍色金屬效果字教程

第5步:

是時候?qū)⒓y理應(yīng)用到我們的文字效果上了。雙擊圖層樣式,打開紋理疊加選項,選擇我們上一步定義好的鐵銹紋理。效果看上去過于強烈,將混合模式設(shè)置為“點光”,不透明度設(shè)置為20%。

ps設(shè)計藍色金屬效果字教程

第6步:

現(xiàn)在顏色只有黑色和白色,這一步我們來添加一些顏色。打開圖層樣式面板,進行顏色疊加。這里我們選擇的顏色為#5288a4,將不透明度設(shè)置為70%。

ps設(shè)計藍色金屬效果字教程

看一下整體效果。

ps設(shè)計藍色金屬效果字教程

這樣我們有了一個基本的色調(diào)。默認的斜面和浮雕中的陰影和高光仍然達不到我們想要的效果,我們來調(diào)整一下高光和陰影的顏色。將色值分別設(shè)置為#13fffc和#005780。

ps設(shè)計藍色金屬效果字教程

第7步:

現(xiàn)在整體看起來還是比較扁平,沒有非常強烈的立體感。我們需要再創(chuàng)建一層斜面和浮雕效果來增強這種感覺。選中文字層,Ctrl+J復(fù)制一層,刪掉復(fù)制層的圖層樣式效果。并將其填充度設(shè)置為0。

ps設(shè)計藍色金屬效果字教程

由于我們下一步要將顏色疊加的不透明度修改為100%,因此要將下面一層的圖案疊加效果拖動到復(fù)制的層上,不然顏色會遮蓋圖案的效果。

ps設(shè)計藍色金屬效果字教程

調(diào)整圖層樣式后的效果:

ps設(shè)計藍色金屬效果字教程

第8步:

將下面圖層的顏色疊加不透明度修改為100%。

ps設(shè)計藍色金屬效果字教程

第9步:

為上面的文字圖層添加斜面和浮雕的紋理。這樣會使紋理有略微凸起的效果。

ps設(shè)計藍色金屬效果字教程

然后調(diào)整斜面和浮雕。這樣使得文字的立體感更加突出。

ps設(shè)計藍色金屬效果字教程

第10步:

為了增加文字上下部分的明暗對比,我們?yōu)槠涮砑訚u變疊加,將混合模式設(shè)置為正片疊底。

ps設(shè)計藍色金屬效果字教程

此時的文字效果。

ps設(shè)計藍色金屬效果字教程

第11步:

選中最下面的文字圖層,為其添加投影效果。

ps設(shè)計藍色金屬效果字教程

這里我們使用等高線,使投影內(nèi)部暗一些,外部更加虛化,符合真實投影的樣式。

ps設(shè)計藍色金屬效果字教程

添加投影后的文字效果。

ps設(shè)計藍色金屬效果字教程

第12步:

到目前為止,我們只為文字添加了暗部,這一步來添加高光部分。

Ctrl+J將文字復(fù)制一層,去掉圖層樣式,并將填充度設(shè)置為0。

ps設(shè)計藍色金屬效果字教程

為文字添加漸變樣式。其中白色部分就是我們需要調(diào)亮的區(qū)域,注意此時的混合模式為顏色減淡。

ps設(shè)計藍色金屬效果字教程

添加高光后的效果。

ps設(shè)計藍色金屬效果字教程

第13步:

下面我們創(chuàng)建描邊,是文字的輪廓更加清晰。比較亮的輪廓可以區(qū)分文字與陰影,從而更加凸顯文字。我們選擇的顏色為#32c3ff。

ps設(shè)計藍色金屬效果字教程

第14步:

不要滿足與上一步的樣式,我們的文字還可以繼續(xù)優(yōu)化。來為文字添加一些內(nèi)部的發(fā)光效果試試,此處我們使用內(nèi)陰影來實現(xiàn)這種效果。記住,內(nèi)陰影并不是只能做陰影效果,我們還可以使用這個功能來模擬發(fā)光的效果?纯聪聢D是不是漂亮了很多。

ps設(shè)計藍色金屬效果字教程

第15步:

再稍微調(diào)整一下背景,我們的效果就做好了。Cheers!

ps設(shè)計藍色金屬效果字教程

精致字體教程推薦!

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

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

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