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



1、打開背景圖素材。




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



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


 
4、現(xiàn)在這個背景符合我的要求了。既然我們不再需要修正背景圖，最好把它們都合并起來，因?yàn)榈胶竺鏁蟹浅７浅６嗟膱D層，盡量保持圖層的簡潔明了。



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

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



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



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



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



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



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



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



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



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


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



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





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



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



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


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




20、利用動作我非常快的完成了這些工作。



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



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


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

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



24、完成效果。



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



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



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


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



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



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




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



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

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

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

最新評論