Animate CC 熱騰騰火鍋煙動畫

更新於 發佈於 閱讀時間約 2 分鐘
raw-image

檢視範例】【下載範例

自然現象效果煙的部分,尤其是在熱騰騰的食物上,包括火鍋、泡麵、溫泉等場景的煙,此種煙的特性是較為急促向上冒,也比較濃厚。

目標動畫效果:使用圓形漸層影片片段元件做為煙的構成內容,搭配在影片片段元件內製作多重的煙元件向上移動,只要安排得宜,即可完成頗具效果的熱騰騰煙霧。
使用動畫技巧:影片片段元件、傳統補間動畫、外框編輯。

Step1.
在範例檔之中,元件庫內的漸層圓影片片段元件,為使用放射狀漸層填色所繪製。新增影片片段『煙霧』,在影片片段內拉入漸層圓圖像元件,於影格80處插入關鍵影格,縮小關鍵影格1上的圓形漸層並略成長橢圓,點取關鍵影格80上的橢圓漸層,設定元件alpha=0 %,並且向上移動約200像素,加入傳統移動補間動畫,設定加/減速:100。

raw-image

Step2.
選取整個移動補間動畫並執行複製影格,新增多個圖層,依序在每個圖層上不同的起始影格位置『貼上影格』,整理右側多餘影格,複製出多個圖層的逐漸上生並消失的煙霧。

raw-image

Step3.
依序點取每個圖層上的頭一個關鍵影格上漸層圓,任意的上下左右移動其位置(時間軸上切換為外框編輯模式),同樣的對每個圖層上的最後一個影格,也進行漸層圓的位置調整,任意的上下左右移動其位置。

raw-image

Step4.
回到場景上新增圖層,拉入煙霧影片片段,並將煙霧影片片段略微放大,二圖層於影格100處插入影格。

raw-image

新增多個圖層,依序在每個圖層上置入不同的放大煙霧(可以切換為外框編輯模式),最後選取每個圖層的第一個關鍵影格並向後移動,安排不同的開始時間,完成較自然排列的煙霧。

raw-image

相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果

