如何用PS打造酷炫的霓虹點撥文字效果

文章分類:設計資訊-平面教程 發布時間:2015-08-03

這個教程將詳細地教你如何制作超酷炫的帶電字體。霓虹效果結合文字、電波以及星光,繽紛色彩用在這里非???,光線也能有效地抓住人的眼球。希望大家舉一反三,也來設計中文字體的帶電效果。

在教程開始之前,先來欣賞下最終效果:

如何用PS打造酷炫的霓虹點撥文字效果

第一步,新建文檔

新建一個1600px×1200px的文檔,背景色設置為黑色。

如何用PS打造酷炫的霓虹點撥文字效果

第二步 增加文字

添加Prisma字體,,設置字體大小為500pt(小編備注:分辨率72的情況下450pt差不多),白色。因為我們下面要給文字圖層應用一些圖層樣式,所以文字顏色在這一步沒什么影響。

在應用圖層樣式前我們需要把文字圖層的填充設置為0%。由于我們接下來要應用兩種不同的圖層樣式,所以把文字圖層先復制一份。

注意:文字圖層是我們這個設計的基礎,所以給它命名base_text,接下來在教程中都以此代替。
把文字置于文檔的中心處,跟背景圖層水平,垂直居中對齊。

如何用PS打造酷炫的霓虹點撥文字效果

第三步 添加圖層樣式

先給第一個文字圖層(下面的這個)添加以下的圖層樣式。

漸變疊加

首先應用漸變疊加,顏色從深藍到黃色,中間用紅色過渡,可參考下圖。

如何用PS打造酷炫的霓虹點撥文字效果

