Download presentation
Presentation is loading. Please wait.
1
第 3 章 補間動畫應用-英文字母教學動畫
2
課前導讀 Flash 動畫的蓬勃發展, 在網路上顯而易見, 如：用 Flash 製作的動畫影片、小遊戲...等。
有些人則想到用 Flash 製作教學影片, 發揮寓教於樂的功能。這一堂課, 我們將製作一段英文字母教學動畫, 並在輕鬆、有趣的製作過程中, 學到 3 種補間動畫的應用方式, 及匯入 Photoshop 的 .psd 圖檔、文字工具等應用。
3
課前導讀
4
本堂課學習提要 匯入用 Photoshop 設計好的 PSD 檔案做為背景 讓文字中的每個字母分散至不同圖層 製作背景的移動補間動畫
製作文字逐一飛入畫面的傳統補間動畫 製作文字變形的形狀補間動畫 設置形狀提示點來輔助字母的形狀變化 將 Flash 動畫置入到網頁中
5
Flash 應用實例賞析 使用 Flash 可以製作出畫面活潑、提高學習樂趣的教學影片, 且檔案容量又小, 相當適合放在網路上。
6
Flash 應用實例賞析
7
3-1 製作背景的移動補間動畫 匯入用 Photoshop 設計好的 PSD 檔案
8
匯入用 Photoshop 設計好的 PSD 檔案
9
匯入用 Photoshop 設計好的 PSD 檔案
10
製作彩虹吊框移入畫面的移動補間動畫
11
製作彩虹吊框移入畫面的移動補間動畫
12
製作彩虹吊框移入畫面的移動補間動畫
13
製作彩虹吊框移入畫面的移動補間動畫
14
製作彩虹吊框移入畫面的移動補間動畫
15
製作彩虹吊框移入畫面的移動補間動畫
16
3-2 製作字母逐字移入的傳統補間動畫 建立英文字母
17
建立英文字母
18
修改文字屬性
19
修改文字屬性
20
修改文字屬性
21
將「文字」打散及「分散至圖層」
22
將「文字」打散及「分散至圖層」
23
將「文字」打散及「分散至圖層」
24
將「文字」打散及「分散至圖層」
25
將「文字」打散及「分散至圖層」
26
製作字母逐一飛入畫面的動畫
27
製作字母逐一飛入畫面的動畫
28
製作字母逐一飛入畫面的動畫
29
製作字母逐一飛入畫面的動畫
30
製作字母逐一飛入畫面的動畫
31
製作字母逐一飛入畫面的動畫
32
3-3 製作字母大寫變小寫的形狀補間動畫 製作形狀補間動畫的條件
33
製作字母的形狀補間動畫
34
製作字母的形狀補間動畫
35
製作字母的形狀補間動畫
36
製作字母的形狀補間動畫
37
製作字母的形狀補間動畫
38
製作字母的形狀補間動畫
39
3-4 設置「形狀提示點」輔助字母的形狀變化
40
設置「形狀提示點」輔助字母的形狀變化
41
設置「形狀提示點」輔助字母的形狀變化
42
設置「形狀提示點」輔助字母的形狀變化
43
3-5 將彩虹吊框及字母移出舞台
44
將彩虹吊框及字母移出舞台
45
將彩虹吊框及字母移出舞台
46
將彩虹吊框及字母移出舞台
47
將彩虹吊框及字母移出舞台
48
將彩虹吊框及字母移出舞台
49
3-6 如何把做好的 Flash 動畫置入網頁中？
50
如何把做好的 Flash 動畫置入網頁中？
51
如何把做好的 Flash 動畫置入網頁中？
52
如何把做好的 Flash 動畫置入網頁中？
53
如何把做好的 Flash 動畫置入網頁中？
54
如何把做好的 Flash 動畫置入網頁中？
55
如何把做好的 Flash 動畫置入網頁中？
Similar presentations
