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

ps發(fā)光霓虹字教程(9)

來源:百度貼吧 作者:_projava_ 學(xué)習(xí):10367人次

首先要感謝狂熱香蕉大力支持,這張海報是他提供的。開始我也不知道這張海報是什么意思,百度之后才知道是James White風(fēng)格懷舊海報,我很納悶這跟一個籃球運(yùn)動員又有什么關(guān)系?

不過我覺得這個風(fēng)格很像一部電影,就是《創(chuàng)戰(zhàn)紀(jì)》,這是一部非常不錯的電影,其中那個拖著光帶的摩托車格斗的場面讓我印象深刻,非常經(jīng)典的鏡頭。我是個科幻電影迷,好萊塢的科幻大片我一部都沒有落下。鑒于上幾期的風(fēng)格沒有多大的變化,所以這張海報我也是挺喜歡的。不過我認(rèn)為香蕉的這張圖背景有點單調(diào),我在百度上找了這種風(fēng)格的一系列圖片,綜合了其中幾張圖的背景。

最后就是這張我山寨后的圖:

Photoshop設(shè)計絢麗的霓虹字教程

這個就是香蕉提供的原圖:

Photoshop設(shè)計絢麗的霓虹字教程

不過香蕉要求我把圖中的數(shù)字“九”改成下面的LOGO。這個LOGO中帶有F和B英文首字母,據(jù)說是香蕉自己的象征,意思是fabulosity Banana,人才啊。

Photoshop設(shè)計絢麗的霓虹字教程

還有就是我百度了幾張同類型的海報,借鑒了其中幾張的背景

Photoshop設(shè)計絢麗的霓虹字教程

 

下面開始我的山寨過程:

新建一個1600X1200,72分辨率,黑色背景色的新畫布,順便粘貼進(jìn)一張沙丘圖片

Photoshop設(shè)計絢麗的霓虹字教程

把山峰圖放大,選了其中的一部分,水平方向我稍微做點變動,讓左右山峰對稱一點~

Photoshop設(shè)計絢麗的霓虹字教程

還找了一張云層的圖片,天空有點云朵更符合我的審美觀~

Photoshop設(shè)計絢麗的霓虹字教程

放大云層,疊加在沙丘上,再加一個蒙版涂掉云層下面的地平線~

Photoshop設(shè)計絢麗的霓虹字教程

把沙丘的透明度調(diào)至10%~

Photoshop設(shè)計絢麗的霓虹字教程

在最上面添加一個純色調(diào)整層,圖層混合模式設(shè)為“顏色”,好像太亮了,把透明度調(diào)至60%

Photoshop設(shè)計絢麗的霓虹字教程

再加一個曲線調(diào)整層,用蒙版讓四周暗下來,云層中間的亮度包不變~

Photoshop設(shè)計絢麗的霓虹字教程

我在考慮是不是也加一個閃電~

Photoshop設(shè)計絢麗的霓虹字教程

后來覺得還是先放放,到收尾階段再做這個閃電。把閃電隱藏掉,粘貼入香蕉提供的LOGO,布置四條參考線來界定原圖中LOGO的大小和位置~

Photoshop設(shè)計絢麗的霓虹字教程

 

我不建議立刻對這個logo進(jìn)行拉伸調(diào)整到參考線的位置,這樣logo的圓角都會變形扭曲,最合理的方法按原本的比例做出矢量形狀后調(diào)整錨點。

用一個圓角半徑為85像素的圓角矩形畫B的上半部分,減低一點透明度方便看到底下的原圖~

Photoshop設(shè)計絢麗的霓虹字教程

按A點擊這個圓角矩形,CTRL+ALT+T復(fù)制后移動到下邊,要點就是兩個圓角矩形有重合的部分~

Photoshop設(shè)計絢麗的霓虹字教程

點擊“組合”按鈕合并這兩個圓角矩形~

Photoshop設(shè)計絢麗的霓虹字教程

選擇鋼筆中的“刪除錨點工具”,把左邊中間形成凹陷的三個錨點刪除~

Photoshop設(shè)計絢麗的霓虹字教程

用參考線標(biāo)出LOGO~

Photoshop設(shè)計絢麗的霓虹字教程

用鋼筆工具利用“減去”模式畫出logo的空心部分~

Photoshop設(shè)計絢麗的霓虹字教程

合并這個LOGO~

Photoshop設(shè)計絢麗的霓虹字教程

按A點擊這個形狀,按比例放大,使其先滿足其高度能符合參考線位置~

