制作動(dòng)畫(huà)之前，需要先把霓虹字分層做出來(lái)，每一個(gè)字母安排在一個(gè)組里面，同時(shí)每一個(gè)字母有多個(gè)圖層分別表示燈管、霓虹、墻壁高光，做好后再按照一定的規(guī)律設(shè)置動(dòng)畫(huà)即可。
最終效果



1、打開(kāi)背景圖素材。




2、霓虹燈一般只在夜晚工作，所以這個(gè)場(chǎng)景顯然太亮了。我用色階工具把它變暗點(diǎn)。



3、再給一點(diǎn)冷色系。


 
4、現(xiàn)在這個(gè)背景符合我的要求了。既然我們不再需要修正背景圖，最好把它們都合并起來(lái)，因?yàn)榈胶竺鏁?huì)有非常非常多的圖層，盡量保持圖層的簡(jiǎn)潔明了。



5、輸入大小為50的ADOBE默認(rèn)黑體。最好是英文，筆畫(huà)越簡(jiǎn)單越好。中文顯然不好處理。這里非常重要，我的霓虹燈GIF不是所有的字都一起變化，而是單獨(dú)的。有時(shí)這個(gè)字是亮的，有時(shí)相反。

所以我們必須要讓每個(gè)字母單獨(dú)成為一個(gè)層。這里我只輸入一個(gè)字母，然后復(fù)制N層，你需要幾個(gè)字母就復(fù)制幾層。然后用移動(dòng)工具把它們均勻的排列開(kāi)來(lái)。



6、把字母修改成你需要的，再將每個(gè)字母按排列位置給相對(duì)應(yīng)的層重新命名，這個(gè)很重要，以后找起來(lái)方便啊， 對(duì)不對(duì)。



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



8、下面的工作會(huì)非常的繁瑣，我希望你會(huì)有跟我一樣的耐心來(lái)完成。 霓虹燈沒(méi)有直角，也就是說(shuō)它們轉(zhuǎn)彎的地方都帶有一定的圓弧。而這里的字母不符合這個(gè)要求。下面我要把這些字母處理一下，讓它們尖銳的直角變得圓滑一點(diǎn)。選中第一個(gè)字母，高斯模糊5。然后挨個(gè)按CTRL+F給同樣的處理。



 
9、最后應(yīng)該是這樣。



10、現(xiàn)在的字母還不是我想要的，它們的邊緣應(yīng)該非常清晰，因?yàn)槲乙盟鼈兊倪x框來(lái)描邊做霓虹燈的燈管。它們需要銳化，點(diǎn)擊濾鏡-USM銳化。



11、邊緣還是有點(diǎn)虛，繼續(xù)銳化一次，覺(jué)得滿(mǎn)意后把全部字母都處理一遍，做起來(lái)很簡(jiǎn)單，你只需要給每個(gè)字母按兩次CTRL+F。



12、下面開(kāi)始做霓虹燈的燈管。在此之前還有工作要做，建立N個(gè)組，把字母放入各個(gè)組里，重新按字母排列命名組的名字。再把填充減低，讓后面的工作好做點(diǎn)。



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


 
14、這是完成后的效果。接著我還要處理這些燈管，你注意到了，霓虹燈沒(méi)有封閉的，它有開(kāi)始和結(jié)尾的地方，就是說(shuō)有空隙。我要模擬這個(gè)。其實(shí)很簡(jiǎn)單，用橡皮擦一下就行了。但是兩頭好像要稍微粗點(diǎn)。擦出一個(gè)口子，然后用畫(huà)筆把燈管頭描粗點(diǎn)。



15、接下來(lái)我用圖層樣式模擬熄滅時(shí)的燈管效果。很簡(jiǎn)單，內(nèi)陰影加浮雕幾乎可以完美的模擬這個(gè)效果。





16、后面簡(jiǎn)單了，復(fù)制圖層樣式，給所有的燈管都黏貼一次，把后面的字母先隱藏掉，面前我們還不需要它們，ok了。



17、繼續(xù) 按CTRL+左鍵獲取燈管選區(qū)，在對(duì)應(yīng)的組里新建一層填充淡藍(lán)色。每個(gè)字母都要操作一次。



18、這個(gè)我打算用來(lái)制作發(fā)光的燈管，只是發(fā)光，還不包括周?chē)墓廨x。


 
19、繼續(xù)深化這個(gè)效果，復(fù)制每一個(gè)新建的字母，也就是淡藍(lán)色的字母。在新建的每個(gè)字母層里CTRL+左鍵得到選區(qū)，收縮2個(gè)像素，羽化1個(gè)像素，填充白色，模擬燈管的高光。這個(gè)過(guò)程非常繁瑣，不過(guò)也有捷徑，打開(kāi)動(dòng)作可以錄制，錄制方法： 打開(kāi)界面右側(cè)（如果界面是默認(rèn)的話(huà)）的動(dòng)作控制面板，如果沒(méi)有，在窗口里把它找出來(lái)。
點(diǎn)新建動(dòng)作——錄制（類(lèi)似于錄音機(jī)似的播放，暫停，的按鈕，很好懂地）
然后進(jìn)行你想要錄制的操作，操作完成點(diǎn)停止按鈕就可以了。
如果要在其他圖片上播放，點(diǎn)剛才新建的動(dòng)作播放就可以了，圖片就會(huì)被剛才新建的動(dòng)作處理一遍，達(dá)到你想要的效果。




