第 1 章 Flash 基本操作.

Presentation on theme: "第 1 章 Flash 基本操作."— Presentation transcript:

1 第 1 章 Flash 基本操作

2 本章提要 1-1 認識操作環境 1-2 開新檔案、開啟舊檔與儲存檔案 1-3 檢視動畫文件視窗 1-4 面板的操作 1-5 場景
1-6 動畫的文件屬性 1-7 動畫的匯出與發佈

3 1-1 認識操作環境 請執行『開始/所有程式/Macromedia/ Macromedia Flash 8』命令啟動 Flash, 預設在程式開始時會顯示起始頁的開檔選單畫面, 選單內容依類型分為 3 個區域, 分別是開啟最近使用的檔案、建立新檔案和從樣板建立, 供使用者自行選擇要執行的檔案。

4 認識操作環境

5 認識操作環境 請按下起始頁中建立新檔案區的 Flash 文件 (第 1 個項目), 即可看到如下圖的預設版面配置, 我們就透過它來認識 Flash 的操作環境：

6 認識操作環境

7 認識操作環境 Flash 的操作環境主要分成 3 大部份, 分別是：Flash 主視窗、動畫文件視窗以及散佈四處的面板。

8 1-2 開新檔案、開啟舊檔 與儲存檔案 開新檔案 開啟舊檔與關閉檔案 儲存檔案 切換與排列動畫文件視窗

9 開新檔案 在起始頁中選擇 Flash 文件項目, 或在Flash 主視窗執行『檔案/開新檔案』命令皆可建立新檔案。
兩者的差異是選擇前者的方式開啟, 會立即建立一個新的空白文件檔；執行後者的命令, 則會出現如下的新增文件交談窗, 讓您選擇要開啟的檔案類型：

10 開新檔案

11 開新檔案 檔案預設會從未命名-1 開始編號, 接著是未命名-2、未命名-3…依此類推, 當你儲存檔案時, Flash 則會讓你重新為檔案命名。

12 開新檔案

13 開啟舊檔與關閉檔案 要開啟儲存在磁碟中的動畫檔, 可執行『檔案/開啟舊檔』命令將檔案重新載入Flash 中來編輯；也可以在起始頁中選擇開啟最近使用的檔案項目或開啟舊檔, 同樣可以由開啟舊檔交談窗讓您選擇要開啟的檔案。 在此你可以開啟練習檔 fla 來操作看看。

14 開啟舊檔與關閉檔案 編輯完畢並儲存檔案後, 可執行『檔案/關閉檔案』命令(或是按下動畫文件視窗標題列右側的 鈕) 關閉。
編輯完畢並儲存檔案後, 可執行『檔案/關閉檔案』命令(或是按下動畫文件視窗標題列右側的 　 鈕) 關閉。 若按下主視窗的關閉鈕, 則會關閉所有動畫文件視窗並結束 Flash。

15 儲存檔案 做好的Flash 動畫一定要儲存起來, 以後才能再載入 Flash 中繼續編輯。

16 儲存檔案 要以其它檔案儲存時, 請執行『檔案/另存新檔』命令, 為動畫重新命名再儲存。
Flash 所儲存的檔案格式是 .fla, 這是Flash 動畫的原生檔案格式, 只有 .fla 格式的檔案才能在 Flash 中編輯、修改。

17 切換與排列動畫文件視窗 開啟多個檔案時, 預設會將檔案名稱以頁次標籤顯示, 按一下想要編輯的檔案頁次標籤, 即可切換至該檔案。
『視窗』功能表最下方亦會列出目前開啟的檔案, 選取檔案名稱可切換該檔案到最上層來編輯。 若執行『視窗/重疊顯示』命令, 會將動畫檔顯示成一個個的獨立視窗, 點選要編輯的檔案即可切換。

18 1-3 檢視動畫文件視窗 動畫文件視窗是編輯動畫內容的場所, 所以在正式製作動畫之前, 我們要花點時間來認識並熟悉這個工作環境。
首先我們要仔細瀏覽動畫文件視窗, 了解其內部的組成, 再熟悉檢視動畫的技巧。

19 文件視窗 開啟檔案時, 動畫文件視窗預設是最大化的狀態, 且填滿 Flash 的主視窗。
為了讓畫面變單純, 使我們更清楚看到文件視窗的組成, 請按下 　 鈕, 將文件視窗與主視窗分離, 就可以看到如下的文件視窗。 以練習檔案 fla 來說明：

20 文件視窗

21 文件視窗 文件視窗主要分成兩大塊, 上面是時間軸面板, 只有這個面板會嵌在文件視窗中。下方整個區域稱為編輯區, 我們可以在此區進行繪圖、編輯動畫的內容；其中又分為兩個部份：白色的區域是舞台 (Stage), 即動畫真正的播放範圍, 灰色部份稱為工作區域 (Work Area), 我們亦可在工作區域編輯物件, 但在播放動畫時看不到此區的內容。

