之前在 想讓別人認(rèn)可你的 Idea 嗎挖腰？ 一文中提到以后要寫關(guān)于 After Effect 的文章憨颠。今天來挖墳了斤斧，本文分享一下如何用 AE 配合 AI & PS 進(jìn)行簡單的 gif 動效制作陷虎，歡迎討論腌巾。
Step 1
打開 AI, 文檔類型選擇 Video and File, AI 畫布會自動幫助創(chuàng)建文字安全線，便于后期導(dǎo)入 AE 中辐怕。
Step 2
- 新圖層逼蒙，圖形工具畫圓1，描邊寄疏，填充 border: 6px; color: #fff;
- 新圖層是牢，復(fù)制圓1僵井，縮小，改 border:2px;
- 新圖層驳棱，鋼筆工具描繪左側(cè)彎形直線批什，填充 color: #fff，復(fù)制社搅，旋轉(zhuǎn)驻债，剪切到另一個新圖層生成右側(cè)彎形曲線。
- 新圖層形葬，直線工具生成中間橫線合呐，color: #fff; border: 2px;
- 新圖層，輸入 SURF, 調(diào)整字體設(shè)置荷并，使其大小適中
- 新圖層合砂，復(fù)制 SURF，內(nèi)容改成 ZONG
需要注意的是源织，每一個需要運動的元素都需要創(chuàng)建在單獨的圖層上翩伪。因為 AE 支持直接導(dǎo)入 AI 文件，同時會將 AI 每一個圖層對應(yīng)生成
Step 3
打開 AE, 將 AI 導(dǎo)入[import as component]谈息，生成新的 Component.
雙擊 Component, 即可看到每個圖層缘屹，下面可以開始正式制作動畫了。
Step 4
根據(jù)自己想要的動畫效果侠仇，創(chuàng)建關(guān)鍵幀轻姿，并設(shè)置對應(yīng)屬性。每一個單獨的圖層好比一個跳躍的小動物逻炊，黑色畫布好比美麗的草原互亮。而你就好比大自然的神，讓每個小動物在特定的時刻以某種方式出現(xiàn)在大自然的某個地方余素。
主要動效過程：
- 大圓先從 scale: 5% 到 scale: 100%;
- 0.2s 后豹休，小圓再從 scale: 5% 到 scale: 100%;
- 1.5s，左右豎線漸變出現(xiàn)桨吊，opacity: 0% - 100%
- 1.3s威根，當(dāng)豎線快完全出現(xiàn)時，漸變中間的橫線视乐，opacity: 0% - 100%
- 1.5s - 2.5s, 改變左右豎線的 position, 同時改變中間橫線的 scale, 形成拉伸開來的效果
- 2.5s - 3.5s, 利用 Alpha matte 功能制作文字上浮功能
- 3.5s - 6s洛搀，利用 Null object 群組所有元素，設(shè)置旋轉(zhuǎn)效果
效果基本完成啦佑淀。
Step 5
但動畫效果都是線性的留美，看起來沒有什么動感。這時候需要點擊 Graph Editor 按鈕，去調(diào)節(jié)動畫曲線独榴。但讓也可以快捷設(shè)置 Ease in || Ease out || Ease Ease, 按照你想象中的方式設(shè)置它僧叉。曲線越緩奕枝，動效漸變越快棺榔，反之亦然，多設(shè)置幾次就會找到你喜歡的模式隘道。
Step 6
渲染導(dǎo)出症歇，導(dǎo)出格式選擇如下。
點擊 Output Module谭梗，將導(dǎo)出 Format 設(shè)置為 PNG Sequence. 這樣 AE 便會將所有圖片幀按 Sequence 保存到指定地址忘晤。
Step 7
打開PS, Open 保存圖片的文件夾，選擇第一張圖片激捏，導(dǎo)入時記得勾選 Image Sequence checkbox.
Step 8
存儲為 WEB设塔，格式選擇為 gif 即可。
大功告成远舅，用瀏覽器打開 gif 便可以欣賞自己的作品了闰蛔。
How? The shortest answer is doing. -
