最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖

來源:懂視網 責編:小OO 時間:2020-09-18 08:02:21
文檔

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖

輸入大小為50的ADOBE默認黑體。最好是英文,筆畫越簡單越好。中文顯然不好處理。這里非常重要,的霓虹燈jpg不是所有的字都一起變化,而是單獨的。有時這個字是亮的,有時相反。
推薦度:
導讀輸入大小為50的ADOBE默認黑體。最好是英文,筆畫越簡單越好。中文顯然不好處理。這里非常重要,的霓虹燈jpg不是所有的字都一起變化,而是單獨的。有時這個字是亮的,有時相反。

軟件版本:Photoshop CC2020穩(wěn)定版

操作系統(tǒng):Win10-64位系統(tǒng)

下面教你用Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖。教程詳盡易懂,光影得當,作為jpg效果的入門教程非常不錯。

先看看效果圖

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖

背景圖素材(另存即可):

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(1)

霓虹燈一般只在夜晚工作,所以這個場景顯然太亮了。用色階工具把它變暗點。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(2)

再給一點冷色系。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(3)

OK 現在這個背景符合的要求了。既然們不再需要修正背景圖,最好把它們都合并起來,因為到后面會有非常非常多的圖層,盡量保持圖層的簡潔明了。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(4)

輸入大小為50的ADOBE默認黑體。最好是英文,筆畫越簡單越好。中文顯然不好處理。這里非常重要,的霓虹燈jpg不是所有的字都一起變化,而是單獨的。有時這個字是亮的,有時相反。所以們必須要讓每個字母單獨成為一個層。這里只輸入一個字母,然后復制N層,你需要幾個字母就復制幾層。然后用移動工具把它們均勻的排列開來。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(5)

把字母修改成你需要的,再將每個字母按排列位置給相對應的層重新命名,這個很重要,以后找起來方便啊, 對不對?

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(6)

點擊最上面的圖層,按SHIFT再點最下面的字母圖層,右鍵把全部字母格柵化?,F在字母還要調整一下,它們的透視跟磚墻顯然不一致。保持所有字母層處于被選中狀態(tài),用自由變換工具來模擬透視。注意到磚墻上的橫向縫隙嗎? 它就是參考線。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(7)

下面的工作會非常的繁瑣,要耐心完成。

霓虹燈沒有直角,也就是說它們轉彎的地方都帶有一定的圓弧。而這里的字母不符合這個要求。下面要把這些字母處理一下,讓它們尖銳的直角變得圓滑一點。選中第一個字母,高斯模糊5。然后挨個按CTRL+F給同樣的處理。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(8)

最后應該是這樣。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(9)

現在的字母還不是想要的,它們的邊緣應該非常清晰,因為要用它們的選框來描邊做霓虹燈的燈管。它們需要銳化,點擊濾鏡-USM銳化。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(10)

邊緣還是有點虛,繼續(xù)銳化一次,覺得滿意后把全部字母都處理一遍,做起來很簡單,你只需要給每個字母按兩次CTRL+F。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(11)

下面開始做霓虹燈的燈管。在此之前還有工作要做,建立N個組,把字母放入各個組里,重新按字母排列命名組的名字。再把填充減低,讓后面的工作好做點。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(12)

按CTRL+左鍵獲取選框,在字母組里新建給個7像素的描邊,任何顏色都可以,挨個都做一次。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(13)

這是完成后的效果。接著還要處理這些燈管,你注意到了,霓虹燈沒有封閉的,它有開始和結尾的地方,就是說有空隙。要模擬這個。其實很簡單,用橡皮擦一下就行了。但是兩頭好像要稍微粗點。擦出一個口子,然后用畫筆把燈管頭描粗點,就這么干。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(14)

接下來用圖層樣式模擬熄滅時的燈管效果。很簡單,內陰影加浮雕幾乎可以完美的模擬這個效果。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(15)

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(16)

后面簡單了,復制圖層樣式,給所有的燈管都黏貼一次,把后面的字母先隱藏掉,面前們還不需要它們,ok了。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(17)

繼續(xù) 按CTRL+左鍵獲取燈管選區(qū),在對應的組里新建一層填充淡藍色。每個字母都要操作一次。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(18)

這個打算用來制作發(fā)光的燈管,只是發(fā)光,還不包括周圍的光輝。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(19)

繼續(xù)深化這個效果,復制每一個新建的字母,也就是淡藍色的字母。在新建的每個字母層里CTRL+左鍵得到選區(qū),收縮2個像素,羽化1個像素,填充白色,模擬燈管的高光。這個過程非常繁瑣,不過也有捷徑,打開動作可以錄制,錄制方法:

