技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
11
0
自我挑戰組
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ
系列 第
11
篇
鐵人賽Day11-第七章:動畫3.1-倒滿水杯1(lottie版)
12th鐵人賽
窩是一隻魚
團隊
對不起,你是個好人,但我們只是網友
2020-09-24 23:25:38
723 瀏覽
分享至
做了這麼久動畫,大家先坐下來喝口水吧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
組
累計文章數
22195
篇
完賽人數
600
人
看影片追技術
看更多
{{ 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
熱門問題
請問內網IP如何轉外網IP?
如何寫公式才能利用excel 觸發一個數據時傳送一個訊息給 自已的line呢?有沒有可以用其它方式,來取代line notify 的方法,因為line 開始收費
新手學習編程,哪種編程語言好?
Windows7升級Windows10後網路功能異常
python爬蟲 動態生成網頁104人力銀行
區域網路問題提問
vmware 虛擬機(windows)裡顯示使用容量與實際檔案容量不符合
防火牆與DNS請教
FORTI 防火牆使用 RADIUS 認證問題請教
2台 Hyper-V 2008 R2 叢集主機(硬體規格相同), 如何加入一台新機? 謝謝.
熱門回答
請問內網IP如何轉外網IP?
防火牆與DNS請教
這樣的物件設計好嗎?
新手學習編程,哪種編程語言好?
區域網路問題提問
熱門文章
每日一篇學習筆記 直到我做完專題 :( [Day33]
每日一篇學習筆記 直到我做完專題 :( [Day34]
每日一篇學習筆記 直到我做完專題 :( [Day35]
每日一篇學習筆記 直到我做完專題 :( [Day36]
EPS 到 JPG 的高效轉檔策略:Python 實作範例
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}