漸變顏色從左到右依次是藍色(#0A00B2),紅色(#FF0000)和黃色(#FFFC00)。

如何用PS打造酷炫的霓虹點撥文字效果

內發光

現在應用白色的內發光

如何用PS打造酷炫的霓虹點撥文字效果

上面的兩個圖層樣式應用完之后,文字看起來應該是這樣的。

如何用PS打造酷炫的霓虹點撥文字效果

現在輪到第二個文字圖層(上方這個),將圖層填充改為0%,應用內發光,設置跟剛才的一樣。

如何用PS打造酷炫的霓虹點撥文字效果

第四步 給文字制作波動效果

我們的基本的文字已經準備好了,接下來將要添加一些波動效果。為此我們給復制后的圖層應用波浪濾鏡,選擇濾鏡→扭曲→波紋,數量 = 100%,大小 = 大,點擊ok應用。

如何用PS打造酷炫的霓虹點撥文字效果

應用濾鏡后我們得到了波紋效果的文字。

如何用PS打造酷炫的霓虹點撥文字效果

這是目前為止我們獲得的效果:

如何用PS打造酷炫的霓虹點撥文字效果

第五步:制作光電波

下一步,我們來制作光電波效果。使用矩形工具(U)在文字下方繪制一個細長的矩形,寬度跟文字上單獨一根線條的寬差不多,長度比文字長些,這是要讓波浪看起來有種環繞著文字穿梭的感覺。

如何用PS打造酷炫的霓虹點撥文字效果

給矩形應用內發光((小編備注:先將填充改為0%),設置還是跟之前一樣,但為矩形的寬調整下發光大小,我們使用大小 = 8,你也可以按自己偏好設置。

如何用PS打造酷炫的霓虹點撥文字效果

應用完內發光樣式后,矩形將如下圖所示:

如何用PS打造酷炫的霓虹點撥文字效果

現在我們的矩形已經準備好變身波浪了,我們將使用波浪濾鏡,選擇濾鏡→扭曲→波浪,設置如下。

如何用PS打造酷炫的霓虹點撥文字效果

你可以看到,基本的光波已經制作好了。

如何用PS打造酷炫的霓虹點撥文字效果

接著依樣畫葫蘆制作4-5條波浪,來些明亮或柔和的顏色,讓霓虹看起來像彩色的波浪一樣。

如何用PS打造酷炫的霓虹點撥文字效果

我們用RGB顏色:青,品紅,綠,和黃色又制作了不同顏色的波浪。顏色信息你可以參考下圖,你也可以按照自己喜好來選色。

如何用PS打造酷炫的霓虹點撥文字效果

波浪完成后,將它們所在圖層進行編組,全選波浪圖層,選擇圖層→圖層編組(Ctrl + G)。組合后的圖層重命名下,方便識別。

現在我們也要對波浪應用下波紋效果。右鍵單擊選擇復制組,對波浪組進行復制,然后選擇圖層→合并組(Ctrl + E)。

對這個新的圖層應用波紋效果,選擇濾鏡→扭曲→波紋,設置跟之前一樣,數量=100%,大小 = 大,點擊ok應用。

如何用PS打造酷炫的霓虹點撥文字效果

這是到目前為止我們已經獲得的效果。

如何用PS打造酷炫的霓虹點撥文字效果

接下來復制波紋化后的圖層,應用一些模糊來給波浪營造發光效果,選擇濾鏡→模糊→高斯模糊,半徑設置為10px,然后點擊ok應用。

如何用PS打造酷炫的霓虹點撥文字效果

應用完模糊后,波浪看起來就像這樣…

如何用PS打造酷炫的霓虹點撥文字效果

現在是時候給文字也來點發光效果了。復制波紋化后的文字圖層,就是那個應用了波紋扭曲濾鏡的,將它移動到頂部然后應用高斯模糊,半徑設置為10px。我們需要降低基礎文字的亮度,因此再給圖層添加一些藍色或青色的光。選擇圖像→調整→色相/飽和度,勾選右下角著色選框,移動滑塊選擇柔和點的青色,點擊ok應用。

如何用PS打造酷炫的霓虹點撥文字效果

然后我們的文字會看起來像這樣(小編備注:此時將該圖層填充改為100%,不然看不到效果)。你可以看到漸變色的亮度已經被最小化了。

如何用PS打造酷炫的霓虹點撥文字效果

第六步 制作網格

下一步,我們將通過增加一個透視的網格給整個作品營造出復古的效果。因此,我們將用到網格筆刷50 Deadly Tron Grids—Arcnerva。

下載解壓后將筆刷復制到筆刷文件夾。然后在PS中選擇筆刷工具(B),設置前景色為RGB青色,到筆刷工具的選項里加載這個網格筆刷。

現在從網格筆刷中選擇名字叫grid 10的那個,創建一個新的圖層,沿著圖像的底部繪制一張網格,如下圖所示。

如何用PS打造酷炫的霓虹點撥文字效果

接下來我們需要重新設置網格的大小,讓它和文字的寬度相匹配,選擇編輯→變形→縮放(Ctrl + T)進行調整,大小如下圖所示。

如何用PS打造酷炫的霓虹點撥文字效果

然后添加蒙版,用柔軟的圓形筆刷,200px,硬度0%,文字后面的網格擦除(小編備注:可結合矩形選框工具來遮)。

如何用PS打造酷炫的霓虹點撥文字效果

復制網格圖層,然后應用模糊濾鏡,用高斯模糊給網格增加發光的效果。

如何用PS打造酷炫的霓虹點撥文字效果

第七步 制作倒影

下一步我們將在透視網格上給文字做一層漂亮微妙的倒影。復制base_text圖層,將復制后的圖層移動至圖層頂部,選擇編輯→變形→垂直翻轉對圖層進行翻轉,然后往下拖拽直到頂部跟原來文字的底部接合。

如何用PS打造酷炫的霓虹點撥文字效果

接著我們要來調整倒影的透視來匹配網格。為此我們需要對倒影文字做變形,選擇編輯→變形→伸縮(Ctrl + T),如下圖所示。

提示:通過變形制作/改變透視

按了Ctrl + T后,不用右鍵選擇透視,可直接按住ctrl鍵不放拖拽圖層的四個角來調整透視。

如何用PS打造酷炫的霓虹點撥文字效果

調整透視后,倒影將如下圖所示。

如何用PS打造酷炫的霓虹點撥文字效果

現在我們的倒影雖然是扁平的,但還不夠好,因此我們需要微調下。給這個圖層添加一個蒙版,右鍵選擇添加圖層蒙版。選中蒙版后,選擇漸變工具,用默認的黑白漸變,如果默認不是這個,就按D改為默認。

在蒙版中繪制一個從底部到頂部的線性漸變,如圖所示。

如何用PS打造酷炫的霓虹點撥文字效果

改變倒影圖層的混合模式為顏色減淡,效果如下圖所示。

如何用PS打造酷炫的霓虹點撥文字效果

第八步 給文字添加波點

新建一個圖層,選擇柔軟的圓形筆刷,白色,直徑50px,硬度0%,在文字上隨機繪制一些波點。

如何用PS打造酷炫的霓虹點撥文字效果

將圖層混合模式改為疊加。

如何用PS打造酷炫的霓虹點撥文字效果

再新建一個圖層,改變筆刷直徑為100-150px,然后在文字跟網格相交處繪制一條柔白的區域。

如何用PS打造酷炫的霓虹點撥文字效果

將圖層混合模式改為疊加,圖層透明度設置為50%。

如何用PS打造酷炫的霓虹點撥文字效果

第九步 點睛

我們的教程接近尾聲了,效果已經做完了,最后的點睛之筆,是要給整個效果增加一些空間感。為此我們將使用一張星云的圖片,你也可以使用你自己喜歡的星云圖片。

如何用PS打造酷炫的霓虹點撥文字效果

打開星云圖片 ,復制粘貼到當前的文檔中,為圖片新建一個圖層,調整圖片的大小。由于我們希望顏色能夠統一,因此要對圖片去色,再重新著上柔和柔和的青色。選擇圖像→調整→去色(Ctrl + shift + U)然后選擇圖像→調整→色相/飽和度,勾選右下角的著色選框,選擇柔和的青色,點擊ok??蓞⒖枷聢D的設置。

如何用PS打造酷炫的霓虹點撥文字效果

同樣的,我們需要擦除文字和網格下方的星云。所以給圖層新建一個蒙版,使用柔軟的筆刷直徑200px,硬度0%,將云圖底部的區域遮蓋住。

如何用PS打造酷炫的霓虹點撥文字效果

現在圖層挪到底部,僅次于背景圖層,改變圖層混合模式為屏幕模式,透明度設置為50%。
大功告成!這就是最終的效果,請順便檢查下圖層是否整齊有序堆放。

終于我們有了最終的作品——五彩繽紛的電波文字。我有必要提一下,為了得到最終完美精準的效果,請自由地使用濾鏡,選擇文字,應用圖層樣式,以及在使用濾鏡的時候嘗試不同的設置。Over!

如何用PS打造酷炫的霓虹點撥文字效果

世界500強選擇我們的理由

展覽設計搭建服務熱線:400-6179-888
  • 官方搭建商

    五屆進博會搭建商;第一屆進博會搭建項目與搭建面積居行業首位

  • 40萬+

    海內外項目搭建面積超過40萬平,場館100余座,搭建項目數與面積總量在展覽設計搭建領域一騎絕塵

  • 106個國家

    服務網絡覆蓋全球106個國家,602個城市,與亞洲,歐洲,北美等200余家主辦場館達成長期戰略合作關系

  • 100位+

    擁有100位業界設計師, 服務超過70%的世界五百強及400余家政府機構,榮獲設計類獎項60余

  • 一站服務

    一站式展臺設計策劃運營,多角度為展會營銷賦能,打通全產業鏈,提供一站式設計搭建服務體驗

上一頁 如何用PS制作復古典雅的字母積木效果 下一頁 如何用PS快速打造有著強烈質感的光感字體
一级做a爰片久久毛片毛片