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

ps制作《黑色洛城》游戲封面中的霓虹(7)

來(lái)源:未知 作者:graphicspy 學(xué)習(xí):917人次

幾個(gè)月前,我開(kāi)始在舊金山看到的一些《黑色洛城》游戲海報(bào),這些舊式霓虹燈的效果真的很酷,我知道我做過(guò)以前教程是關(guān)于類似效果的,但我想在photoshop中在做一次
      因此,在本教程中,我將教你如何實(shí)現(xiàn)類似《黑色洛城》游戲封面中的文字效果,整個(gè)過(guò)程大約一到一個(gè)半小時(shí),他真的很不容易,但結(jié)果是很酷的

效果圖:

我做的最終效果圖:

第1步
首先要做的事情是創(chuàng)建文本,這一部分我用Illustrator來(lái)做,因?yàn)檫@樣會(huì)容易。我用的是Arial Black字體,但是我改變了 B .D和 O  字母,使他們不那么圓潤(rùn)

第2步
使用圓角矩形工具制作霓虹燈,下圖供以參考:

第3步
       然后像下圖一樣,讓條紋和字母融合一體

第4步
       打開(kāi)photoshop,創(chuàng)建一個(gè)新文檔,2560x1440px,用黑色填充背景,然后把在illustrator中做的工作,拷貝到photoshop中來(lái),我使用黃色(#f0af17的)

第5步
       打開(kāi)圖層樣式,選擇內(nèi)發(fā)光,混合模式為顏色減淡,不透明度60%,20%阻塞,大小為60px

第6步
       選擇內(nèi)陰影,使用黑色,混合模式為線性加深,不透明度40%,角度45,距離10px,阻塞5%,大小5px

第7步
       下面我們加入些紋理,讓效果更現(xiàn)實(shí),

第8步
       改變紋理的混合模式為疊加,不透明度30%

第9步
       復(fù)制文本,并填充文字為黑色,之后向上像左兩個(gè)像素,開(kāi)始復(fù)制并移動(dòng)文字,重復(fù)幾次,形成3維立體效果,之后選擇你實(shí)現(xiàn)此效果的所有圖層,將他們合并

選擇合并后的該層,去圖層樣式,選擇描邊,大小14px ,不透明度40%,顏色(#b47200)

第10步
       將illustrator中的霓虹燈對(duì)象復(fù)制粘貼到photoshop中來(lái)

第11步
       選擇陰影,顏色為黑色,混合模式為顏色加深,其他設(shè)置如下圖所

第12步
       選擇內(nèi)陰影,混合模式為正片疊底,顏色為 #865200,其他設(shè)置如下圖所示,注意等高線換為我下面的圖

第13步
       選擇外發(fā)光,混合模式為顏色簡(jiǎn)單,不透明度50%,顏色為白色,其他設(shè)置如下圖所示

第14步
       選擇內(nèi)發(fā)光,混合模式為顏色減淡,不透明度為100%,源為居中,其他設(shè)置如下圖所示

第15步
       霓虹燈很不錯(cuò),但現(xiàn)在還需要一些高光,做到這一點(diǎn)是非常簡(jiǎn)單的。在圖層面板中創(chuàng)建一個(gè)文件夾,改變其混合模式為顏色減淡,添加一個(gè)新層在文件夾內(nèi),

然后使用一個(gè)白色柔軟的畫(huà)筆在一些你想添加高光的地方繪畫(huà)。下圖你可以看到這樣的效果

第16步
       現(xiàn)在,同樣的,給文字添加寫(xiě)暗斑,因此,添加一個(gè)文件夾,改變混合模式為線性加深,不透明度為80%,在文件夾內(nèi)添加一個(gè)圖層,用黑色柔軟畫(huà)筆

給一些區(qū)域圖黑,下圖以供參考

第17步
       蓋印可見(jiàn)圖層,將蓋印圖層高斯模糊,半徑為6px

結(jié)論
      改變混合模式為濾色,然后用橡皮擦擦除大部分區(qū)域,只留下高光部分模糊效果,正如你所見(jiàn)到的,效果很簡(jiǎn)單,主要是基于一些圖層樣式和混合模式,

但這在未來(lái)的項(xiàng)目中很有用,尤其是圖標(biāo)的制作

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

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

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

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