PS打造霓虹光線框文字效果

2021-02-20 photoshop入門PS教程

前言:

  要完全掌握Photoshop的濾鏡功能,的確是件漫長的過程。它像一個魔術百寶箱,千變萬化,而我們入門的那點簡單的濾鏡技巧,顯然不能滿足日常應用時突發的諸多複雜情況。

  在這個教程中,我們要學習的用Photoshop的幾個比較冷僻的濾鏡來打造一個時尚感的霓虹光感線框文字。所謂冷僻,也就是相比較不那麼常用,當然,除非你對濾鏡已經摸索得足夠透徹。

  而且,我們經過學習也會發現,將幾個特殊效果的濾鏡巧妙的結合一起使用,能渲染出出乎人意料的效果。

  一、創建文字

  在PS中新建一個文檔,文檔大小寬900px,高600px,解析度為72ppi。將白色背景填充為黑色。

  在畫布上新建一個文字圖層,寫上你的內容主體。我在此用的是一款叫做Vrinda Bold的字體,你也可以用其他的字體,但注意字間距的最佳比例,以及文字儘量選擇無襯線的字體。色彩選用白色。

  這時,選中文字層與背景層,使用快捷組合鍵「Ctrl+E」合併這兩個圖層。

  二、濾鏡-波紋

  進入【濾鏡>扭曲>波浪】,出現波浪濾鏡的屬性設置面板。在這個看似很複雜的操作面板上,其實並沒有看起來那麼神秘,我們只需要試著去調整其中的參數,就會在相應的預覽框中看到預覽效果。因此,我這裡所提供的參數值只適用於本案例的情況,僅供參考。

  在視覺效果上,我認為錯落有致,而又能辨認出文字本身為佳。根據你的理想造型,你可以利用濾鏡的變化做出各種變化方案。

  三、濾鏡-碎片

  接下來讓我們為文字繼續添加一些特殊效果,這時,我們會用到另一個叫做碎片的濾鏡。進入【濾鏡>像素化>碎片】。碎片濾鏡是一個不需要設置參數的濾鏡,它的效果直接而顯著。

  四、濾鏡-照亮邊緣

  一開始我們就說過要做線框文字效果,沒錯,這一步將會運用照亮邊緣濾鏡將文字轉化為線框。當然,你可以運用到其他的方法。

  進入【濾鏡>風格化>照亮邊緣】,在照亮邊緣的參數設置面板中,將邊緣寬度設置為1,邊緣亮度為6,平滑度為1。

  五、從背景分離文字

  又來到最初的主題,線框光感文字,在此我們已經做出了線框,如果沒有使用濾鏡,也許你會在AI折騰出線條,導出PNG格式的圖片,當然努力不會白費,這也讓你自豪地擁有了線框。但……現在用濾鏡的做法卻讓我失去了對線框的控制權。

  為了「擁有」線框,我們能想出什麼辦法來嗎?目的是讓線框文字與黑色背景分離。這裡,我的解決方式也許可供參考。

  依然選中這個圖層後,全選(Ctrl+A)這個圖層,再複製(Ctrl+C),這時,進入到通道面板,在通道面板裡點擊面板下方的新建新通道的圖標。這時,我們就建立了一個空白的Alpha通道。選中這一新的通道,粘貼(Ctrl+V)。

  通道的作用在此記錄了黑白顏色信息,因此你同時按住Ctrl鍵再用滑鼠單擊這一通道,這時,圖層上出現了螞蟻線,這一圖層的黑白信息就被分離開來。確保你選擇的是白色的線框文字的部分,如果不是,就採用反選的方式選中白色部分。

  回到圖層面板,我們可以看到我們的螞蟻線還在。繼續保持!新建一個圖層,將前景色設置為白色,然後在螞蟻線所選擇的區域裡填充白色。再將背景填充黑色。取消選區。

  六、霓虹光感文字

  實現光感效果,在曾經我寫過的《PS教程!手把手教你創建迷醉的多彩霓虹燈文字》、《PS教程!手把手教你創建閃亮迷濛的文字效果》中,已經詳解過製作光感效果的步驟。當然,這裡我們還將重複使用到類似的方法。

  為文字圖層增加漸變疊加的圖層樣式,給文字上色。圖層樣式面板中的參數可以參考如下:

  設置後的效果如下:

  這裡我教給大家一個讓圖層樣式與圖層完全融合的小技巧,例如在此我想要讓文字的疊加效果完全和文字圖層融合,這時在文字層下方新建一個圖層,然後同時選中文字層與下方的圖層,利用快捷組合鍵Ctrl+E合併兩個圖層即可。

  接下來,讓我們為文字增加光感效果。複製文字圖層。將複製層的圖層運用高斯模糊濾鏡,模糊半徑為5px。再將模糊層複製一層,圖層的混合模式改為疊加。然後在此基礎上再複製一層。

  文字的背景部分也應該相應增加一些光的投影效果。在此,我用文字拷貝圖層3複製後,將複製的圖層放置於文字下方,即背景層上方。將圖層混合模式改為正常。

  進入【濾鏡>模糊>高斯模糊】,模糊半徑設置為7px。

  這時顯然這個圖層還沒有發揮出作為投影的表現效果,再通過調整圖層的色相和飽和度,進入【圖像>調整>色相/飽和度】,只是稍微調整一下各種參數滑塊,讓整個效果往最終效果的方向去靠攏。點選「著色」一欄。微妙的調整就會讓最終效果更加出色。

  OK,我的教程到此為止,但潤色的過程還沒有結束,你還需要繼續增加一些個性化的元素組合。繼續娛樂吧!  後記

  不知你是否有用筆記錄下所用的濾鏡呢?沒有的話,那就對了。沒有經過自己動手操作之前,任何技巧都不值得記下來。