22 調整顯示比例 我們可以從編輯區右上方的顯示比例列示窗, 或『檢視/顯示比例』子功能表中, 選擇編輯區的顯示比例。
除了以數字改變顯示的比 例外, 也可以選擇顯示影格 (Show Frame)、顯示全 部 (Show All) 與符合視窗 大小 (Fin in Windows) 3 個選項, 其顯示狀況如右：

23 調整顯示比例

24 調整顯示比例

25 調整顯示比例

26 調整顯示比例 也可以直接在顯示比例列示窗中輸入想要的比例值 (% 可以省略), 或利用『檢視』功能表的『放大顯示』或『縮小顯示』命令來調整顯示比例。

27 顯示/ 隱藏工作區域 在編輯動畫時, 預設會顯示工作區域, 執行『檢視/工作區域』命令則可切換工作區域的顯示或隱藏(勾選該命令表示顯示)。隱藏工作區域時, 位於工作區域中的物件便不會顯示, 想預覽動畫播放的實際畫面便可這麼做。

28 顯示/ 隱藏工作區域

29 使用「縮放工具」調整顯示比例 利用工具面板上檢視區的縮放工具(Zoom Tool) , 可以針對特定區域進行縮放：

30 使用「縮放工具」調整顯示比例

31 使用「縮放工具」調整顯示比例

32 使用「縮放工具」調整顯示比例

33 使用「縮放工具」調整顯示比例

34 使用「手掌工具」移動畫面 使用手掌工具 (Hand Tool) 可以拉曳編輯區的畫面, 以顯示出想要檢視的部份, 且不會改變顯示比例：

35 使用「手掌工具」移動畫面

36 預覽模式─加快畫面顯示速度 Flash 提供5 種預覽模式, 可以讓你根據電腦效能調整畫面的顯示速度。
請執行『檢視/預覽模式』命令, 我們來看看有哪些顯示模式：

37 預覽模式─加快畫面顯示速度

38 外框 (Outlines) 此模式只會顯示物件的外框輪廓, 所以顯示速度最快。當你要改變圖形物件的造型時, 選此模式可以方便作業。

39 快速 (Fast) 此模式可顯示物件原來的顏色, 但不啟用反鋸齒 (Anti-aliasting) 功能, 所以顯示的速度較快, 但會出現鋸齒狀邊緣的現象。

40 消除鋸齒 (Antialias) 此模式可顯示物件原色, 並開啟了圖像物件的反鋸齒功能, 所以看起來比較平滑, 但顯示速度比快速模式慢。

41 消除文字鋸齒 (Antialias Text)
此模式比消除鋸齒模式多了文字物件的反鋸齒功能, 即使文字物件放大顯示, 看起來也很平滑。

42 完整 (Full) 此模式中所有物件皆以最佳效果呈現, 但會因此讓顯示的速度變得緩慢。

43 1-4 面板的操作 Flash 的操作環境是可以彈性配置的, 其重點就在於各式面板的靈活調度。想要有個舒適又適合自己的編輯環境, 那你先得學會面板的各項基本操作。

44 開啟、切換與關閉面板 Flash 的面板可以隨時視作業需求自由開啟或關閉, 從『視窗』功能表即可看到Flash 提供的各面板。

45 開啟、切換與關閉面板

46 開啟、切換與關閉面板 各面板都有對應的快速鍵, 所以你也可以利用快速鍵來開啟、展開或摺疊、關閉面板, 例如按下 [Ctrl] + [K] 鍵, 可開啟對齊面板。 當面板標題列包含 2 至 3 個面板時稱為面板群組, 按下群組內的面板標題, 即可切換至該面板進行設定。

47 開啟、切換與關閉面板

48 開啟、切換與關閉面板 對於已開啟, 但暫時不需使用的面板, 除了可由『視窗』命令將該面板關閉 (再點選一次面板名稱) 外, 還可以利用如下的方法關閉面板, 騰出更大的編輯空間：

49 開啟、切換與關閉面板 如果只是想要暫時隱藏所有的面板, 可按下 [F4] 鍵(或執行『視窗/隱藏面板』命令), 將目前操作環境中所有已開啟的面板全部隱藏起來；再按一次 [F4] 鍵, 又可恢復原狀。

50 摺疊與展開面板 在操作的過程中, 面板有可能擋住太多編輯區域, 但又要隨時開啟該面板時, 可利用標題列上左邊的三角圖示來摺疊或展開面板：

51 摺疊與展開面板 如果想要一次摺疊右側(或下方) 的所有面板, 可按下 　 鈕 (或 　　鈕), 即可一次摺疊右側 (或下方) 的面板區, 再按一次可展開該面板區。

52 移動與組合面板 面板可以嵌在主視窗上, 也可以變成浮動面板, 還可以將多個面板組合成面板群組。按住滑鼠左鈕拉曳面板標題列左側的移動把手 　, 即可移動面板位置：

53 移動與組合面板

54 移動與組合面板

55 移動與組合面板 不過, 面板群組中的面板無法直接拉曳來調整位置, 只能整個面板群組一起移動。為了提供更方便的操作環境, 我們還可以將多個面板組合在一起, 組成更適合自己使用的專屬面板群組。 請按下面板標題列右邊的　 鈕：

