技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
11
0
自我挑戰組
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ
系列 第
11
篇
鐵人賽Day11-第七章:動畫3.1-倒滿水杯1(lottie版)
12th鐵人賽
窩是一隻魚
團隊
對不起,你是個好人,但我們只是網友
2020-09-24 23:25:38
710 瀏覽
分享至
做了這麼久動畫,大家先坐下來喝口水吧W
不過為了讓大家看清楚“水流“,於是這次我使用”可樂“這種能看得清楚的液體來做。那麼,我們就開始今天的動畫吧W
1.首先,我們先畫好我們的可樂及杯子放進AE裡(記得放進來的時候要選Layer size不要忘了喔!)
2.我們將要用的圖層都拉到左下方
3.一樣,我們將這些Create shapes from vector layer。
4.接下來,我們就要來倒我們的可樂摟~
(1).我們將除了可樂杯以外的圖層做一個預集合。
(2).我們叫它“可樂”
(3).再來,我們將”可樂杯“複製一個
(4).把其中一個移到最後
(5).把最上面的可樂杯縮小一點
(6).在“可樂”圖層後面的Track Matte拉下小箭頭Alpha最上層並調整過的可樂杯
(7).就會變得像這樣!
(8).再來我們按到剛剛的可樂預集合裡
(9).我們找到可樂第一層的Position。
(10).慢慢往上移動,最好是有弧度的左右移動。
(11).可以邊移邊看主畫面調整,而後面其他圖層就能依據這個圖層來調整了。
(12).偶而回主畫面看一下
(13).“可樂第二層”也一樣作法,目前液體的部分就這樣。
5.主畫面現在是這樣,但這樣顯得很單調。
於是我們給他一些二氧化碳所產生的氣泡。
(1).先將泡泡對好最後的位置
(2).選擇泡泡1,找到Position在最後一秒的地方按下碼表,再往前一秒移動他的位置
(3).移動完後我們來調整他的透明度讓他更貼近真實。
(4).那這裡比較特別的是,為了讓他維持一小段時間都是100%,於是我們先在一開始的地方按下碼表,這時候是100%,我們將時間往後拉一點,調整到0%,然後再往後一點調到100%,將最前面兩個關鍵針位置互換。
用這種方式做出五個關鍵針,分別的%數為0%-100%-100%-0%-0%,並且做雙向循環loopOut(type="pingpong")。
(5).將這段透明度的五個關鍵針複製到其他泡泡上,並做時間上的微調。其他泡泡一樣拉Position。
(6).最後就會長這樣!
完成品如下~
https://lottiefiles.com//share/qhntfm9e
那明天就是特效版了!各位明天見~
留言
追蹤
檢舉
上一篇
鐵人賽Day10-第六章:動畫2.3-移動中的車子3
下一篇
鐵人賽Day12-第七章:動畫3.2-倒滿水杯2(特效版)
系列文
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ
共
30
篇
目錄
RSS系列文
訂閱系列文
9
人訂閱
26
鐵人賽Day26-第八章:研究過程,誰能告訴我怎麼辦2!
27
鐵人賽Day27-第八章:我終於完成了!!!恐龍成功了!!
28
鐵人賽Day28-第八章:恐龍在草地上奔跑吧!
29
鐵人賽Day29-第九章:動畫5.1-天氣與灣熊1
30
鐵人賽Day30-第九章:動畫5.2-天氣與灣熊,今天一次完成它!
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
22192
篇
完賽人數
602
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
qr code生成多功能系統
Web Application 與Web Service 的差異
administrators群組成員的管理員權限不見
如何讓在中國的同事可以穩定的使用台灣總部的系統服務
請示ip位置的問題
AB兩點網路使用LTE數據機做連接
如何自製搜尋引擎
請問win11如何調整excel 2007工作表索引標籤字型大小?
求救,erp 無法使用,ping封包 100% 丟失
JS 讀取EXCEL檔的日期字串如何轉換
熱門回答
如何讓在中國的同事可以穩定的使用台灣總部的系統服務
求救,erp 無法使用,ping封包 100% 丟失
administrators群組成員的管理員權限不見
AB兩點網路使用LTE數據機做連接
如何以php抓取html文件的特定元素,並且依照抓取順序填入頁碼
熱門文章
Win11 24H2 終於對 NTLM 動手了(感動
卷 31:iThome 鐵人賽寫作攻略——新手必看指南
Microservice Pattern 犧牲了什麼?
如何在Google Colab和Replit中請AI解說Python程式碼及相關天文觀念?
Python 中的「match 」/ 「switch」:一個不存在卻又存在的概念
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}