• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 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巧用動畫功能製作液體融合動畫效果

    — —

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