鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

Photoshop 科技 影視後期 2017-05-24

最終效果

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

1、新建一個500×900px(取決於煙花綻放尺寸)的畫布,用鋼筆工具(填充無,描邊4,端點圓角,色值任意但我喜歡用黃)畫一根長182px(你要長短都行,不要影響到最後效果便可)的線條,ctrl+j複製多一根(保持一樣的位置),然後調出時間軸並且創建時間軸動畫。

我們先將其兩根條子按下圖設置。

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

2、下面的圖層填充設置為0,圖層樣式的混合選項設置為。

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

3、回到時間軸,將長度設置為30f(等於1s),選擇兩個圖層轉換為一個智能對象,雙擊智能對象可以得知畫布大小與畫的條子是一樣的(4×182px),而我們要將畫布的長度調整如下圖(這是為了煙花的綻放有更大的伸展空間)。

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

4、此時我們在這個智能對象製作動畫,先打開下面圖層矢量蒙版位置的關鍵幀開關,拖動時間線先在起始幀(1f)添加關鍵幀,再移動時間線到最後(29f,時間線定位到最後只能在總幀數-1的位置,做好動作後直接把關鍵幀拉到30f即可)。

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

5、移動這個圖層的條子如圖所示(設置條子底部與畫布頂部相切大概的位置)。

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

6、打開上面圖層的矢量蒙版位置的關鍵幀開關,在起始幀(1f)的條子拖動到如下圖的位置。

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

7、將條子在畫布底部露出幾個像素,這樣在製作變換動作的時候起到參考的作用,然後在15f處添加關鍵幀並且把條子移動到如下圖(剛好頂置畫布)。

煙花最後還有一個淡出的效果,打開這個圖層的不透明的關鍵幀開關,在20f處添加關鍵幀,在29f處添加關鍵幀並且移動到30f處設置透明度為0,條子動畫製作完畢。

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

8、我們都知道快捷鍵ctrl+shift+alt+T變換複製,尤其在製作旋轉圖形的時候經常使用,而智能對象無法直接使用快捷鍵複製,需要先用形狀圖層或者像素圖層使用先製作變換複製軌,讓系統記錄這個軌跡,然後再選擇智能對象圖層後方可使用快捷鍵複製。

回到原畫布,此時我們已經制作了一個1S的條子動畫。把時間線拖到1f的位置,這個時候我們可以看到露出一點的條子,放大可以看到。

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

9、製作變換複製軌跡,畫一個圓,ctrl+T把參考點向下移動並旋轉15°,然後使用ctrl+shift+alt+T執行變換複製,回到智能對象圖層,把這個露出一點的條子水平垂直居中製作的變換複製軌跡。

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

使用快捷鍵ctrl+shift+alt+T執行變換複製軌跡(360°/15°=24個)後並編組。最後把前面做好的煙花綻放圖層組拖後(20f),聰明的你肯定會製作向上發射的動作了,這裡就不多說了。一個煙花的綻放就製作完畢了。

鬼工老師Photoshop製作簡易的煙花爆炸GIF動畫效果

1、關注微信公眾號 鬼工老師 獲取Ae Pr Ed Ps Ai Fl Dw Cad Cdr Id 會聲會影 word pptexcel3Dmax Maya 500G免費資源

2、免費提供Ae Pr Ed Ps Ai Fl Dw Cad Cdr Id 會聲會影 word pptexcel3Dmax Maya 500G教學視頻和軟件,加QQ|微信 2808734777獲取

相關推薦

推薦中...