Flash8 第一週 基本操作&動畫快速上手 授課教師：葉麗君.

Presentation on theme: "Flash8 第一週 基本操作&動畫快速上手 授課教師：葉麗君."— Presentation transcript:

1 Flash8 第一週 基本操作&動畫快速上手 授課教師：葉麗君

2 Flash的優勢在那裡？ ※操作簡單。 ※與多媒體的相容性高。 ※「向量式」的動畫軟體，檔案小，顯示速度快。 ※提供最佳的互動性。

3 起始頁 ※起始頁：按編輯→偏好設定→類別→一般→啟動時文件狀態→顯示起始頁。
※預設面版：包含左側面版：工具面版又稱工具箱，右側及下方面版，可利用收合鈕來控制。 ※文件視窗： (1)文件標籤：預設為未命名-1。 (2)時間軸：可直接按一下時間軸名稱來顯示或隱藏時間軸。 (3)場景區：實際動畫播放的區域，又稱舞台或佈景。 (4)工作區：場景編輯區旁邊灰色地方稱為工作區，讓角色準備進場的地方，並不會出現在完成的視窗中可按檢視→工作區域或按Ctrl+Shift+W，來顯示或隱藏工作區的內容。

4 基本操作 ※面版操作：可從視窗功能表中看到Flash提供的各面版，大都有對應的快速鍵。
(1)展開/收合面版：面版的開啟或關閉可藉由視窗功能表來控制： (a)點面版上的文字 (b)利用面版上及功能。 (2)關閉面版：在標題列上按滑鼠右鍵。 (3)移動面版： (a)拉出來：滑鼠移到面版邊界處，當出現十字型的箭號時，按滑鼠左鍵不放將它拖曳離開我們的面版區，即可獨立顯示面版。 (b)拉回去：利用滑鼠直接拖曳回原處，出現粗黑的線時始可放開滑鼠。 (4)組合常用面版：利用面版右上角的選項選單鈕，選擇要合併面版到那個面版中，例如將調色盤合併到元件庫中。 (5)儲存面版集：按視窗→工作區版面→儲存目前版面→命名。 (6)恢復預設面版集：按視窗→工作區版面→預設。 (7)隱藏面版：按視窗→隱藏面版，或按F4鍵即隱藏面版，再按一次 F4鍵即顯示面版。

5 顯示比例 ※顯示比例 (1)顯示影格：只負責完整地顯示舞台，即使工作區域有內容也不會全部顯示。
(2)顯示全部：會顯示整個編輯區的所有物件，包含工作區內容，並將其放大到填滿視窗。 (3)符合視窗大小：會將舞台縮放至文件視窗的最大比例。 (4)也可直接在顯示比例列示窗中輸入想要的比例值(%可以省略)，或按檢視→放大顯示Ctrl+=，或或按檢視→縮小顯示Ctrl+-。 (5)縮放工具：可利用檢視工具箱中的縮放工具，來放大、縮小，也可局部放大。 ※手掌工具：移動顯示中的畫面。

6 預覽模式 ※預覽模式：加快畫面顯示速度，共有5種預覽模式，可依電腦的效能來調整顯示的速度，按檢視→預覽模式。
(1)外框：此模式可顯示物件的外框輪廓，所以顯示速度最快。 (2)快速：不啟動反鋸齒功能，顯示速度較快，但會出現鋸齒狀邊緣的現象。 (3)消除鋸齒：此模式可顯示物件原色，並開啟圖形物件的反鋸齒功能，所以看起來比較平滑，但顯示速度比快速模式慢。 (4)消除文字鋸齒(預設)：此模式比消除鋸齒模式多了文字文字物件的反鋸齒功能，即使文字物件放大顯示，看起來也很平滑。 (5)完整：此模式中所有物件比皆以最佳效果呈現，但會因此讓顯示的速度變得緩，最慢。

