【 PS動畫教學 】Photoshop製作流暢的爆炸背景動畫效果

Photoshop製作流暢的爆炸背景動畫效果

這一次的教學是屬於PS教程領域中的動畫教程的相關教學。

文章出處是來自240PS的PS教程類文章,寫教學的作者是昀恆,感謝昀恆提供動畫教程的實作教學。

教學大綱:

本文主要是用時間軸來設置動畫,前期把人物去背出,並用雲彩濾鏡渲染出煙霧效果;然後在時間軸就可以靈活設置動畫,把煙霧縮小再放大就可以做出爆炸效果。


動畫教程教學開始

最終效果

Photoshop製作流暢的爆炸背景動畫效果

1、新建畫布。打開PS軟件,按Ctrl + N 新建,尺寸為600 * 600 像素,分辨率為72像素/英寸,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

2、添加漸變背景。在工具箱選擇“漸變工具”,然後設置漸變色如下圖,然後由左上角至右下角拉出下圖所示的線性漸變作為背景。

Photoshop製作流暢的爆炸背景動畫效果

Photoshop製作流暢的爆炸背景動畫效果

3、添加人物。打開人物素材,用鋼筆工具勾出人物。

Photoshop製作流暢的爆炸背景動畫效果

4、把去背好的人物拖進來,調整好位置和大小,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

5、製作煙霧效果。在背景圖層上面新建一個圖層,按字母鍵“D”把前,背景顏色恢復到默認的黑白;然後選擇菜單:濾鏡 > 渲染 > 雲彩,效果如下圖。

Photoshop製作流暢的爆炸背景動畫效果

6、按Ctrl + T 把雲彩圖層縮小一點,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

7、按住Ctrl + 鼠標左鍵點擊人物圖層縮略圖載入人物部分的選區,然後選擇菜單:選擇 > 修改 > 擴展,數量為25像素。

Photoshop製作流暢的爆炸背景動畫效果

8、按Shift + F6 羽化25個像素,然後添加圖層蒙版。

Photoshop製作流暢的爆炸背景動畫效果

9、把當前圖層轉為“智能對象”,然後雙擊縮略圖編輯圖層,先把混合模式改為“濾色”。

Photoshop製作流暢的爆炸背景動畫效果

10、新建一個圖層,用套索工具勾出下圖所示的選區,羽化20個像素后填充橙黃色#f5ba02,取消選區后把混合模式改為“濾色”,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

11、按Ctrl + J 把當前圖層複製一層,按Ctrl + T 稍微縮小一點,如下圖,然後按Ctrl + S 保存智能對象,並關閉當前文件。

Photoshop製作流暢的爆炸背景動畫效果

12、再把當前圖層混合模式改為“濾色”,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

13、選擇人物圖層,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

14、創建色階調整圖層,增加整體亮度,參數設置如下圖,確定后按Ctrl + Alt + G 創建剪切蒙版。

Photoshop製作流暢的爆炸背景動畫效果

Photoshop製作流暢的爆炸背景動畫效果

15、選擇菜單:窗口 > 時間軸,在彈出的對話框選擇“創建視頻時間軸”。

Photoshop製作流暢的爆炸背景動畫效果

Photoshop製作流暢的爆炸背景動畫效果

16、文件不能太大,我們需要控制幀數,在動畫設置面板右上角菜單選擇“設置時間軸幀速率”。

Photoshop製作流暢的爆炸背景動畫效果

17、都設置為10。

Photoshop製作流暢的爆炸背景動畫效果

18、然後把整個動畫過程設置為2苗左右,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

19、在時間軸選擇“煙霧”圖層,並點擊名稱前面的三角形,把內容顯示出來。然後把滑標移到起始位置,再點擊變換和不透明度兩項前的時鐘圖標創建啟用關鍵幀動畫。

Photoshop製作流暢的爆炸背景動畫效果

20、按Ctrl + T 把人物縮小一點,確定后把不透明度設置為0%,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

21、把滑標移到中間位置,然後點擊添加關鍵幀圖標,添加關鍵幀。圖標為下圖紅圈黃色菱形圖標。

Photoshop製作流暢的爆炸背景動畫效果

22、按Ctrl + T 把人物拉大一點,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

Photoshop製作流暢的爆炸背景動畫效果

23、把滑塊移到尾部,再添加兩個關鍵幀,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

24、按Ctrl + T 拉大一點,確定后把不透明度設置為0%,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

Photoshop製作流暢的爆炸背景動畫效果

25、在圖層面板把“煙霧”圖層複製一層,然後同樣的方法設置一下動畫。

Photoshop製作流暢的爆炸背景動畫效果

26、再把“煙霧”圖層複製一層,並重新設置一下動畫和關鍵幀位置,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

27、選擇色階調整圖層,也是同樣的方法設置不透明度動畫,中間位置不透明度為100%,兩端設置為0%,如下圖。

Photoshop製作流暢的爆炸背景動畫效果

28、預覽一下動畫,滿意后可以選擇菜單:文件 > 存儲為Web所用格式。

Photoshop製作流暢的爆炸背景動畫效果

29、循環選項選擇“永遠”其它默認,確定后保存到本機。

Photoshop製作流暢的爆炸背景動畫效果

最終效果:

Photoshop製作流暢的爆炸背景動畫效果

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: Photoshop製作流暢的爆炸背景動畫效果