56 移動與組合面板

57 移動與組合面板 如果希望調色盤面板, 不再隸屬於顏色面板群組之下, 可執行上圖中的『新面版群組』命令, 使調色盤面板獨立顯示成一個面板, 或是在其它面板進行如上的合併操作, 將經常使用的面板集合在一起, 就成為自己專屬的面板群組囉！

58 儲存與管理版面配置 Flash 會記憶關閉時的環境配置(包括各面板的組合、開啟狀態), 待下次啟動時仍會顯示上次關閉前的狀態。
若想保留調配好的面板配置, 可執行『視窗/工作區版面/儲存目前版面』命令, 將目前的操作環境配置命名存檔, 日後即可於『視窗/ 工作區版面』子功能表中直接選取套用。

59 儲存與管理版面配置 執行『視窗/工作區版面』命令, 可以看到預設及自訂的面板配置, 選取要套用的面板配置名稱, 工作環境即可調整至該配置：

60 儲存與管理版面配置 一旦儲存了太多的版面配置, 反而可能失去選擇的便利性, 你可以執行『視窗/工作區版面/管理版面』命令, 從中刪除不需要的版面配置：

61 1-5 場景 場景 (Scene) 是 Flash 動畫中的一個重要觀念, 這個觀念是從電影、影片延伸而來, 例如我們在電影中, 看到女主角在家門口與男主角道別後, 接著鏡頭一轉, 男主角馬上到機場要坐飛機了... 。 短短幾句話, 我們就看到了兩個場景, 第1 個場景是「女主角在家門口與男主角道別」, 第 2 個場景是「男主角到機場坐飛機」。

62 何謂場景 所謂的場景, 就是指整個影片中的一個片段。一個 Flash 動畫中可以有多個場景, 而場景之間最大的不同通常是背景, 也就是除了主角之外的環境。 兩個連續播放的場景, 可以沒有任何關聯, 尤其在 Flash 中, 場景的播放順序還可以透過 ActionScript 來控制, 因此我們可以說, 場景是用來區隔不同的動畫, 以方便安排故事情節。

63 新增與切換場景 新開啟的空白文件預設只有一個場景, 如果需要增加場景, 執行『插入/場景』命令即可新增, 而新增的場景會依順序編號, 例如預設的場景為場景1, 那麼新增的場景便從場景2、場景3... 依序編號。

64 場景的安排與操作 使用場景面板 (Scene panel) 可以新增、複製、刪除、重新命名場景, 以及調整各場景的順序。
請執行『視窗/其他面板/場景』命令來開啟場景面板：

65 場景的安排與操作

66 1-6 動畫的文件屬性 舞台是動畫實際播放的畫面, 所以舞台的大小與長寬比例對將來動畫的呈現有很大的影響。
Flash 預設的舞台尺寸是550 Pixels × 400 Pixels,背景為白色, 如果要更改舞台大小與背景色, 請執行『修改/文件』命令, 開啟文件屬性 (Document Properties) 交談窗來設定：

67 動畫的文件屬性

68 動畫的文件屬性 標題 (Title)：輸入動畫的標題。 說明 (Description)：新增動畫的描述及說明文字。
尺寸 (Dimensions)：此設定舞台的寬、高度, 尺寸單位可由下方的尺規單位欄設定。舞台的寬、高度必須設定在 1 Pixels 至 2880 Pixels 之間。

69 動畫的文件屬性 符合 (Match) ： 此處提供 3 個選項來設定舞台尺寸。
背景顏色(Background Color)：設定舞台背景色。

70 動畫的文件屬性 影格速率 (Frame Rate)：設定動畫播放速率, 請參考 10-5 節的說明。
尺規單位 (Ruler Unites)：設定舞台尺寸的單位, 一般建議使用預設值 (像素) 即可。 設成預設：按此鈕可將目前的設定存成預設值, 以後開啟新檔案都會套用這個預設值。

71 動畫的文件屬性 由於將 Flash 動畫發佈成網頁時, 還可以另行調整顯示區域、大小...等 (請參考第 18 章), 所以若一開始不知如何決定舞台尺寸, 使用預設值 (550 Pixels × 400 Pixels) 即可。

72 1-7 動畫的匯出與發佈 做好的 Flash 動畫除了要儲存起來, 方便日後再載入 Flash 中編輯外, 想要讓 Flash 動畫能夠在其它應用程式播放, 例如用 Microsoft Media Player 播放, 還得進一步將動畫匯出成適當的格式。 若是要將動畫應用在網頁上, 那麼可由 Flash 的發佈功能設定所有細節。

73 動畫的匯出與發佈 Flash 動畫的原生檔案格式為 .fla, 發佈成動畫檔後檔案格式為 .swf, 預設可在 Flash Player 進行播放 (安裝 Flash 程式時即會進行安裝)。 應用在其它程式的檔案格式亦不相同, 請參考第 17、18 章的介紹。