形狀補間動畫的製作

2022-08-21 11:00:03 字數 1448 閱讀 4153

學習要點

(1)建立向量圖形

(2)學習各種形變補間動畫製作方法

(2)掌握在顏色屬性面板中設定顏色的方法

知識講解

在flash的時間幀面板上,在乙個時間點(關鍵幀)繪製乙個形狀或物件,然後在另乙個時間點(關鍵幀)更改該形狀或繪製另乙個形狀或物件,flash 根據二者之間的幀的值或形狀來建立的動畫被稱為「形狀補間動畫」。注意包括這幾種型別:起始關鍵幀物件本身形狀或大小的改變, 用繪圖工具繪製的幾何圖形之間形變,繪製的幾何圖和文字之間的形變,匯入的**和文字之間的形變,文字與文字之間的形變 。

任務布置:

設計乙個**和各種形變動畫的背景,包括紅心由小變大,匯入鋼琴gif影象,製作一顆紅星顫動的效果,文字音律變心動的形變,圓形變五角星形變,影象音符變文字的形變,最後是誰製作的文字說明。效果如下圖所示:(跳動的心及音符案例)

3-1-1跳動的心及音符案例

設計案例製作方法步驟:

步驟1:新建檔案儲存為跳動的心及音符

步驟2:匯入素材(包括背景**、**、和跳動的音符gif動畫**)

步驟3:新建圖層1,將其更名為背景,匯入背景**,在140幀處插入幀, 鎖定圖層

步驟4:新建圖層2,更名為將跳動音符,匯入跳動音符**,鎖定圖層。140幀處插入幀。

步驟5:新建圖層3,更名為心動,在該圖層的第一幀繪製心形,主要將筆觸顏色預設,用放射狀顏料桶紅色填充,並ctrl +d 直接複製乙個,並用部分選取工具 :將底部錨點向下啦,並刪除旁邊兩個錨點。

製作心形狀。並在30幀處插入關鍵幀,並用任意變形工具將其變小。回到起始幀,回到第一幀,右擊滑鼠建立補間形狀,在屬性面板中並對簡易混合欄進行設定乙個是0—100 由快變慢,0- -100 由慢變快。

混合欄,確定變形過程的細緻程度,按分布式就是平滑過渡,如果是角形就是以直接的方式過渡。完後鎖定圖層

步驟6:新建圖層4,更名為由心形變五角星的形變動畫第一幀從心**層的30幀複製貼上到這個圖層的第一幀,並在該圖層的30幀插入關鍵幀,並將心形刪除,回到第一幀,右擊滑鼠建立補間形狀,完後鎖定圖層

步驟7:新建圖層5,更名為由五角星轉變文字。在第一幀繪製五角星(參考上次案例),30幀處插入關鍵幀,並將五角星刪除,寫上閃閃紅星四個字,並將其打散。

回到回到第一幀,右擊滑鼠建立補間形狀,鎖定圖層。

步驟8:新建圖層6,更名音符**轉文字,匯入音符**,並用ctrl+b將其打散,30幀插入關鍵幀,並將音符**刪除,寫上兩個字,並用ctrl+b打散。回到圖層的第一幀右擊滑鼠建立補間形狀,鎖定圖層

步驟9:新建圖層7,更名為由文字變文字,第一幀寫上音符,並將其打散,30幀處插入關鍵幀,將音符刪除,寫上心動並打散。回到第一幀右擊滑鼠建立補間形狀,鎖定圖層

步驟10:新建圖層8,更名為匯入**鎖定圖層

步驟11:新建圖層9,更名為文字說明用文字輸入工具輸入----製作作者。鎖定圖層

步驟12:選中9個圖層的140幀,插入幀。

步驟13::測試**,並匯出影片格式。效果如3-1-1.

形狀補間動畫

實錄 二 形狀補間動畫 課堂教學過程 教師 一段自製的flash補間小動畫給學生欣賞,由此引入形狀補間動畫。學生回憶所學過的內容,了解本課的任務。師 同學們,我們上節課已經學習了動作補間動畫的知識,那麼,在 的這段flash動畫中,騎著笤帚的小巫師在做動作補間動畫,這時有的同學已經看到了 狗變成了螞...

用繪圖工具製作形狀補間動畫

用繪圖工具製作形狀補間動畫 教學設計 五年級資訊科技 下 工作單位 銀川市興慶區第十七小學 執教教師 陳小亮 日期 2014年5月22日 用繪圖工具製作形狀補間動畫 教學設計 銀川市興慶區第十七小學陳小亮 一 教材分析 本課是寧夏教育廳教研室編著的義務教育教科書 資訊科技 五年級 下 模組6動畫製作...

大學flash形狀補間動畫與傳統補間動畫製作步驟

調大小位置,屬性面板設alpha為0 第54幀插入關鍵幀,調元件大小位置,屬性面板設 色彩效果 為 無 在第48幀位置右擊,建立傳統補間 7.圖層7 第25幀插入關鍵幀,拖入將拖入的影象轉換成圖形元件 人物模糊 調大小位置,屬性面板設alpha為0 第40 45幀插入關鍵幀,調元件大小位置,屬性面板...