綻放的煙花
Step1——畫長條
新建一個500×900px(取決于煙花綻放尺寸)的畫布,用鋼筆工具(填充無,描邊4,端點圓角,色值任意但我喜歡用黃)畫一根長182px(你要長短都行,不要影響到最后效果便可)的線條,ctrl+j復制多一根(保持一樣的位置),然后調出時間軸并且創(chuàng)建時間軸動畫。
Step2——條子動畫
通過學習【玩轉PS時間軸-3】中的剪貼蒙版+移動,我們先將其兩根條子按下圖設置

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

回到時間軸,將長度設置為30f(等于1s),選擇兩個圖層轉換為一個智能對象,雙擊智能對象可以得知畫布大小與畫的條子是一樣的(4×182px),而我們要將畫布的長度調整如下圖

(這是為了煙花的綻放有更大的伸展空間)。此時我們在這個智能對象制作動畫,先打開下面圖層矢量蒙版位置的關鍵幀開關,拖動時間線先在起始幀(1f)添加關鍵幀,再移動時間線到最后(29f,時間線定位到最后只能在總幀數(shù)-1的位置,做好動作后直接把關鍵幀拉到30f即可),

移動這個圖層的條子如圖所示(設置條子底部與畫布頂部相切大概的位置)
![]()
打開上面圖層的矢量蒙版位置的關鍵幀開關,在起始幀(1f)的條子拖動到如下圖的位置:

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

煙花最后還有一個淡出的效果,打開這個圖層的不透明的關鍵幀開關,在20f處添加關鍵幀,在29f處添加關鍵幀并且移動到30f處設置透明度為0,條子動畫制作完畢。
Step3——變換復制
學習前面一篇文章【關于ps變換復制的原理】,我們都知道快捷鍵ctrl+shift+alt+T變換復制,尤其在制作旋轉圖形的時候經(jīng)常使用,而智能對象無法直接使用快捷鍵復制,需要先用形狀圖層或者像素圖層使用先制作變換復制軌,讓系統(tǒng)記錄這個軌跡,然后再選擇智能對象圖層后方可使用快捷鍵復制。
回到原畫布,此時我們已經(jīng)制作了一個1S的條子動畫。把時間線拖到1f的位置,這個時候我們可以看到露出一點的條子,
放大可以看到

制作變換復制軌跡,畫一個圓,ctrl+T把參考點向下移動并旋轉15°,然后使用CAST執(zhí)行變換復制,回到智能對象圖層,把這個露出一點的條子水平垂直居中制作的變換復制軌跡(你可以試試把這個條子放到畫布其他地方,會產生不一樣的效果,源文件有展示),

使用快捷鍵CAST執(zhí)行變換復制軌跡(360°/15°=24個)后并編組。最后把前面做好的煙花綻放圖層組拖后(20f),聰明的你肯定會制作向上發(fā)射的動作了,這里就不多說了,看源文件即可。一個煙花的綻放就制作完畢了。

Step4——制作更多的煙花(PSD只有一個煙花,這一步留給大家動手了)
把這個做好的煙花綻放動畫的所有圖層一起轉換為智能對象,并將其拖到新的畫布(新建更大的畫布并創(chuàng)建視頻時間軸,背景自己設計),然后復制并適當縮小(只能縮小,放大則會失真,所以做的智能對象尺寸大小很重要),再給各個智能對象添加圖層樣式填充不同的顏色,這樣五顏六色的煙花就制作完畢了。
摩天輪旋轉動畫
最后簡單描述一下摩天輪動畫的制作技巧:
畫座艙——畫一個座艙并轉換為智能對象后做一個逆時針旋轉動畫,用快捷鍵旋轉復制座艙并添加分辨給每個智能對象添加圖層樣式填充不同的顏色。
畫桿子——畫一根條子并用快捷鍵旋轉360°復制,與所有座艙編組并轉換為智能對象,做順時針旋轉。
剩下的細節(jié)問題留給酷友們在PSD摸索,就當是作業(yè)吧。

進入論壇交作業(yè):http://www.missyuan.com/thread-768721-1-1.html
情非得已
Photoshop詳細解析GIF動畫圖片的優(yōu)化技巧2016-12-27
Photoshop詳細解析GIF動畫中批量處理技巧2015-12-20
Photoshop結合AI制作時尚閃爍霓虹燈動畫效果2015-11-26
Photoshop制作超酷的藍色霓虹燈效果圖2015-01-26
Photoshop合成絢麗的山水瀑布動畫效果2013-10-05
Photoshop制作林間流動效果的云彩動畫2012-06-09
Photoshop制作滑動效果的霓虹字動畫教程2012-06-03
Photsohop制作夏日清爽的美女照片滾動動畫效果2012-04-24
Photoshop制作流暢的中國風動畫簽名教程2012-04-15
Photoshop制作相冊自動翻頁GIF動畫教程2012-02-22
GIF教程:用PS制作GIF動畫表情教程
相關文章19922019-02-21
果凍動畫:PS制作果凍跳動GIF動畫
相關文章17502019-01-10
下雨動畫:PS制作逼真的下雨GIF動畫
相關文章18322018-12-20
Photoshop制作信息干擾錯位GIF動畫效果
相關文章9752018-12-10
Photoshop制作簡潔的網(wǎng)頁加載GIF動畫
相關文章15602018-08-06
Photoshop把靜態(tài)照片做成GIF放大動畫效果
相關文章14952018-05-07
Photoshop制作動畫特效的微信表情
相關文章11872018-03-19
Photoshop制作手機圖片循環(huán)滾動動畫效果
相關文章16002017-12-17