打開界面右側(如果界面是默認的話)的動作控制面板,如果沒有,在窗口里把它找出來。

點新建動作——錄制(類似于錄音機似的播放,暫停,的按鈕,很好懂地)

然后進行你想要錄制的操作,操作完成點停止按鈕就可以了。

如果要在其他圖片上播放,點剛才新建的動作播放就可以了,圖片就會被剛才新建的動作處理一遍,達到你想要的效果。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(20)

利用動作非??斓耐瓿闪诉@些工作。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(21)

現在要整理一下圖層欄。選擇那些加了圖層樣式的層,也就是準備用來做熄滅時的燈管的層全部拉出來放在一個單獨的組內。們不用再去理睬他們了,因為不管是燈亮著還是熄滅,他們都應該在那里。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(22)

字母組里現在清凈多了,一個發(fā)光的燈管層,一個藍色的要用來做光暈的藍色描邊層,還有一個白色的字母。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(23)

要開始做光暈了,很簡單,高斯模糊就行了當然要改下模式。顧忌到工作量的龐大程度,打開動作來錄制過程,像剛才給燈管加高光那樣,只需要制作一個就行了,后面用動作來完成。點擊藍色描邊層,高斯模糊8.5,感覺有點淡,復制一層。合并之后把模式改為“濾色”。注意藍框里的動作過程接下來你直接可以按播放鍵重復后面的工作了。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(24)

完成效果:

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(25)

這里開始做投射到墻上的亮光,現在那些白色的字母派上用場了。打開隱藏的白色字母,按CTRL+鼠標左鍵點擊所有的白色字母層,往右邊稍稍移動一些距離。霓虹燈不是貼在墻上的,它跟墻之間還有不遠也不近的距離。所以墻上的光跟霓虹燈會有些透視效果。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(26)

開始做墻上的光。點擊白色字母,按CTRL+鼠標左鍵得到選區(qū),填充跟發(fā)光燈管一樣的藍色。取消選區(qū),高斯模糊63.0,復制一層,合并之后把模式改為“顏色減淡”,ok了~用錄制好的動作完成后面所有的字母改造工程。藍色框內是錄制的制作流程。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(27)

把這些經過嚴重高斯模糊的光暈圖層移到最上面,現在效果更逼真了。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(28)

靜態(tài)圖完成得差不多了。還有地板,當霓虹燈亮起來的時候地板上也有點光。復制墻上的光暈,逐個移到地板上。減低填充百分百,差不多到70就行了。這里還有個問題,感覺熄滅時的燈管顏色太亮了,好像還通著電一樣,

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(29)

用色階稍微調暗點。也用動作錄制方法快速高效的完成后面的工作。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(30)

靜態(tài)圖完成了,開始jpg制作。

打開時間軸,首先頭腦里有個概念,想讓它們以按什么樣的次序開閉。的思路是這樣的:P,V還有J還有中間的A運轉正常,R字估計不行了,偶爾會亮一下,而且亮度會經常變化。O字閃個不停。最后一個A還好點,亮的時間比較長,偶爾會閃一下。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(31)

打開時間軸,除了R字以外全部點亮,因為它只是偶爾量一下。復制一幀,點擊下面的“過渡動畫幀”增加到25幀?,F在一共有27幀。

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(32)

接下來幾乎不用來說說明了,只要你按著你想的思路來開關各個幀就行了。比如要在第二幀里讓O字閃一下,就點擊圖層欄的眼睛狀圖標。點擊第三幀的時候它會自動亮起來?;蛘叽蛩阕孯在5幀開始慢慢的暗下去。點擊第五幀,將R組的透明度降低。然后點擊“過渡動畫幀”過度個3,4幀就差不多了。

最終效果:

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖(33)

教程結束,以上就是Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖方法,希望能對大家有所幫助!

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

Photoshop制作酷炫的藍色霓虹燈閃爍動畫效果圖

輸入大小為50的ADOBE默認黑體。最好是英文,筆畫越簡單越好。中文顯然不好處理。這里非常重要,的霓虹燈jpg不是所有的字都一起變化,而是單獨的。有時這個字是亮的,有時相反。
推薦度:
標簽: 制作 ps 動畫
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題白面板是什么專題描邊 英文專題photoshop新版本專題圖片制動畫軟件專題什么軟件可以制作動畫圖片專題素材qq專題控制面板制作專題明字組三個字專題第一話圖片素材專題橫向 英文專題全藍背景圖片專題簡單筆畫圖片專題筆畫點圖片專題點的筆畫圖片專題筆畫點的圖片專題淡藍背景專題墻背景的所有圖片專題右側眼睛模糊專題畫背景簡單圖片專題亮白背景圖專題
Top