技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
11
0
自我挑戰組
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ
系列 第
11
篇
鐵人賽Day11-第七章:動畫3.1-倒滿水杯1(lottie版)
12th鐵人賽
窩是一隻魚
團隊
對不起,你是個好人,但我們只是網友
2020-09-24 23:25:38
876 瀏覽
分享至
做了這麼久動畫,大家先坐下來喝口水吧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鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
10427
篇
完賽人數
100
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
17th鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
【求助】顯卡/主板 支援 PCIe4.0 為何 Host to Device (H2D) 只剩 Gen1 速度 (0.5 GB/s) ?
請問今天鐵人賽的發文系統是否故障?
Windows GPO Bitlocker
HP iLo Advanced trial license
在線求大神,千奧軟體主機怎麼安裝
Docker Compose 建立 GitLab 容器,執行器 Runner 運行流水線問題
windows server無法使用gpedit.msc
Java證照題目(main() method)
因為網路磁碟的關係造成系統自動重新開機
熱門回答
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
因為網路磁碟的關係造成系統自動重新開機
Windows GPO Bitlocker
【求助】顯卡/主板 支援 PCIe4.0 為何 Host to Device (H2D) 只剩 Gen1 速度 (0.5 GB/s) ?
windows server無法使用gpedit.msc
熱門文章
第30天,完賽心得 / 葉家藥燉排骨 在地排隊美食(新北板橋)| 30天滷肉飯
[為你自己學 n8n] 第 3 天,打開控制台,認識你的自動化駕駛艙!
第4天,數位憑證的產生 / 中崙張記藥膳排骨 排骨讚(台北松山)| 30天滷肉飯
第4天,Cloudflare Public DNS 與 WARP / 滷小小 美味的滷味 | 30天板橋湳雅夜市
第3天, 公鑰與私鑰 / 一甲子餐飲 都是韓國人在吃(台北萬華)| 30天滷肉飯
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}