Photoshop設(shè)計絢麗的霓虹字教程

選擇“直接選擇工具”,框住右邊的錨點~

Photoshop設(shè)計絢麗的霓虹字教程

按住shift,把鼠標(biāo)指針移到錨點或線段中間,摁住左鍵往右移動到參考線位置,確定位置后松開左鍵~

Photoshop設(shè)計絢麗的霓虹字教程

下面是logo外發(fā)光的效果,原圖的外發(fā)光似乎還帶有一些圖案,所以在圖層樣式里不可能完全實現(xiàn)這個效果,為什么我用投影而不是直接用外發(fā)光

是有我的原因的,我認(rèn)為陰影的編輯更可控一點~

Photoshop設(shè)計絢麗的霓虹字教程

 

點擊“圖層-圖層樣式-創(chuàng)建圖層”,把這個外發(fā)光效果分離出來單獨(dú)成為一個層~

Photoshop設(shè)計絢麗的霓虹字教程

再次雙擊那個形狀圖層進(jìn)入圖層樣式,給它加一個非常復(fù)雜的漸變描邊。細(xì)致調(diào)整各個不透明度色標(biāo)的位置。

PS:漸變預(yù)設(shè)里有點點亂,可能是我兒子弄亂的~

Photoshop設(shè)計絢麗的霓虹字教程

創(chuàng)建一個剪貼蒙版層,用畫筆上色,有人會認(rèn)為還是用漸變好,想法是不錯,不過這個logo的形狀限制了漸變的發(fā)揮,所以還是直接用畫筆好~

Photoshop設(shè)計絢麗的霓虹字教程

在圖層頂端新建一層,按D恢復(fù)前景色和背景色,填充顏色(黑色白色都一樣),執(zhí)行“濾鏡-素描-半調(diào)圖案”~

Photoshop設(shè)計絢麗的霓虹字教程

CTRL+ALT+G剪貼蒙版,把圖層混合模式改為“疊加”,透明度改為11%~

Photoshop設(shè)計絢麗的霓虹字教程

按住ALT移動復(fù)制這個半調(diào)圖案層到“外發(fā)光”層上,CTRL+ALT+G剪貼蒙版,那透明度再降低一點,再加一些高斯模糊,

讓外發(fā)光里能隱隱約約看到一點棋盤格圖案~

Photoshop設(shè)計絢麗的霓虹字教程

在頂上新建一層,把圖層混合模式改為“強(qiáng)光”,用藍(lán)色和白色畫筆更替畫一個炫光,右下角的那個你完全可以用套索工具

選擇后按ALT移動復(fù)制下來~

Photoshop設(shè)計絢麗的霓虹字教程

在“炫光”層下面新建一層。CTRL+ALT+G剪貼蒙版,用白色畫筆畫一點logo左上角的高光~

Photoshop設(shè)計絢麗的霓虹字教程

用“減淡”工具把圈中的角落加亮一點~

Photoshop設(shè)計絢麗的霓虹字教程

在圖層頂端新建一層,按D恢復(fù)前景色和背景色,填充顏色,執(zhí)行“濾鏡-素描-半調(diào)圖案”,這次選擇“直線”模式,

對比度的調(diào)到0的作用是我想讓這些直線的邊緣柔和一點~

Photoshop設(shè)計絢麗的霓虹字教程

把這個“直線半調(diào)圖案”的混合模式層設(shè)為“線性減淡(添加)”。按ALT添加圖層蒙版,這也是一個快捷鍵結(jié)合鼠標(biāo)的使用,讓蒙版隱藏全部。

新建一層,用大小硬度適中的白色畫筆點一下,CTRL+T變換一下,這里我要做一個閃光的范圍~

Photoshop設(shè)計絢麗的霓虹字教程

隱藏掉這個閃光層,按CTRL+鼠標(biāo)左鍵復(fù)制選區(qū),移動選區(qū)到右下角炫光處,點擊“直線半調(diào)圖案”的蒙版,填充55%的灰色~

Photoshop設(shè)計絢麗的霓虹字教程

 

再次移動選區(qū)到左上角的炫光處,這個閃光要稍微亮點,填充80%左右的灰色~

Photoshop設(shè)計絢麗的霓虹字教程

為了強(qiáng)化這個高光效果,我添加了一個鏡頭光暈,按ALT復(fù)制圖層7的蒙版,讓光暈看起來是在logo的背后,減低透明度是不想讓這個光暈喧賓奪主~