每天值得你關注

今日素材:冬季暴風雪效果PS筆刷,效果如下圖  http://pan.baidu.com/s/1miGuMQO

要參加直播課學習同學點閱讀全文加Q群

有生之年,如果學習成長路上你需要跟我勾搭也歡迎來騷擾@~@~@¥¥……*&拿走素材的親請點下下面的廣告,不要錢就幾KB流量,對我最大的支持

相關焦點

  • 【光線效果】PS CC模擬太陽光衝破雲層效果
    類似效果: ps給風景照片做耶穌聖光效果: http://www.16xx8.com/photoshop/jiaocheng
  • Ps教程之文字特效製作,教你打造時尚文字裂痕效果!
    一張圖片再怎麼完美,少了文字的搭配,就總感覺少了一些東西似的,當然不同的圖片,不同的環境,甚至不同的設計,需要使用的文字效果當然也是不一樣的,在以往的文章裡面,有很多的小夥伴留言,說關於裂痕的文字效果怎麼做,那麼接下來,我們就一起來學習一下,以下的方法是適用於很多種文字效果的哦~我們一起來看看效果圖吧,非常簡單。
  • 《PS軟體-工具系列》文字蒙版工具
    規則的畫出來的框,不規則放飛自我的框,框選區域大小可調節,選中之後可以複製選區內容出來 ...... 我們可以利用橫排文字蒙版工具製作一些好看並帶有效果的文字,對於不會使用其他排版軟體的小夥伴來講Photoshop的這個文字蒙版工具是非常不錯的。 例
  • PS與Ai結合製作閃動的霓虹燈字效果
    來源:美工隊長 ID:HFDSMG我們平時在做一些電商專題的時候經常需要用ps製作霓虹燈字的效果,來襯託氣氛,這裡就給大家分享一篇
  • PS教程:學習路徑文字的使用方法,製作逼真的印章效果
    文字由圈外移至圈內後,明顯變得擁擠了很多,在「字符」面板中,通過調節「字間距」至文字字間距離合適,如下圖所示。觀察文字,我們會發現頭尾的文字不在一個水平線上,左邊的文字偏高,我們需要給文字做一個調整。點擊「多邊形工具」,屬性欄中設置「填充」為紅色;「描邊」,無;「邊」設置為「5」,在畫布中繪製一個五角星,選擇「移動工具」,調整五角星的位置和大小,操作後效果如下圖所示 。6、好,我們再來製作五角星下面的文字。點擊「文字工具」,輸入文字「創意專用章」,打開「字符」面板,調整字間距,調整文字大小。
  • Ps教程-如何製作簡單的文字裂痕效果?我教你!
    一張圖片再怎麼完美,少了文字的搭配,就總感覺少了一些東西似的,當然不同的圖片,不同的環境,甚至不同的設計,需要使用的文字效果當然也是不一樣的。在以往的文章裡面,有很多的小夥伴留言,說關於裂痕的文字效果怎麼做,那麼接下來,我們就一起來學習一下,以下的方法是適用於很多種文字效果的哦。建議收藏!
  • Ps打造質感卡通漸變文字效果
    本文轉載自【微信公眾號:阿門教你PS,ID:meitian_PS】經微信公眾號授權轉載,如需轉載與原文作者聯繫What You'll Be Creating在本次教程中,我將向你展示如何在Adobe Photoshop繪製一個童話般的文體效果。
  • 講解ps合成光線和陰影的技巧
    陰影在照片合成中是特別重要的,只要有光就會有陰影,正確的處理好光線和陰影,你會發現你合成的圖片瞬間就提升一大檔次。這個教程將分享一些在合成中處理光線和陰影的技巧方法。首先介紹的是理論,幫助你了解光線和陰影如何作用,然後在教你具體如何處理實際應用中的陰影。
  • 【光效教程】PS製作雷射劍效果
    3、單擊選擇常用工具欄中的「矩形選框工具」,如下圖所示:  21、接下來進行文字處理,單擊選擇「直排文字工具」,字體可以選擇你自己想要的,本例採用「博洋行書7000」,設置字體大小為60,字體顏色為白色,如下圖所示:
  • 【PPT】燈管霓虹效果的字體在PPT中的創意設計
    城市繁華,霓虹閃爍,一片欣欣向榮。今天我們要在PPT中製作燈管霓虹效果的字體,設計一個創意的PPT作品。我們看一下作品,如下圖:這樣就可以得到這種四周壓暗的設計效果啦。我們還需要設計一個霓虹光效,放在中間,用來突出後面字體設計的光影效果。如下圖:
  • PS製作蝙蝠俠光效標誌
    水平翻轉、混合模式、圖層蒙版還有漸變效果。為蝙蝠四周添加光線效果,還是選擇鋼筆工具,畫一些放射效果的圖案,填充白色。然後可以把蝙蝠的顏色改為黑色。5 c/ M" n& ]6 s/ _: y0 R7 o& |& c: P/ T. j
  • PS打造清新的布藝文字特效~
    全年最低價格,優惠不等人,早買早便宜 點擊了解支持微信公眾號+小程序+APP+PC網站多平臺學習作者:SDC翻茄匠 來源:優設這款效果字製作非常有創意,文字主體部分都是布紋,邊緣都是縫紉線,看起來就像是縫製的;同時文字中間加入了一些其它顏色的布紋裝飾,文字效果就顯得很活潑。
  • PS倒影效果怎麼做,如何利用PS給產品製作倒影
    PS倒影效果怎麼做,如何利用PS給產品製作倒影:http://duoduoxuexi.com/a/psjc/psjq/2020/0807/386.html
  • 倒影效果,ps cc做水中倒影效果
    4,調出變形工具,按住變形框頂端的中心點向下拉,翻轉圖片5,翻轉後效果9,將兩個倒影層合併。這裡為何要多拷貝一個倒影層呢?14,command+L,調出色階命令,調整明暗的對比,如上圖所示效果就差不多,過黑的話後面圖層混合效果就會偏黑,水紋的紋理不自然(如果是黑夜的水紋倒影,暗場數值高點可能會比較合適,有興趣的同學不妨試試)
  • PS的基本工具及快捷鍵,零基礎小白必備筆記
    PS在我們日常工作中,應用到的領域相當的多,最常見的就是我們的電商行業了,甚至在找工作的時候,招聘信息上會有一句:能靈活運用ps者優先。可見,在網際網路時代,ps是一項加分項。因此,我特意為大家整理了ps基礎筆記,希望通過這些筆記,能夠幫助大家更好的了解整個ps的工具以及工具用途。
  • 讓人又愛又恨的霓虹色到底怎麼用?
    檸檬綠,或者說霓虹綠,在黑色的背景下所創造的效果非常醒目,它是為數不多可以讓整個設計鮮活起來,又不需要大幅調整的設計技巧。不要一次使用過多霓虹色!雖然一些明亮的霓虹色可以協調地組成配色方案,但是霓虹色並不適合這麼玩兒!大多數的霓虹色在飽和度上非常接近,在屏幕上看起來會很接近,當它們組合到一起的時候,對比度和可讀性會大打折扣的。
  • PS教程/逼真光線筆刷
    步驟3 要為光線添加更多細節,您將在此步驟中對其進行銳化。要創建更明顯的效果,請按鍵盤上的Alt-Ctrl-F組合鍵。
  • PS中陰影的打造
    下面我們來講一下光線的處理技巧。 4、投射光線光效製作在合成中特別重要,能大大提升合成的真實感.下面介紹一下下圖中這種光效的製作方法。簡單的方式我們利用圖層樣式就能製作這種光線,添加一些內陰影,然後改變一下混合模式就可以(注意這裡的內陰影是圖層樣式的名稱,不要被名字給局限了你的思維,其實內陰影是可以改變顏色的,它就不僅僅是可以做內陰影了,巧妙的利用它可以製作很多有趣的效果,比如UI設計中經常利用白色的內陰影來做高光等等)。
  • 揚州江都攜手光線傳媒打造光線中國電影世界
    12月19號上午,光線中國電影世界展示中心公開暨《揚州市影視協拍服務指南》發布活動在揚州市江都區舉行。當日,光線中國電影世界展示中心正式對外開放。     由光線傳媒和揚州市江都區人民政府合作開發的光線中國電影世界,地處江都空港新城核心區,佔地約4000畝,總投資164億元。
  • ps兩幅照片合併成一幅特別的肖像照效果
    讓我們為大家講述如何模擬多次曝光的效果將兩幅照片合併成一幅特別的肖像照。