留言
avatar-img
留言分享你的想法!
avatar-img
哩老師的沙龍
29會員
129內容數
多媒體設計的專業能力養成過程,除了有效率學習軟體之外,更重要的是各個軟體間的整合應用! Photoshop、Illustrator、Dreamweaver、Animate、CSS、Bootstrap響應式網頁等,相關的整合應用有機會皆會與大家分享喔~
哩老師的沙龍的其他內容
2020/02/13
Q版人物通常都是頭大、手短、腳短,因此在跑步時的動作步伐比較小,同樣需要注意手腳與身體元件的配合,搭配傳統補間動畫即可確保跑步動作的流暢。 目標動畫效果:應用影片片段元件表現可愛人物的跑步動作,除了元件的準備與安排來表現動作之外,以傳統補間動畫讓動作更為流暢。 使用動畫技
Thumbnail
2020/02/13
Q版人物通常都是頭大、手短、腳短,因此在跑步時的動作步伐比較小,同樣需要注意手腳與身體元件的配合,搭配傳統補間動畫即可確保跑步動作的流暢。 目標動畫效果:應用影片片段元件表現可愛人物的跑步動作,除了元件的準備與安排來表現動作之外,以傳統補間動畫讓動作更為流暢。 使用動畫技
Thumbnail
2020/02/13
對於是以相片人物來製作動畫時,當然必需要在Photoshop中事先處裡好每個元件細節,然後再正確匯入Animate中來完成動畫,同樣是需要注意元件變形中心與動畫動作的設定。 目標動畫效果:應用影片片段元件表現以影像為素材的人物動畫,需注意匯入檔案的正確方式,除了元件的準備
Thumbnail
2020/02/13
對於是以相片人物來製作動畫時,當然必需要在Photoshop中事先處裡好每個元件細節,然後再正確匯入Animate中來完成動畫,同樣是需要注意元件變形中心與動畫動作的設定。 目標動畫效果:應用影片片段元件表現以影像為素材的人物動畫,需注意匯入檔案的正確方式,除了元件的準備
Thumbnail
2020/02/13
接著將介紹更為細膩的角色跑步動畫,細膩處即是手與腳都各分為二部分,因此無論是各元件的調整與設定都需要更仔細,否則將有元件中途分開的問題。 目標動畫效果:應用影片片段元件表現線條人物的的跑步,除了元件的準備與安排來表現動作之外,手與腳的部分均以二元件組成,所有元件將以傳統補
Thumbnail
2020/02/13
接著將介紹更為細膩的角色跑步動畫,細膩處即是手與腳都各分為二部分,因此無論是各元件的調整與設定都需要更仔細,否則將有元件中途分開的問題。 目標動畫效果:應用影片片段元件表現線條人物的的跑步,除了元件的準備與安排來表現動作之外,手與腳的部分均以二元件組成,所有元件將以傳統補
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
在《魔法餐作室》製作餐點時,不同食材混合後風味變化的判定方法。
Thumbnail
在《魔法餐作室》製作餐點時,不同食材混合後風味變化的判定方法。
Thumbnail
其實調香師調香後的應用太多,芳療師的更多,畢竟香氛無所不在。因為,我們必須呼吸,所以有空氣就有各種味道,就會產生各種周邊。 現在來介紹一個簡單的香氛運用,如何將您愛的香水帶入生活中。調香磚是一個很好的應用喔。 首先您需要準備,欲製作的模具,一個鋼杯,一個攪拌的湯匙和一個可以加熱的器具。
Thumbnail
其實調香師調香後的應用太多,芳療師的更多,畢竟香氛無所不在。因為,我們必須呼吸,所以有空氣就有各種味道,就會產生各種周邊。 現在來介紹一個簡單的香氛運用,如何將您愛的香水帶入生活中。調香磚是一個很好的應用喔。 首先您需要準備,欲製作的模具,一個鋼杯,一個攪拌的湯匙和一個可以加熱的器具。
Thumbnail
創作其實是一種共情的方式, 過程很像沉香-- 樹木要先受傷, 然後分泌樹脂,最後才能凝香。
Thumbnail
創作其實是一種共情的方式, 過程很像沉香-- 樹木要先受傷, 然後分泌樹脂,最後才能凝香。
Thumbnail
在這篇文章中,我們將瞭解雪茄的三個主要組成部分:茄芯、茄衣和茄套。並且對雪茄的製造過程進行了詳細的介紹,涵蓋了捲雪茄的過程以及製作茄芯、茄衣和茄套的步驟。這篇文章對雪茄愛好者和製造商來說都是一個相當具有價值的閱讀。茄芯(Filler): 茄芯是雪茄的內部部分,也是整支雪茄的主要成分。茄芯由多種不同類
Thumbnail
在這篇文章中,我們將瞭解雪茄的三個主要組成部分:茄芯、茄衣和茄套。並且對雪茄的製造過程進行了詳細的介紹,涵蓋了捲雪茄的過程以及製作茄芯、茄衣和茄套的步驟。這篇文章對雪茄愛好者和製造商來說都是一個相當具有價值的閱讀。茄芯(Filler): 茄芯是雪茄的內部部分,也是整支雪茄的主要成分。茄芯由多種不同類
Thumbnail
這一系列為脈輪調香小短篇,主要是搭配著脈輪為主題的調香創作 過程中會使用香精與精油互相搭配而形成的香氣 調香本身是個主觀的過程,透過自我搭配香氛搭配來完成。 就算同一個主題,每次調配的香氣也不見得會一樣 歡迎喜歡調香的香寶們一起來試試唷。 海底輪的能量匱乏,會使我們感到行動力低落,對任
Thumbnail
這一系列為脈輪調香小短篇,主要是搭配著脈輪為主題的調香創作 過程中會使用香精與精油互相搭配而形成的香氣 調香本身是個主觀的過程,透過自我搭配香氛搭配來完成。 就算同一個主題,每次調配的香氣也不見得會一樣 歡迎喜歡調香的香寶們一起來試試唷。 海底輪的能量匱乏,會使我們感到行動力低落,對任
Thumbnail
“吃氣味”與“拍感覺” 對攝影師而言 應該可以類比   前菜、打開味蕾 是廚師廚藝的進場秀 也是呈現給顧客的開場白   拍照 有時無法準確的形容 傳達的是一種“感覺” 訴諸圖像是無疆界的語言   圖片技巧: 以暗色背景及逆光方式表現葉脈的透光性 梳理綠色菜葉讓其抬頭
Thumbnail
“吃氣味”與“拍感覺” 對攝影師而言 應該可以類比   前菜、打開味蕾 是廚師廚藝的進場秀 也是呈現給顧客的開場白   拍照 有時無法準確的形容 傳達的是一種“感覺” 訴諸圖像是無疆界的語言   圖片技巧: 以暗色背景及逆光方式表現葉脈的透光性 梳理綠色菜葉讓其抬頭
Thumbnail
亞洲調香師協會新課程。 幾年的命理,整復經絡,黃帝內經,芳療,調香等的累積其實需要十年功以上。 理事長真的很用心的開發出來後,未來會有持續的研討會。因為這不是學就會的東西,需要時間去體悟,如同調香師學了更需要多年的經驗累積。光是回饋回來的問題最後都不是調香了,都變算命去了。這個要另外
Thumbnail
亞洲調香師協會新課程。 幾年的命理,整復經絡,黃帝內經,芳療,調香等的累積其實需要十年功以上。 理事長真的很用心的開發出來後,未來會有持續的研討會。因為這不是學就會的東西,需要時間去體悟,如同調香師學了更需要多年的經驗累積。光是回饋回來的問題最後都不是調香了,都變算命去了。這個要另外
Thumbnail
炸物:惡魔般的食物,帶給你充滿罪惡的滿足感,以及揮之不去的體重。 可能很多人沒注意到,食物不只有色、香、味,還有「聲音」。用常識想一下就可以知道,滋滋聲來自於水跑到高溫油裡面時,汽化後變成氣泡而急速膨脹、爆開。不過更詳細的物理機制是什麼呢?
Thumbnail
炸物:惡魔般的食物,帶給你充滿罪惡的滿足感,以及揮之不去的體重。 可能很多人沒注意到,食物不只有色、香、味,還有「聲音」。用常識想一下就可以知道,滋滋聲來自於水跑到高溫油裡面時,汽化後變成氣泡而急速膨脹、爆開。不過更詳細的物理機制是什麼呢?
Thumbnail
我今天在家上視訊美勞課,是做火山爆發,先拿一個麵糰或黏土捏成一個火山的形狀,再準備兩杯水、洗碗精、檸檬酸、小蘇打粉和顏料,把小蘇打粉放進水裡面,再加顏料還有洗碗精,最後攪拌倒進火山裡,另外一杯水加檸檬酸再攪拌,最後倒進火山裡就爆炸了!
Thumbnail
我今天在家上視訊美勞課,是做火山爆發,先拿一個麵糰或黏土捏成一個火山的形狀,再準備兩杯水、洗碗精、檸檬酸、小蘇打粉和顏料,把小蘇打粉放進水裡面,再加顏料還有洗碗精,最後攪拌倒進火山裡,另外一杯水加檸檬酸再攪拌,最後倒進火山裡就爆炸了!
Thumbnail
【檢視範例】【下載範例】 自然現象效果煙的部分,尤其是在熱騰騰的食物上,包括火鍋、泡麵、溫泉等場景的煙,此種煙的特性是較為急促向上冒,也比較濃厚。 目標動畫效果:使用圓形漸層影片片段元件做為煙的構成內容,搭配在影片片段元件內製作多重的煙元件向上移動,只要安排得宜,即可完成頗具效果的熱騰騰煙霧。 使
Thumbnail
【檢視範例】【下載範例】 自然現象效果煙的部分,尤其是在熱騰騰的食物上,包括火鍋、泡麵、溫泉等場景的煙,此種煙的特性是較為急促向上冒,也比較濃厚。 目標動畫效果:使用圓形漸層影片片段元件做為煙的構成內容,搭配在影片片段元件內製作多重的煙元件向上移動,只要安排得宜,即可完成頗具效果的熱騰騰煙霧。 使
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News