【 PS動畫教學 】Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

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

文章出處是來自腳本之家的PS教程類文章,寫教學的作者是1777086130,感謝1777086130提供動畫教程的實作教學。

教學大綱:

教程主要使用PS的時間軸來製作完成,下面我們就來看看詳細的教程。教程比較詳細,推薦給思緣的朋友學習,希望大家可以喜歡。


動畫教程教學開始

先看看效果圖

Photoshop巧用動畫功能製作液體融合動畫效果

具體的製作步驟如下:

01、打開PS,新建畫布,畫布大小根據自己來定

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

02、單擊圖層最底下的第四個小圖標。選擇漸變填充。選擇一個自己喜歡的漸變色,做個徑向漸變。顏色僅供參考。(這一步最要製作GIF的背景,可以根據自己喜愛來調節,也可以直接拖拽一張圖片進來做背景)

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

03、新建一個圖層,並填充為黑色。(是新建一個空圖層,並不是在背景層上填充哦)

Photoshop巧用動畫功能製作液體融合動畫效果

04、新建一個150*150px的白色圓,並且調整羽化值為30像素。(羽化值在屬性欄裡面調整)

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

05、拷貝一層橢圓1。觀察圖層,兩個圓是分圖層存在的。

Photoshop巧用動畫功能製作液體融合動畫效果

06、單擊圖層最底下的第四個小圖標。選擇色階。並把最上面的四個圖層編組放一起。

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

07、雙擊色階,調整色階屬性。把左右兩個色標往中間移動,目的是為了兩個羽化的圓調整硬邊緣的圓,調整時注意觀察圓的變化。

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

08、到這裡水溶效果就出來了,大家可以移動兩個圓其中的一個,往另一個旁邊靠,當靠的比較近時,它兩就會有融合效果。效果出現就可以刪除一個圓,

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

09、去掉黑色背景。雙擊組1,調出圖層樣式。調節本圖層的黑色色標,把黑色圖標往右邊移動,目的是為了去除改組裡面的黑色,調整時注意觀察圓的變化。(反之,把白色圖標往移動就會把改組內所有白色漸漸去除)

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

10、把圓轉成智能對象,並且複製一層。(因為我們該案例是讓物體移動,所以我們要把物體轉成智能對象,才能製作移動的動畫)

Photoshop巧用動畫功能製作液體融合動畫效果

在窗口菜單調出時間軸

Photoshop巧用動畫功能製作液體融合動畫效果

創建視頻幀動畫

Photoshop巧用動畫功能製作液體融合動畫效果

11、點擊時間軸內組1前面的小三角,使組1展開,並找到橢圓1

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

12、當前工作區域結束是在05:00f處(也就是5秒)把工作區域結束移動到01:00f處

Photoshop巧用動畫功能製作液體融合動畫效果

Photoshop巧用動畫功能製作液體融合動畫效果

13、點擊組1內橢圓1前面的小三角,使橢圓1展開

Photoshop巧用動畫功能製作液體融合動畫效果

並找到橢圓1的變換,點擊橢圓1的變換前面的小鬧鐘圖標(啟動秒錶)

Photoshop巧用動畫功能製作液體融合動畫效果

秒錶啟動后右邊自動生成一幀變換幀

Photoshop巧用動畫功能製作液體融合動畫效果

14、將時間軸線移動到00和01:00f的中間位置

Photoshop巧用動畫功能製作液體融合動畫效果

執行ctrl+t變換,把橢圓1移動到畫布右側

Photoshop巧用動畫功能製作液體融合動畫效果

15、將時間軸線移動到01:00f位置

Photoshop巧用動畫功能製作液體融合動畫效果

執行ctrl+t變換,把橢圓1移動到原始位置

Photoshop巧用動畫功能製作液體融合動畫效果

16、單擊時間軸右上角的小圖標,找到循環播放,單擊循環播放,(將循環播放前面打上"√",如果已經有"√"就沒必要點擊)

Photoshop巧用動畫功能製作液體融合動畫效果

17、這時單擊時間軸左上角的播放圖標,就可以預覽到效果了

Photoshop巧用動畫功能製作液體融合動畫效果

18、最後就剩導出了,ctrl+shift+alt+s導出為web所用格式,格式選擇GIF,循環次數選擇永遠

Photoshop巧用動畫功能製作液體融合動畫效果

以下是用類似方法做出來的效果。

Photoshop巧用動畫功能製作液體融合動畫效果

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

文章永久連結為: Photoshop巧用動畫功能製作液體融合動畫效果