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

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

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

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

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

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

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

這個(gè)就是香蕉提供的原圖:

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

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

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

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

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

 

下面開始我的山寨過程:

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

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

把山峰圖放大,選了其中的一部分,水平方向我稍微做點(diǎn)變動(dòng),讓左右山峰對(duì)稱一點(diǎn)~

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

還找了一張?jiān)茖拥膱D片,天空有點(diǎn)云朵更符合我的審美觀~

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

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

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

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

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

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

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

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

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

我在考慮是不是也加一個(gè)閃電~

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

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

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

 

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

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

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

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

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

點(diǎn)擊“組合”按鈕合并這兩個(gè)圓角矩形~

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

選擇鋼筆中的“刪除錨點(diǎn)工具”,把左邊中間形成凹陷的三個(gè)錨點(diǎn)刪除~

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

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

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

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

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

合并這個(gè)LOGO~

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

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

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

選擇“直接選擇工具”,框住右邊的錨點(diǎn)~

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

用“減淡”工具把圈中的角落加亮一點(diǎn)~

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

新建一個(gè)1000X1000黑色背景的新畫布,用白色矩形形狀畫一條很窄很窄的長(zhǎng)條~

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

按A選擇這個(gè)長(zhǎng)條,CTRL+ALT+T復(fù)制移動(dòng)一點(diǎn)點(diǎn)距離~

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

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

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

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

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

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

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

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

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

把它移到交叉處~

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

CTRL+ALT+T,移動(dòng)復(fù)制到下一個(gè)交叉點(diǎn)~

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

 

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

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

把這個(gè)形狀層復(fù)制到海報(bào)中~

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

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

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

這次差不多了~

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

降低透明度,添加一個(gè)蒙版,把邊緣處理得漂亮自然點(diǎn)~

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

新建一個(gè)白色的矩形形狀~

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

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

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

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

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

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

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

變形一下,放在左下角~

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

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

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

在這個(gè)層的下面新建一層,用鋼筆描個(gè)選區(qū),然后用畫筆隨意的畫個(gè)路面,再在LOGO中間放一行字。看的清楚嗎? 是photoshop bar~

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

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

最后終于大功告成

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

 

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

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

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

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