Photoshop設(shè)計絢麗的霓虹字教程

新建一層,用畫筆在B字母中間和下邊畫兩個圓,添加一些簡單的圖層樣式~

Photoshop設(shè)計絢麗的霓虹字教程

LOGO到這里完成得差不多了,接下去做logo下面的網(wǎng)格。新建一層,填充黑色。打開編輯中的“首選項”,把網(wǎng)格的尺寸設(shè)大一點,

按CTRL+’開啟網(wǎng)格,裁圖后粘貼在云層上面,本來想認(rèn)真畫一個網(wǎng)格的,嫌麻煩就偷懶了,效果也很好~

Photoshop設(shè)計絢麗的霓虹字教程

用矩形選框選擇網(wǎng)格部分,CTRL+J復(fù)制后刪除粘貼層,把復(fù)制的網(wǎng)格層的圖層混合模式設(shè)為“顏色減淡(添加)”,透明度減至20%,然后旋轉(zhuǎn)90度~

Photoshop設(shè)計絢麗的霓虹字教程

CTRL+T,調(diào)整錨點成梯形~

Photoshop設(shè)計絢麗的霓虹字教程

添加蒙版,讓遠(yuǎn)處融入背景~

Photoshop設(shè)計絢麗的霓虹字教程

新建一個1000X1000黑色背景的新畫布,用白色矩形形狀畫一條很窄很窄的長條~

Photoshop設(shè)計絢麗的霓虹字教程

按A選擇這個長條,CTRL+ALT+T復(fù)制移動一點點距離~

Photoshop設(shè)計絢麗的霓虹字教程

狂按CTRL+SHIFT+ALT+T,多復(fù)制幾條,超出畫布無所謂~

Photoshop設(shè)計絢麗的霓虹字教程

按A框住全部長條,CTRL+T,在“水平斜切”里輸入30度~

Photoshop設(shè)計絢麗的霓虹字教程

不要取消選擇,CTRL+ALT+T水平翻轉(zhuǎn)復(fù)制~

Photoshop設(shè)計絢麗的霓虹字教程

單獨(dú)選擇一條長條,CTRL+ALT+T,在角度里輸入 -120 度,恢復(fù)水平狀態(tài)~

Photoshop設(shè)計絢麗的霓虹字教程

把它移到交叉處~

Photoshop設(shè)計絢麗的霓虹字教程

CTRL+ALT+T,移動復(fù)制到下一個交叉點~

Photoshop設(shè)計絢麗的霓虹字教程

 

狂按CTRL+SHIFT+ALT+T,直到布滿整個畫布~

Photoshop設(shè)計絢麗的霓虹字教程

把這個形狀層復(fù)制到海報中~

Photoshop設(shè)計絢麗的霓虹字教程

形狀有點不對勁,貌似太長了,應(yīng)該扁一點才對,我再弄一個,過程省略了,反正方法一樣~

Photoshop設(shè)計絢麗的霓虹字教程

這次差不多了~

Photoshop設(shè)計絢麗的霓虹字教程

降低透明度,添加一個蒙版,把邊緣處理得漂亮自然點~

Photoshop設(shè)計絢麗的霓虹字教程

新建一個白色的矩形形狀~

Photoshop設(shè)計絢麗的霓虹字教程

CTRL+ALT+T移動復(fù)制三條,稍微調(diào)整一下其中幾條的寬度和距離,有點變化總是好的,否則也太過于單調(diào)~

Photoshop設(shè)計絢麗的霓虹字教程

再復(fù)制兩條,弄成虛線的形狀~

Photoshop設(shè)計絢麗的霓虹字教程

CTRL+ALT+T移動復(fù)制后,CTRL+SHIFT+ALT+T復(fù)制排列成型~

Photoshop設(shè)計絢麗的霓虹字教程

變形一下,放在左下角~

Photoshop設(shè)計絢麗的霓虹字教程

加點外發(fā)光和漸變圖層樣式~

Photoshop設(shè)計絢麗的霓虹字教程

在這個層的下面新建一層,用鋼筆描個選區(qū),然后用畫筆隨意的畫個路面,再在LOGO中間放一行字?吹那宄䥺? 是photoshop bar~

Photoshop設(shè)計絢麗的霓虹字教程

最后在原圖的位置放一個我自己的LOGO,這也算是福利吧!開始的那個閃電我再三考慮還是不要了,有點畫蛇添足的感覺,

最后終于大功告成

Photoshop設(shè)計絢麗的霓虹字教程

 

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

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

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

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