Photoshop設計制作漂亮的閃動藍色霓虹字動畫
優(yōu)設網(wǎng) 發(fā)布時間:2015-01-27 10:11:15 作者:projava
我要評論

制作動畫之前,需要先把霓虹字分層做出來,每一個字母安排在一個組里面,同時每一個字母有多個圖層分別表示燈管、霓虹、墻壁高光,做好后再按照一定的規(guī)律設置動畫即可
15、接下來我用圖層樣式模擬熄滅時的燈管效果。很簡單,內(nèi)陰影加浮雕幾乎可以完美的模擬這個效果。


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

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

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

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

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

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

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

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

24、完成效果。

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

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

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

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

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

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

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

32、接下來幾乎不用我來說說明了,只要你按著你想的思路來開關各個幀就行了。比如我要在第二幀里讓O字閃一下,就點擊圖層欄的眼睛狀圖標。點擊第三幀的時候它會自動亮起來。
或者我打算讓R在5幀開始慢慢的暗下去。點擊第五幀,將R組的透明度降低。然后點擊“過渡動畫幀”過度個3,4幀就差不多了。
最后導出GIF動畫格式圖片,完成最終效果。

相關文章
ps怎么制作文字平鋪效果圖 photoshop制作滿屏字幕的技巧
ps怎么制作文字平鋪效果圖?ps輸入的文字,想要平鋪制作滿屏字幕的效果,該怎么操作呢?下面我們就來看看photoshop制作滿屏字幕的技巧2023-08-24- ps怎么做殘破字?ps中想要給好好的文字做殘破效果,該怎么制作呢?下面我們就來看看ps字體做殘缺效果的制作方法2023-08-19
ps怎么設計彩色的色塊字體? ps色彩斑斕文字效果的制作方法
ps怎么設計彩色的色塊字體?想要設計一款色塊組成的文字,該怎么設計呢?下面我們就來看看ps色彩斑斕文字效果的制作方法2023-08-19- ps文字圖層怎么設置濾鏡?ps輸入的文字需要一些效果,該怎么給文字圖層添加濾鏡效果呢?下面我們就來看看ps給文字添加濾鏡效果的技巧2023-07-03
- ps設計制作圍巾字體怎么弄?ps中想要設計一款藝術字體,該怎么設計呢?下面我們就來看看看ps圍巾藝術字制作方法2023-05-12
ps怎么設計扭曲3D文字效果? photoshop三維立體錯亂字體制作技巧
ps怎么設計扭曲3D文字效果?字體無論是平面還是視頻都很常用,想要設計一款三維立體錯亂字體,該怎么設計呢?下面我們就來看看photoshop三維立體錯亂字體制作技巧2023-04-03ps圍繞中心旋轉扭曲的字體怎么做? ps設計中心扭曲文字字體的技巧
ps圍繞中心旋轉扭曲的字體怎么做?ps中想要設計一款扭曲的文字,該怎么設計呢?下面我們就來看看ps設計中心扭曲文字字體的技巧2023-04-03ps怎么設計綠色騎行的字體? Photoshop自行車騎行文字海報設計技巧
ps怎么設計綠色騎行的字體?ps中想要設計一款自行車騎行的效果,該怎么設計這款字體呢?下面我們就來看看Photoshop自行車騎行文字海報設計技巧2023-03-24ps怎么做刪除原價格的效果? PhotoShop添加文字刪除線的技巧
ps怎么做刪除原價格的效果?一般商場都能看到原價格和優(yōu)惠價,原價格都會添加刪除線個,該怎么添加呢?下面我們就來看看PhotoShop添加文字刪除線的技巧2023-02-21ps怎么設計七夕長投影立體字海報? PS給文字制作長投影圖文教程
ps怎么設計七夕長投影立體字海報?想要做一個七夕的字體海報,最好是立體的,今天我們就來看看PS給文字制作長投影圖文教程2023-02-14