AE製作簡單有趣的動態日曆翻頁教程

Holle，大家好！今天和大家分享AE製作簡單有趣的動態日曆翻頁教程，最終的效果呈現如下：

本次使用軟件：

在動畫製作的前期，我們先使用Adobe illustrator軟件，將需要用到的素材設計出來，

這裏給大家展示一下設計過程和動畫思路：

圖層拆分：

在設計稿源文件裏，一共有5個圖層，這裏邊分別設計了3個日曆頁，以及日曆背麵和日曆支架。

設計思路拆解：

在AE裏邊，通過日曆翻轉切換頁麵。當然，小夥伴們想要效果更好，可以多設計幾個日曆頁，動畫的效果會更棒！圖片圖片圖片  

同時，還需要日曆背麵部分的圖層，避免動畫播放時穿幫。當然還需要有日曆的支架作為底托，這樣才有日曆翻頁的氛圍感。

設計圖解

一切都準備完畢，開始動畫吧↓↓↓

1，打開AE，把AI源文件拖入到我們AE項目麵板裏，緊接著，會彈出提示框，這時候我要要選擇對應的選項如下：

導入種類：合成 ； 素材尺寸：圖層大小

2，雙擊項目窗口的合成文件：

這時候你就會看到AE圖層窗口裏，有5個圖層,但是缺少背景圖層，所以我們要AE裏邊製作一個背景層。

3，在頂部菜單欄，找到 圖層 -新建 -純色

4，在純色設置麵板 選擇白色，並將圖層拖拽到最底下，做背景。

5，接下來就是實現效果的重要環節：到圖層麵板裏的選中激活圖層 1，在效果和預設麵板裏 輸入：CC page turn。

接著按住 下拉欄彈出的 【16 CC Page Turn 】拖拽到圖層 1 身上。

這樣你就能看到翻頁效果了

不過，還沒完，我們需要在效果控件麵板設置一些參數，小夥伴們隻需要關注我標黃劃線部分即可。

6，根據黃線部分的參數進行設置，如下：

Controls: Bottom Right Corner（底部右下角，也是默認設置）

Fold Position（控製點）:暫時不設置，等下隻需要做動畫調整位置即可。

Light Direction:（背部陰影的方向）：0x+160

Back Page（背部的頁麵顯示）: 日曆背麵

Back Opacity（背部透明度）：100

7，剩下的步驟非常簡單，隻需要在時間線上設置Fold Position兩個關鍵幀，調整Fold Position控製點的位置即可，如下：

將時間線放在第 1 幀的位置，單擊Fold Position前邊的碼表，創建關鍵幀,將Fold Position  控製點的位置拖動至 (439.8; 252.5)；

然後將時間拖動至 24 幀的位置，將控製點移出畫布外，至日曆頁拖出舞台。

這樣第一個日曆翻頁就做好啦，按鍵盤上的空格鍵就可以預覽了。接下來日曆頁2和3頁，相信看懂的小夥伴們就會做了。

8，將圖層1的CC Page Turn 按Command+C複製到 圖層2和 圖層3，這樣圖層1的關鍵幀都能複製到2和3圖層的日曆頁

(windows小夥伴複製是ctrl+c)

9,最後，隻需要將每個圖層的關鍵幀向後挪動至如下圖所示的樣子，就可以形成依次出場的效果了，這樣所有的動畫就都完成了！

掌握了今天的案例，諸如報紙翻頁，手機頁麵翻頁等動效，是不是也可以沿用這種方法做AE動效了。圖片

好啦！本期教程就分享到這裏了，希望大家會喜歡圖片！！！

作者：張永詳

來源：視覺半徑