20、利用動(dòng)作我非?？斓耐瓿闪诉@些工作。



21、現(xiàn)在我要整理一下圖層欄。選擇那些加了圖層樣式的層，也就是我準(zhǔn)備用來(lái)做熄滅時(shí)的燈管的層全部拉出來(lái)放在一個(gè)單獨(dú)的組內(nèi)。我們不用再去理睬他們了，因?yàn)椴还苁菬袅林€是熄滅，他們都應(yīng)該在那里。



22、字母組里現(xiàn)在清凈多了，一個(gè)發(fā)光的燈管層，一個(gè)藍(lán)色的我要用來(lái)做光暈的藍(lán)色描邊層，還有一個(gè)白色的字母。


 
23、我要開(kāi)始做光暈了，很簡(jiǎn)單，高斯模糊就行了當(dāng)然要改下模式。顧忌到工作量的龐大程度，我打開(kāi)動(dòng)作來(lái)錄制過(guò)程，像剛才給燈管加高光那樣，我只需要制作一個(gè)就行了，后面用動(dòng)作來(lái)完成。

點(diǎn)擊藍(lán)色描邊層，高斯模糊8.5，感覺(jué)有點(diǎn)淡，復(fù)制一層。合并之后把模式改為“濾色”。注意藍(lán)框里的動(dòng)作過(guò)程接下來(lái)你直接可以按播放鍵重復(fù)后面的工作了。



24、完成效果。



25、這里開(kāi)始做投射到墻上的亮光，現(xiàn)在那些白色的字母派上用場(chǎng)了。打開(kāi)隱藏的白色字母，按CTRL+鼠標(biāo)左鍵點(diǎn)擊所有的白色字母層，往右邊稍稍移動(dòng)一些距離。霓虹燈不是貼在墻上的，它跟墻之間還有不遠(yuǎn)也不近的距離。所以墻上的光跟霓虹燈會(huì)有些透視效果。



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



27、把這些經(jīng)過(guò)嚴(yán)重高斯模糊的光暈圖層移到最上面，現(xiàn)在效果更逼真了。


 
28、靜態(tài)圖完成得差不多了。還有地板，當(dāng)霓虹燈亮起來(lái)的時(shí)候地板上也有點(diǎn)光。復(fù)制墻上的光暈，逐個(gè)移到地板上。減低填充百分百，差不多到70就行了。這里還有個(gè)問(wèn)題，我感覺(jué)熄滅時(shí)的燈管顏色太亮了，好像還通著電一樣。



29、用色階稍微調(diào)暗點(diǎn)。也用動(dòng)作錄制方法快速高效的完成后面的工作。



30、靜態(tài)圖完成了，開(kāi)始GIF制作。 打開(kāi)時(shí)間軸，首先頭腦里有個(gè)概念，我想讓它們以按什么樣的次序開(kāi)閉。我的思路是這樣的：P，V還有J還有中間的A運(yùn)轉(zhuǎn)正常，R字估計(jì)不行了，偶爾會(huì)亮一下，而且亮度會(huì)經(jīng)常變化。O字閃個(gè)不停。最后一個(gè)A還好點(diǎn)，亮的時(shí)間比較長(zhǎng)，偶爾會(huì)閃一下。




31、打開(kāi)時(shí)間軸，除了R字以外全部點(diǎn)亮，因?yàn)樗皇桥紶柫恳幌隆?fù)制一幀，點(diǎn)擊下面的“過(guò)渡動(dòng)畫(huà)幀”增加到25幀?，F(xiàn)在一共有27幀。



32、接下來(lái)幾乎不用我來(lái)說(shuō)說(shuō)明了，只要你按著你想的思路來(lái)開(kāi)關(guān)各個(gè)幀就行了。比如我要在第二幀里讓O字閃一下，就點(diǎn)擊圖層欄的眼睛狀圖標(biāo)。點(diǎn)擊第三幀的時(shí)候它會(huì)自動(dòng)亮起來(lái)。

或者我打算讓R在5幀開(kāi)始慢慢的暗下去。點(diǎn)擊第五幀，將R組的透明度降低。然后點(diǎn)擊“過(guò)渡動(dòng)畫(huà)幀”過(guò)度個(gè)3,4幀就差不多了。

最后導(dǎo)出GIF動(dòng)畫(huà)格式圖片，完成最終效果。

最新評(píng)論