7 認識場景 ※場景又稱舞台，實際動畫播放的區域。
※場景是Flash動畫中的一個重要觀念，這個觀念最早是從電影、影片延伸而來，指的是影片中的某一個片段，在Flash中的場景，就是用來編輯圖形物件以及安排角色的地方，就是指整個影片中的一個片段， ※Flash預設只有1個場景，即為場景1，可透過Flash場景面版來設定不同的場景及做編輯。 ※開啟場景面版：按視窗→其他面版→場景，或按Shift+F2。 ※新增場景：(1)按插入→場景。(2)按場景面版上增加場景鈕。 ※更改場景名稱：在場景名稱上快按二下。 ※複製場景：按場景面版上的重製場景鈕。 ※改變場景順序：場景面版上直接利用滑鼠拖曳場景名稱。 ※切換場景做編輯： (1)透過場景面版。 (2)按時間軸上的編輯場景鈕。 ※刪除場景：按場景面版上刪除場景鈕。

8 認識場景 ※修改文件的場景：可透過下列方式修改： (1)修改→文件，或按Ctrl+J。
(2)文件屬性面版中的大小選項的對話方塊來改變尺寸，可改變下列功能： (a)標題：輸入動畫的題標。 (b)說明：新增動畫的描述及說明文字，與(a)並不會出現在動畫中，其目的是當您將動畫放在網路上分享時，可方便瀏覽者在搜尋引擎中輸入關鍵字找到您的作品，而動畫的關鍵字可以在這兩個欄位中設定。 (c)尺寸：場景預設大小為：寛550pixels、高400pixels (像素)，可以設定舞台的寬、高度，範圍需設定在1pixels至2880pixels之間。 (d)符合： ‧印表機：將舞台設定成有效列印範圍的大小。 ‧內容：將舞台設定成「剛好容納編輯區中所有內容」大小。 ‧預設：會將舞台恢復成預設尺寸。 (e)背景顏色：設定舞台背景顏色。 (f)影格速率：設定動畫播放速率，預設為12fps，表每秒播放12個影格。 (g)尺挸單位：設定舞台尺寸的單位，一般建議使用預設值(像素)即可。 (h)設成預設：按此可將目前的設定存成預設值，以後開新檔案會套用此值。 ※注意：在同一個動畫檔案中，所有場景的屬性都是相同的，如大小、背景顏色、影格速率。

9 認識Flash的檔案格式 ※Flash的檔案格式分為3種，可按檔案→發佈設定來輸出不同的檔案格式：
※.fla：Flash動畫的原生檔案格式，即Flash的工作檔，只有在Flash中才能開啟，在製作過程中尚未輸出的時候，都是以fla格式存在的，以便進行編修作業。 ※.swf：發佈成動畫檔後的檔案格式，即Flash的電影檔，此格式需藉匯出影片的動作完成，需先安裝Flash player播放器才可播放。 (1)按Enter鍵：可以在場景視窗中觀看播放情形。 (2)按Ctrl+Enter鍵：可以用來測試影片效果且會在與.fla相同目錄下產生.swf檔。 ※.exe：專案檔，又稱放映檔，是一種執行檔，會包含所有播放電影檔所需的資源，可在沒有安裝Flash player播放器的狀況下來展示動畫，若想mail給別人通常會用此種格式檔。 ※Flash雖然是向量式的繪圖軟體，但它可以處理多種格式的圖形檔案及媒體檔案。 ※載入圖片：按檔案→匯入：新版Flash增加了tiff影像-tiff及photoshop-psd，二種檔案類型。 ※按檔案→匯出：可匯出各種格式的檔案。 ※Flash可將匯入的點陣圖轉成向量的格式，方法：點選點陣圖，按修改→點陣圖→轉換成向量圖，則點陣圖即可變成向量圖，就可利用Flash的各種繪圖工具加以編輯了，練習：找一個點陣圖將其轉其向量圖並填色。

10 動畫快速上手-快速建立移動動畫 ※補間動畫：Flash最大的功勞就是補間動畫，是最方便又容易的一種動畫製作方式，只要製作連續動作的開始和結束的內容，中間的動畫過程就交給Flash自動完成。 ※運用補間動畫可以輕易製作出具有移動、縮放、旋轉、形狀漸變、色彩漸變等效果的動畫，還能控制移動速度變慢或變快…等。 ※補間動畫分為二種： (1)形狀補間動畫：形狀漸變、顏色漸變。 (2)移動補間動畫：移動漸變、縮放、加速/減速、自訂移動路徑。 ※影格(Frame)：就如同卡通動畫影片的單格畫面，而影格順序就代表Flash動畫行進的順序。 ※關鍵影格(Keyframe)：影格中的空心圓會轉變成實心圓，表動畫在此影格會產生關鍵性的變化，兩個關鍵影格間會自動補滿影格。 ※插入關鍵影格：在影格上按滑鼠右鍵或按F6鍵。

