1. <dd id="wcni4"></dd>
    2. <tbody id="wcni4"><pre id="wcni4"></pre></tbody>

      <progress id="wcni4"><pre id="wcni4"></pre></progress>
      <dd id="wcni4"></dd>
      <button id="wcni4"><tr id="wcni4"></tr></button>

      <dd id="wcni4"><center id="wcni4"></center></dd>
      <dd id="wcni4"></dd>
      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字霓虹燈文字,photoshop,PS教程,字體,,教程

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字-photoshop教程

      霓虹燈文字,photoshop,PS教程,字體,,教程

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第1張

      編者按:周末最佳練手教學!今天@飛屋睿UIdesign同學帶來的是曾經風靡一時的霓虹效果文字,教學界面全中文,素材已打包微盤,文末有源文件下載,包你即學即會!

      前言

      @飛屋睿UIdesign:剛開始學設計時,師傅對我說,你要練就爐火純青的地步,那就是看到任何廣告圖都能馬上知道在PS里如何實現。這不是技術分析,慢慢它會變成設計師的一種本能,好像嗅覺一樣。于是,我常常在逛街的時候留意各種海報,各種圖形。的確,在設計這條路上,和軟件相處融洽,自己的創意才能發揮得更完全。

      好了,說完技術含量的表達,我依然堅持己見,那就是技術永遠不可能排在第一位。靈感才是第一位的。今天,我們學習的這個教學就是關于如何在PS中做出霓虹效果的文字。也許有很多人以前看過這方面的教學了,但我要說的是,絕對不是每個效果的方法都是千篇一律的。的確,運用技術也需要靈感。在這條路上,我們還有很多路要走。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第2張

      (提示:PS教程制作步驟末尾提供處理后效果圖的PSD文檔下載)

      一、創作背景

      創建一個1920px*1080的文件,這個尺寸正是mac的尺寸。我們做網頁的滾動播放的廣告圖時,這個大小最為適合。不過具體的尺寸,仍然是看你的項目實際的需求。

      填充一個黑色背景圖層,然后再創建一個圖層。將前景色設置為黑色,背景色設置為白色,進入【濾鏡>渲染>云彩】,對該圖層添加云彩。如果一次云彩效果不夠,你還可以快捷鍵組合【ctrl+f】重復操作幾次。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第3張

      在云彩圖層上方再創建一個圖層,漸變工具,設置一個藍色(#15aec4)到黑色(#000000)的徑向漸變(這里的藍色也即是我在本例中所的主調色,你可以參考,也可自己的配色)。漸變層做好后,將漸變層的圖層混合模式調整為【正片疊底】。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第4張

      改為正片疊底后之后,樣式如下:

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第5張

      現在讓我們將這個圖層再復制(ctrl+J)出兩個圖層,其中一個混合模式改為【疊加】,置于圖層最上方,另一個圖層在原始圖層上方,混合模式不變。

      然后,用自由變換工具,將頂部的圖層縮短為原來大小的三分之二,另一個圖層縮短為原來的三分之一。這是為了營造環境的立體感,因此,非但我們的主要對象的背景需要色彩效果,還要有倒影的感覺。那么,從字面上理解仍然不很清楚的同學,可以看下圖。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第6張

      到了這一步,背景就算是創作完成了。可以將上面做的圖層放到創建組【背景】當中,再在背景之上繼續做剩下的步驟。

      二、制作霓虹效果文字

      將做好的文字型標識拖入其中,置于圖層上方,并放于正中,剛好讓它立于剛剛三分效果背景圖的分界處稍下的位置。這樣會讓它看起來更具有立體感。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第7張

      將標識的圖層復制一層,然后暫時關掉復制層。再為標識圖層添加【漸變疊加】的混合樣式。漸變的設置可以參考我給的配色,當然要和主調色搭配才行,角度為0的線性漸變。漸變疊加后再為該圖層增加【濾鏡>模糊>高斯模糊】,模糊大小為18px,這里的大小主要看你的標識大小,做到處理后效果如圖所示所示便可。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第8張

      這時可以打開剛剛隱藏的復制層,將復制層先柵格化,按住ctrl鍵去點選該圖層,目的是為了創作該圖層的選區。然后進入【選擇>修改>收縮】,將選區收縮2個像素。然后將該圖層關掉,保持選區的情況下創建一個圖層,在選區內填充白色。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第9張

      我們收縮選區的目的,是為了建立一個比原有文字更細的標識,這是在制作光感效果的時候我時常用到的方法,尤其是光感效果是比較細的條狀圖形時,頂部圖層的收縮就會產生一種聚光效果。

      接下來,我們將這個頂部圖層也添加高斯模糊,模糊大小為2px。

      然后,讓我們為其增加圖層樣式,首先,我將這個圖層的透明度降為90%,填充降低為0。接著,我要為它增加外發光的,外發光的設置面板數值如下:

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第10張

      再增加一個顏色疊加的圖層樣式,顏色疊加為白色。完成后,創建一個組,將該圖層添加到這個組當中,然后把組的混合模式改為【顏色減淡】。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第11張

      有人說,色彩太過多,看上去總是顯得不夠高檔,這很好辦,找到之前第一個已經被高斯模糊18px處理過的圖層,再疊加一個單一的顏色便可。在這個PSD中,可以形成千變萬化的顏色,重復性很高。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第12張

      三、創作倒影

      倒影的效果曾經非常廣受好評,創作方法也很簡單。讓我們再來溫習一下吧。將剛剛做好的文字標識放入一個創建的組內,然后復制這個組。

      自由變化工具,將該組進行垂直翻轉的變化處理。把這個翻轉后的圖形,向下移動到如圖所示所示的位置。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第13張

      這樣看上去已經似乎有倒影效果了,但是倒影也太明顯了。運用我們的蒙版,為倒影組增加蒙版。選用黑白線性漸變工具,在蒙版上拉出黑白漸變。

      記住蒙版的原理,黑色就能將原始圖遮擋住,原始圖不可見,白色則恢復為可見。這也就制造出了倒影的那種慢慢向下方隱去的效果。由于倒影本身也有透明感,因此我們再將倒影層的透明度降低60%

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第14張

      四、增強效果

      還想增強視覺效果的,可以搭配云彩效果,增加煙霧的畫筆(進入我的微盤下載)在背景層之上,文字標識層之下,建立一個新的組。在該組內創建一個圖層,選用煙霧畫筆,對其進行自由的修飾。修飾后,請白色前景色,并將圖層混合模式改為【疊加】。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第15張

      這時還可以在背景層上方增加一些透明的白色矩形,透明度可以設置得非常小,透明度之間的交叉視覺營造出另外一種效果。復制多幾個,并蒙版、透明度來協調整體效果。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第16張

      還需要為文字添加一個陰影,這時就不能圖層樣式的投影功能了。我們可以選用橢圓選擇工具,在文字標識的下方選出一塊橢圓形,即添加陰影的地方。再為其羽化20px,填充黑色。將陰影層的圖層樣式改為柔光。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第17張

      在整個構圖中,我覺得下面的部分太過于暗,那么讓我們來增加一點舞臺的效果。在背景層之上新增一個圖層,剛剛的藍色到黑色的漸變,采用徑向漸變的方法,在下方拉一個半圓。也就是將藍色的漸變圓放置于下方。然后添加一個蒙版,剛剛我們已經說過了蒙版的的方法,那么這里也采用同樣的方法,采用黑白漸變來修飾這個漸變圓。

      圖層面板里能看到漸變的細節。

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第18張

      處理后效果:

      PS教學!手把手教你創建迷醉的多彩霓虹燈文字photoshop教程 PS教程 第19張

      后記

      在整個步驟當中,大家可以采用任何方式來為廣告增強效果,霓虹效果帶來的魅力遠遠不是我們的教學所能講完的。這里,我們嘗試了各種有趣的技巧,這些技巧大部分都是通過經驗總結,因此,你還等什么?自己做一個類似的廣告所得,絕對比看來的任何經驗更多。

      let’s try!enjoy it!

      處理后效果圖PSD:微盤下載

      原文地址:ifeiwu作者:@飛屋睿UIdesign

      0

      評論0

      沒有賬號? 注冊  忘記密碼?
      { "errorMsg": "", "returnCode": 200 } '); })(); 欧美精品videossex