入門AE:小動畫製作,動態照片的展示,附帶教程

效果圖

今天教大家的教程是動態照片,這個可以應用到APP中作為小動畫來增加趣味性,過程不復雜,希望大家認真學習。

入門AE:小動畫製作,動態照片的展示,附帶教程

教程

1、

  • 首先我們打開AE
入門AE:小動畫製作,動態照片的展示,附帶教程

2、

  • 新建一個合成,1080*660px,持續時間3秒鐘,畫布顏色深紫色
入門AE:小動畫製作,動態照片的展示,附帶教程

  • 今天我教大家另外一種創建白色矩形的方法,這個方法可以保證創建出來的矩形在畫布的正中間
  • 右鍵時間欄-創建-形狀圖層
  • 點開形狀圖層-添加-矩形,繼續添加-填充
  • 我們把顏色改為白色
入門AE:小動畫製作,動態照片的展示,附帶教程

3、

  • 點開矩形圖層-變換-大小
  • 我們將大小長寬數值前面的鎖鏈取消
  • 時間線在0秒的時候,我們將長改為0,寬度改為25,並打上關鍵幀
  • 然後將時間線移動到4幀,我們將長改為350,寬不變,打上關鍵幀
  • 時間線移動到7幀,長的數值還是350,寬是25
  • 在移動到11幀的時候,長不變,將寬改為400
  • 現在為0秒關鍵幀打上緩入(快捷鍵:shift+F9),其餘三個關鍵幀全部打上緩動(快捷鍵:F9)
入門AE:小動畫製作,動態照片的展示,附帶教程

4、

  • 用上述的方法新建一個照片藍色底
  • 在11幀的位置,我們設置為藍色矩形的入點(快捷鍵:alt+[)
  • 點開大小屬性,取消長寬數值的鎖鏈
  • 我們再11幀的位置,將長改為0,寬改為30,並打上關鍵幀
  • 然後將時間線移動到14幀的位置,我們將長改為300,寬度不變,打上關鍵幀
  • 在將時間線移動到16幀的位置,長寬都不變,打上關鍵幀
  • 最後移動到19幀的位置,長度不變,寬度改為280,打上關鍵幀
  • 將11幀的關鍵幀打上緩入效果,剩下三個關鍵幀打上緩動
  • 並用位置屬性將藍色矩形上移一段距離
入門AE:小動畫製作,動態照片的展示,附帶教程

  • 複製一層藍色矩形(快捷鍵:ctrl+d)
  • 將入點改到19幀位置
  • 我們將複製出來的矩形,關鍵幀全部取消
  • 大小改為,300和280
  • 命名為照片遮罩
入門AE:小動畫製作,動態照片的展示,附帶教程

5、

  • 點擊鋼筆工具,我們再畫布上畫兩個三角形,分別命名為深綠和淺綠
  • 並將兩個圖層的入點改為第19幀的位置
入門AE:小動畫製作,動態照片的展示,附帶教程

  • 將兩個圖層都移動到照片遮罩下面
  • 將時間線移動到1秒4幀左右
  • 我們按P鍵點開兩個圖層的位置屬性,並打上關鍵幀
  • 然後移動時間線到23幀左右
  • 將兩個圖層的位置向下拉動,拉出照片遮罩外
  • 並將23幀的關鍵幀打上緩入,1秒4幀的關鍵幀打上緩動
  • 調整時間線上的藍色條,我們可以控制淺綠先出來,深綠後出來
入門AE:小動畫製作,動態照片的展示,附帶教程

6、

  • 點擊橢圓工具,我們再畫布上按住shift畫一個正圓
  • 將正圓的顏色改為深橙色,模擬太陽的顏色
  • 然後點擊向後平移(錨點)工具,將正圓的中心點移動到正圓中心
  • 點擊正圓圖層,按P鍵調出位置屬性
  • 將時間線移動到1秒3幀
  • 我們將正圓移出藍色矩形外
  • 並在這個時間設置為正圓入點
  • 然後將時間線移動到1秒10幀
  • 我們將正圓往左上角移動,模擬正圓日出的時候
  • 將1秒3幀的關鍵幀打上緩入,1秒10幀的關鍵幀打上緩動
入門AE:小動畫製作,動態照片的展示,附帶教程

7、

  • 正圓靜止一段時間後,將時間線移動到1秒20幀,將正圓的位置打上關鍵幀
  • 然後將時間線移動到2秒1幀的位置
  • 我們拖動正圓往左下角移動,這就是太陽日落
  • 然後點擊藍色矩形
  • 我們找到顏色屬性,在1秒20幀位置打上關鍵幀
  • 然後移動到2秒1幀位置
  • 我們將藍色矩形的顏色調暗點
  • 還有兩座山的方法也是一樣的調節,我們都將顏色調暗
入門AE:小動畫製作,動態照片的展示,附帶教程

8、

  • 我們點擊橢圓工具,畫一個和太陽一樣大小的正圓
  • 將顏色改為淺黃色
  • 點開淺黃色圖層,找到內容-橢圓1
  • 我們複製一個橢圓1,這樣複製出來的橢圓就在淺黃色圖層裡面,而不是新建一個圖層
  • 然後點擊添加,合併路徑
  • 我們將橢圓2,想左平移一段距離
  • 點開合併路徑,改為相減,這就能得到我們的月亮了,這就是AE的布爾運算
入門AE:小動畫製作,動態照片的展示,附帶教程

9、

  • 我們用星形工具畫出兩個五角星(星形工具,在橢圓工具裡面),方法就是先畫一個星星,在一個圖層裡面繼續畫第二個星星,這樣他們就能保持在一個圖層裡面,移動位置的時候,就只需要移動一個就行
  • 在時間線為1秒20幀的位置
  • 我們按P鍵點開月亮和星星的位置屬性,並打上關鍵幀
  • 在2秒1幀的時候,我們將月亮移動到左上角,星星往下移動
  • 並都將1秒20幀的關鍵幀打上緩入,2秒1真的關鍵幀打上緩動
入門AE:小動畫製作,動態照片的展示,附帶教程

10、

  • 選中月亮、星星、太陽、2個山的圖層
  • 我們預合成(快捷鍵:shift+ctrl+c),命名為風景
  • 然後沒有遮罩選項的開大:展開或摺疊“轉換控制”窗格
  • 點擊風景圖層,在TrkMat選項裡選擇Alpha遮罩“照片遮罩”,這樣我們的動畫效果就完成了


11、

  • 現在來看看我們辛苦製作的動畫效果吧
入門AE:小動畫製作,動態照片的展示,附帶教程

結語:今天的過程一樣的比較麻煩,但是肯定不難,所以大家慢慢看,不要急(新的知識點2個)


分享到:


相關文章: