技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
11
0
自我挑戰組
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ
系列 第
11
篇
鐵人賽Day11-第七章:動畫3.1-倒滿水杯1(lottie版)
12th鐵人賽
窩是一隻魚
團隊
對不起,你是個好人,但我們只是網友
2020-09-24 23:25:38
603 瀏覽
分享至
做了這麼久動畫,大家先坐下來喝口水吧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鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23096
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
公司有人常常亂改IP位置(想問有甚麼辦法可以將IP鎖住不給更改)
DDR3記憶體 只抓到一半
發現生產厲害的傳統產業,資訊化越厲害,生產能力反而降低?
請問我晚上開發一款工具,早上給公司使用,沒特別條款,法律知識產權還是我的嗎?
和朋友討論不出來 ,關鍵字搜尋方法,我也想學EXCEL了
請教外網如何連到家裡內部裝置
自家官網連線不到
請問公司網路通暢,卻部分固定的使用者無法連到特定網頁 ,求救~~~
API網址列 網址問題
Alma Linux與Rocky Linux,選擇哪一個比較好?
熱門回答
公司有人常常亂改IP位置(想問有甚麼辦法可以將IP鎖住不給更改)
請問公司網路通暢,卻部分固定的使用者無法連到特定網頁 ,求救~~~
和朋友討論不出來 ,關鍵字搜尋方法,我也想學EXCEL了
Alma Linux與Rocky Linux,選擇哪一個比較好?
自家官網連線不到
熱門文章
【資安日報】4月17日,多個廠牌的VPN系統、網路設備遭到鎖定,攻擊者對其發動暴力破解攻擊 Vigor Router Firewall 路由器 防火牆 解決方案
適合程式開發人員去練功夫
筆電Wifi不見後, 筆電該怎麼上網?
在任何雲端上運行:雲端的可移植性你有考慮過嗎?
量子計算「基礎」3. 量子操作
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}