11 動畫快速上手-快速建立移動動畫 ※播放磁頭：可由此得知目前舞台上播放的是哪一格影格的內容，請先按一下影格1的位置，將播放磁頭移至動畫的最前面，再按下Enter鍵，此時播放磁頭會依序由影格1移動至影格10。 ※瀏覽完成的動畫效果：控制→測試影片或按Ctrl+Enter鍵。 ※建立移動補間動畫：在影格1至影格10之間會顯示一個箭頭圖示，箭頭穿過的影格，就是Flash幫我們完成的，這些自動完成的影格稱之為補間動畫影格。 ※作業p2-3，開啟練習檔02-learn.fla。

12 動畫快速上手-製作逐一影格動畫 ※連續影格動畫：就是一格一格的繪製影格內容，類似傳統卡通的繪製方法，所採用的製作方式，是將要表現動態的部份分解成多個動作，然後一個個的製作，再將這些動作連續播放，就形成了動態效果。 ※適合用來表現細膩的動作，如人在跑步，缺點是製作費時，且檔案體積較大，若是動畫要應用在網頁上的話，盡量減少使用連續影格動畫，以免增加網頁下載的時間。 ※在Flash中製作連續影格動畫的方式有二： (1)在Flash中逐格地繪製分解動作。 (2)直接匯入由其它軟體所製作的分解動作連續圖檔。 ※作業p2-8，開啟練習檔02-learn1.fla。

13 動畫快速上手-快速建立移動動畫 ※補間動畫：Flash最大的功勞就是補間動畫，是最方便又容易的一種動畫製作方式，只要製作連續動作的開始和結束的內容，中間的動畫過程就交給Flash自動完成。 ※運用補間動畫可以輕易製作出具有移動、縮放、旋轉、形狀漸變、色彩漸變等效果的動畫，還能控制移動速度變慢或變快…等。 ※補間動畫分為二種： (1)形狀補間動畫：形狀漸變、顏色漸變。 (2)移動補間動畫：移動漸變、縮放、加速/減速、自訂移動路徑。 ※影格(Frame)：就如同卡通動畫影片的單格畫面，而影格順序就代表Flash動畫行進的順序。 ※關鍵影格(Keyframe)：影格中的空心圓會轉變成實心圓，表動畫在此影格會產生關鍵性的變化，兩個關鍵影格間會自動補滿影格。 ※插入關鍵影格：在影格上按滑鼠右鍵或按F6鍵。

14 動畫快速上手-快速建立移動動畫 ※播放磁頭：可由此得知目前舞台上播放的是哪一格影格的內容，請先按一下影格1的位置，將播放磁頭移至動畫的最前面，再按下Enter鍵，此時播放磁頭會依序由影格1移動至影格10。 ※瀏覽完成的動畫效果：控制→測試影片或按Ctrl+Enter鍵。 ※建立移動補間動畫：在影格1至影格10之間會顯示一個箭頭圖示，箭頭穿過的影格，就是Flash幫我們完成的，這些自動完成的影格稱之為補間動畫影格。 ※作業p2-3，開啟練習檔02-learn.fla。

15 動畫快速上手-製作逐一影格動畫 ※連續影格動畫：就是一格一格的繪製影格內容，類似傳統卡通的繪製方法，所採用的製作方式，是將要表現動態的部份分解成多個動作，然後一個個的製作，再將這些動作連續播放，就形成了動態效果。 ※適合用來表現細膩的動作，如人在跑步，缺點是製作費時，且檔案體積較大，若是動畫要應用在網頁上的話，盡量減少使用連續影格動畫，以免增加網頁下載的時間。 ※在Flash中製作連續影格動畫的方式有二： (1)在Flash中逐格地繪製分解動作。 (2)直接匯入由其它軟體所製作的分解動作連續圖檔。 ※作業p2-8，開啟練習檔02-learn1.fla。