Flash 8的工作界面與基礎(chǔ)操作.ppt

1、第二章 Flash 8的工作界面與基礎(chǔ)操作,第一節(jié) Flash 8的工作界面 第二節(jié) Flash 8的基礎(chǔ)操作 本章小結(jié) 習(xí)題二,選擇“開始”“所有程序”“Macromedia”“Macromedia Flash 8”命令啟動(dòng)Flash 8，打開其工作界面。Flash 8的工作界面與大多數(shù)工具軟件的一樣，最上面的是標(biāo)題欄和菜單欄，左側(cè)是工具箱，右側(cè)和底部是各種面板，如圖2.1.1所示。,第一節(jié) Flash 8的工作界面,圖2.1.1 Flash 8的工作界面,一、工作界面簡(jiǎn)介Flash 8的工作界面主要由標(biāo)題欄、菜單欄、工具箱、時(shí)間軸面板、舞臺(tái)與工作區(qū)、屬性面板以及其他面板組成，下面對(duì)它們進(jìn)行

2、簡(jiǎn)單介紹。1標(biāo)題欄標(biāo)題欄位于工作界面的最上面，用于顯示Flash 8的程序圖標(biāo)、軟件和當(dāng)前文件的名稱、“最小化”按鈕、“最大化”按鈕（或“還原”按鈕）和“關(guān)閉”按鈕，如圖2.1.2所示。,圖2.1.2 標(biāo)題欄,（1）程序圖標(biāo)：?jiǎn)螕粼搱D標(biāo)，將彈出一個(gè)下拉菜單，用戶可以選擇對(duì)Flash程序窗口進(jìn)行還原、最大化、最小化或移動(dòng)等操作。（2）“Macromedia Flash Professional 8-未命名-1” ：顯示軟件和當(dāng)前文件的名稱。（3）“最小化”按鈕：?jiǎn)螕粼摪粹o，將Flash 8窗口以圖標(biāo)的形式顯示在Windows的任務(wù)欄中，如圖2.1.3所示。,圖2.1.3 Windows的任務(wù)欄,

3、（4）“最大化”按鈕（或“還原”按鈕）：這是一對(duì)開關(guān)按鈕，單擊“最大化”按鈕將Flash 8窗口最大化顯示，此時(shí)，“最大化”按鈕將變?yōu)椤斑€原”按鈕；若單擊“還原”按鈕將Flash 8窗口恢復(fù)為原始尺寸。（5）“關(guān)閉”按鈕：?jiǎn)螕粼摪粹o，將關(guān)閉所有文件并退出Flash 8。,2菜單欄菜單欄位于標(biāo)題欄的下方，它包含“文件”、“編輯”、“視圖”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“幫助” 10個(gè)菜單項(xiàng)，如圖2.1.4所示。,圖2.1.4 菜單欄,菜單欄幾乎集中了Flash 8所有的命令和功能，用戶可以選擇其中的命令完成Flash 8的所有常規(guī)操作，如新建、復(fù)制、查找和替換等。

4、另外，用戶在操作過程中可以發(fā)現(xiàn)：在菜單命令的后面會(huì)跟有箭頭、3個(gè)小黑點(diǎn)、快捷鍵等不同內(nèi)容，它們具有不同的操作含義。,（1）菜單命令的后面跟有箭頭，表示它有一個(gè)子菜單。（2）菜單命令的后面跟有3個(gè)小黑點(diǎn)，表示選擇該命令將彈出一個(gè)對(duì)話框。（3）菜單命令的后面跟有快捷鍵，表示直接在鍵盤上按該快捷鍵即可執(zhí)行相關(guān)操作。 3工具箱Flash 8的工具箱位于工作界面的左側(cè)，它由工具、查看、顏色和選項(xiàng)4個(gè)區(qū)域組成，如圖2.1.5所示。,圖2.1.5 工具箱的4個(gè)組成區(qū)域,（1）工具：該區(qū)域提供了多種工具，用戶可以單擊鼠標(biāo)將它們激活，然后繪制各種圖形和對(duì)象。（2）查看：該區(qū)域中的手形工具用于移動(dòng)編輯畫面的觀察位

5、置；縮放工具用于改變舞臺(tái)及舞臺(tái)中對(duì)象的顯示比例。（3）顏色：該區(qū)域用于設(shè)置筆觸顏色和填充顏色。（4）選項(xiàng)：該區(qū)域用于設(shè)置當(dāng)前工具的附加選項(xiàng)。,4時(shí)間軸面板時(shí)間軸面板是Flash最重要的工具之一，用它可以查看每一幀的情況，調(diào)整動(dòng)畫播放的速度，安排幀的內(nèi)容及改變幀與幀之間的關(guān)系等，從而實(shí)現(xiàn)不同效果的動(dòng)畫，如圖2.1.6所示。,圖2.1.6 時(shí)間軸面板,5舞臺(tái)與工作區(qū)舞臺(tái)是繪制和編輯圖形的矩形區(qū)域，在這里可以直接繪圖，或者導(dǎo)入外部圖形文件。在使用Flash Player（Flash動(dòng)畫的播放器）播放時(shí)，舞臺(tái)中的內(nèi)容將予以顯示，如圖2.1.7所示。,圖2.1.7 舞臺(tái)中的內(nèi)容在播放時(shí)予以顯示,工作區(qū)是

6、舞臺(tái)周圍的灰色區(qū)域，用于存放在創(chuàng)作時(shí)需要，但不希望出現(xiàn)在最終作品中的內(nèi)容。在使用Flash Player播放時(shí)，工作區(qū)中的內(nèi)容將不予顯示，如圖2.1.8所示。,圖2.1.8 工作區(qū)中的內(nèi)容在播放時(shí)不予顯示,6屬性面板屬性面板也叫屬性檢查器，在默認(rèn)情況下，顯示的是文件的基本屬性，如大小、背景色和幀頻等，如圖2.1.9所示。,圖2.1.9 屬性面板,注意：?jiǎn)螕魧傩悦姘逯械摹罢郫B”按鈕，可以折疊屬性面板，使之僅顯示最常用的屬性，此時(shí)，“折疊”按鈕會(huì)相應(yīng)地變成形狀，如圖2.1.10所示。,圖2.1.10 折疊狀態(tài)下的屬性面板,當(dāng)用戶選中某工具或?qū)ο髸r(shí)，屬性面板上的內(nèi)容會(huì)根據(jù)所選對(duì)象的不同而發(fā)生相應(yīng)的改

7、變。例如選擇工具箱中的橢圓工具時(shí)，屬性面板如圖2.1.11所示，顯示了橢圓的顏色、粗細(xì)、縮放等屬性；選擇一張位圖時(shí)，屬性面板如圖2.1.12所示，顯示了位圖的大小、名稱等屬性。,圖2.1.11 選擇橢圓工具時(shí)的屬性面板,圖2.1.12 選擇位圖時(shí)的屬性面板,7其他面板除了時(shí)間軸面板和屬性面板以外，F(xiàn)lash 8還提供了場(chǎng)景、變形、信息、對(duì)齊、庫(kù)、動(dòng)作和混色器等面板，下面簡(jiǎn)單介紹它們的功能與外觀，至于具體用法將在后面的章節(jié)中做詳細(xì)介紹。（1）場(chǎng)景面板：用于場(chǎng)景的復(fù)制、添加、刪除和切換等，如圖2.1.13所示。,圖2.1.13 場(chǎng)景面板,（2）變形面板：用于變形對(duì)象，包括縮放大小、旋轉(zhuǎn)、傾斜等，如

8、圖2.1.14所示。,圖2.1.14 變形面板,（3）信息面板：用于顯示所選對(duì)象的大小、位置和顏色等，如圖2.1.15所示。,圖2.1.15 信息面板,（4）對(duì)齊面板：用于調(diào)整所選對(duì)象之間的相對(duì)位置或相對(duì)于舞臺(tái)的位置，如圖2.1.16所示。,圖2.1.16 對(duì)齊面板,（5）庫(kù)面板：用于存放和組織可重復(fù)使用的Flash對(duì)象，包括繪制的圖形、創(chuàng)建的元件、導(dǎo)入的位圖和聲音等，如圖2.1.17所示。,圖2.1.17 庫(kù)面板,（6）動(dòng)作面板：用于ActionScript腳本代碼的添加，使動(dòng)畫具有交互性，如圖2.1.18所示。,圖2.1.18 動(dòng)作面板,（7）混色器面板：用于設(shè)置顏色，當(dāng)在“類型”下拉列表

9、中選擇不同選項(xiàng)（純色、線性、放射狀和位圖），其外觀也將不同，如圖2.1.19所示。,圖2.1.19 混色器面板,二、自定義工作界面如圖2.1.1所示為Flash 8的默認(rèn)工作界面設(shè)置，為了讓它更符合各人的工作習(xí)慣，用戶可以對(duì)其進(jìn)行自定義，例如自定義工具箱、面板及面板組、時(shí)間軸面板等。1自定義工具箱在默認(rèn)情況下，工具箱嵌入在工作界面的左邊緣，用戶可以移動(dòng)工具箱，將其定義為浮動(dòng)式的，操作步驟如下：,（1）將鼠標(biāo)指針置于工具箱中按鈕和圖標(biāo)外的任意位置。（2）按住并拖動(dòng)工具箱到其他位置，然后釋放鼠標(biāo)左鍵即可，其操作過程如圖2.1.20所示。,圖2.1.20 將嵌入式的工具箱定義為浮動(dòng)式的,注意：不要在

10、靠近工作界面的左右邊緣釋放鼠標(biāo)，否則工具箱將被嵌入到工作界面中。2自定義面板及面板組在Flash 8中，大多數(shù)面板是組合在一起的，如變形、對(duì)齊和信息面板被組合在面板組中，用戶可以將任一面板從面板組中拆分出來，操作步驟如下：,（1）將鼠標(biāo)指針置于要拆分面板的標(biāo)簽上。（2）單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“將變形組合至”“新組合面板”命令，如圖2.1.21所示為變形面板在拆分前后的效果。,圖2.1.21 變形面板在拆分前后的效果,另外，用戶還可以隱藏面板和工具箱，擴(kuò)大動(dòng)畫的制作空間，按F4鍵即可，如圖2.1.22所示。,圖2.1.22 工作界面在隱藏面板和工具箱前后的效果,3自定義時(shí)間軸面板在

11、默認(rèn)情況下，時(shí)間軸面板嵌入在舞臺(tái)的上面、菜單欄的下面，同樣，用戶也可以將其定義為浮動(dòng)式的，如圖2.1.23所示。,圖2.1.23 自定義時(shí)間軸面板,在定義好適合的工作界面之后，可以選擇“窗口”“工作布局”“保存當(dāng)前”命令（見圖2.1.24），在彈出的“保存工作區(qū)布局”對(duì)話框中輸入需要保存的名稱（見圖2.1.25），然后單擊按鈕，將當(dāng)前的設(shè)置情況保存下來。,圖2.1.24 選擇“保存當(dāng)前”命令 圖2.1.25 “保存工作區(qū)布局”對(duì)話框,Flash 8的基礎(chǔ)操作包括文件操作、設(shè)置舞臺(tái)屬性、啟動(dòng)輔助設(shè)置等，下面分別進(jìn)行介紹。一、文件操作在Flash 8中有兩種文件：一種是以.swf為后綴名的動(dòng)畫文件

12、；一種是以.fla為后綴名的源文件。文件操作是動(dòng)畫制作的基本操作，包括新建、打開、保存和導(dǎo)出文件等。,第二節(jié) Flash 8的基礎(chǔ)操作,1新建文件用戶新建的文件都是以.fla為后綴名的源文件，新建文件主要有以下4種方法：（1）從開始頁新建。啟動(dòng)Flash 8軟件，打開開始頁，單擊“創(chuàng)建新項(xiàng)目”選項(xiàng)組中的“Flash文檔”選項(xiàng)，如圖2.2.1所示。,圖2.2.1 從開始頁新建文件,如果希望在下次啟動(dòng)Flash 8時(shí)不出現(xiàn)開始頁，可以選中復(fù)選框。（2）從菜單欄新建。選擇“文件”“新建”命令，彈出“新建文檔”對(duì)話框，在選項(xiàng)組中選擇“Flash文檔”選項(xiàng)（見圖2.2.2），然后單擊“確定”按鈕。,圖2

13、.2.2 “新建文檔”對(duì)話框,（3）通過快捷鍵新建。按Ctrl+N鍵，彈出“新建文檔”對(duì)話框，然后按照方法（2）繼續(xù)。（4）從模板新建。單擊“新建文檔”對(duì)話框中的“模板”標(biāo)簽，此時(shí)，“新建文檔”對(duì)話框?qū)⒆優(yōu)槿鐖D2.2.3所示的“從模板新建”對(duì)話框，在“類別”選項(xiàng)組中選擇文件的類型，在“模板”選項(xiàng)組中選擇文件的樣式，然后單擊按鈕。,圖2.2.3 “從模板新建”對(duì)話框,2打開文件啟動(dòng)Flash 8后，用戶可以打開以前保存過的文件，打開文件主要有以下3種方法：打開的文件指可編輯的*.fla文件，而不是*.swf文件。（1）從開始頁打開。啟動(dòng)Flash 8軟件，打開開始頁，最近編輯過的文件會(huì)顯示在選項(xiàng)

14、組中，用鼠標(biāo)單擊相應(yīng)的文件名稱即可將其打開。,（2）從菜單欄打開。選擇“文件”“打開”命令，彈出“打開”對(duì)話框，選擇需要打開的文件（見圖2.2.4），然后單擊“打開”按鈕。,圖2.2.4 “打開”對(duì)話框,在“文件”“打開最近的文檔”命令的子菜單中顯示了最近編輯過的文件，用戶可以單擊鼠標(biāo)將它們快速打開。（3）通過快捷鍵打開。按Ctrl+O鍵，彈出“打開”對(duì)話框，然后按照方法（2）繼續(xù)。,3保存文件動(dòng)畫完成后須將其保存起來，F(xiàn)lash 8提供了“保存”、“另存為”、“保存并壓縮”、“另存為模板”和“全部保存” 5個(gè)保存命令。（1）“保存”：保存當(dāng)前文件，并將新增信息追加到該文件中。（2）“另存為”

15、：將當(dāng)前文件以新的名稱保存到不同的位置。,（3）“保存并壓縮”：保存當(dāng)前文件，并對(duì)文件數(shù)據(jù)進(jìn)行壓縮。（4）“另存為模板”：將當(dāng)前文件保存為模板。選擇該命令將彈出“另存為模板”對(duì)話框（見圖2.2.5），“名稱”文本框中輸入模板的名稱；在“類別”下拉列表中選擇一個(gè)模板類別；在“描述”文本框中輸入對(duì)模板的說明（見圖2.2.6），然后單擊“保存”按鈕。,圖2.2.5 “另存為模板”對(duì)話框 圖2.2.6 輸入模板信息,（5）“全部保存”：將當(dāng)前打開的所有文件一次性全部保存。4導(dǎo)出文件選擇“文件”“導(dǎo)出”“導(dǎo)出圖像”/“導(dǎo)出影片”命令，可以將當(dāng)前動(dòng)畫導(dǎo)出為某種格式的圖像或動(dòng)畫。,二、設(shè)置舞臺(tái)屬性由于舞臺(tái)中

16、的內(nèi)容是動(dòng)畫播放的所有內(nèi)容，因此設(shè)置舞臺(tái)的屬性，也就是設(shè)置動(dòng)畫文件的屬性，包括大小、背景顏色和幀頻等。1設(shè)置大小在默認(rèn)情況下，舞臺(tái)的大小為550 px400 px，如果要改變舞臺(tái)的大小，可以執(zhí)行以下操作：,（1）選擇“修改”“文檔”命令，彈出“文檔屬性”對(duì)話框，如圖2.2.7所示。 （2）在“尺寸”文本框中輸入數(shù)值。（3）單擊“確定”按鈕應(yīng)用設(shè)置。,圖2.2.7 “文檔屬性”對(duì)話框,2設(shè)置背景顏色在默認(rèn)情況下，舞臺(tái)的顏色為白色（因此動(dòng)畫的背景顏色也是白色的）。如果要改變舞臺(tái)的背景顏色，可以執(zhí)行以下操作：（1）在“文檔屬性”對(duì)話框中單擊“背景顏色”后的“顏色”按鈕，在打開的顏色列表中選擇顏色，如

17、圖2.2.8所示。（2）單擊“確定”按鈕應(yīng)用設(shè)置。,圖2.2.8 顏色列表,3設(shè)置幀頻幀頻即動(dòng)畫的播放速率，它是以每秒鐘所播放的幀數(shù)來計(jì)算的。若要設(shè)置幀頻，在“幀頻”文本框中輸入一個(gè)數(shù)值即可。三、啟動(dòng)輔助設(shè)置Flash 8提供了許多好用的輔助設(shè)置，包括手形工具、縮放工具、標(biāo)尺、輔助線和網(wǎng)格等，用戶可以根據(jù)需要進(jìn)行設(shè)置，以使創(chuàng)作更加得心應(yīng)手。,1手形工具手形工具用于移動(dòng)舞臺(tái)及舞臺(tái)中的內(nèi)容，操作步驟如下：（1）選擇工具箱中的手形工具。（2）將鼠標(biāo)指針移至舞臺(tái)上，然后按住并拖動(dòng)鼠標(biāo)即可。手形工具操作的結(jié)果是將舞臺(tái)及舞臺(tái)中的內(nèi)容相對(duì)于場(chǎng)景窗口進(jìn)行整體移動(dòng)，但并不改變舞臺(tái)中內(nèi)容的相對(duì)位置，如圖2.2.9

18、所示。技巧：如果要將整個(gè)舞臺(tái)居中并全部顯示在場(chǎng)景窗口中，直接雙擊“手形工具”按鈕 即可。,圖2.2.9 使用手形工具移動(dòng)舞臺(tái)及舞臺(tái)中的內(nèi)容,2縮放工具縮放工具用于縮放舞臺(tái)及舞臺(tái)中的內(nèi)容，操作步驟如下：（1）選擇工具箱中的縮放工具，在選項(xiàng)欄中將顯示該工具的兩個(gè)附加選項(xiàng)：“放大”按鈕和“縮小”按鈕。（2）根據(jù)需要選擇“放大”按鈕或“縮小”按鈕，在默認(rèn)情況下，“放大”按鈕處于選中狀態(tài)。（3）將鼠標(biāo)指針移至舞臺(tái)上，然后單擊鼠標(biāo)左鍵即可成倍縮放舞臺(tái)及舞臺(tái)中的內(nèi)容，如圖2.2.10所示。,圖2.2.10 使用縮放工具縮放舞臺(tái)及舞臺(tái)中的內(nèi)容,技巧：按住鍵盤上的空格鍵不放，可以快速切換到手形工具。 3標(biāo)尺標(biāo)尺

19、能幫助用戶大致計(jì)算出對(duì)象的大小，還能精確地了解對(duì)象的位置，從而有利于整個(gè)動(dòng)畫的統(tǒng)籌規(guī)劃。選擇“視圖”“標(biāo)尺”命令，或者在舞臺(tái)空白處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“標(biāo)尺”命令，可以顯示標(biāo)尺（見圖2.2.11），再次選擇即可將其隱藏。,圖2.2.11 顯示標(biāo)尺,標(biāo)尺以舞臺(tái)的左上角為坐標(biāo)原點(diǎn)，有水平和垂直兩個(gè)方向上的標(biāo)尺，其中，水平標(biāo)尺以X軸向右方向坐標(biāo)為正；垂直標(biāo)尺以Y軸向下方向坐標(biāo)為正。在默認(rèn)情況下，標(biāo)尺使用的單位是像素，如果要修改單位，可以執(zhí)行以下操作：（1）選擇“修改”“文檔”命令，彈出“文檔屬性”對(duì)話框，如圖2.2.12所示。,圖2.2.12 “文檔屬性”對(duì)話框,（2）在“標(biāo)尺單位”

20、下拉列表中選擇其他的單位，例如“厘米”。（3）單擊“確定”按鈕應(yīng)用設(shè)置，如圖2.2.13所示。,圖2.2.13 標(biāo)尺單位為厘米時(shí)的效果,4輔助線打開標(biāo)尺后，在標(biāo)尺上按住鼠標(biāo)左鍵，鼠標(biāo)指針將呈現(xiàn)或形狀，然后按住并拖動(dòng)鼠標(biāo)到舞臺(tái)中，可以添加橫向或縱向的輔助線，如圖2.2.14所示。,圖2.2.14 添加輔助線,為了防止在操作過程中不小心移動(dòng)了輔助線，可以將輔助線鎖定在某個(gè)位置上，選擇“視圖”“輔助線”“鎖定輔助線”命令即可。如果要?jiǎng)h除輔助線，最簡(jiǎn)單的方法就是使用選擇工具將輔助線直接拖至水平或垂直標(biāo)尺上。另外，用戶還可以選擇“視圖”“輔助線”“編輯輔助線”命令，在彈出的“輔助線”對(duì)話框中自定義輔助線的屬性，如圖2.2.15所示。,圖2.2.15 “輔助線”對(duì)話框,對(duì)其中各項(xiàng)說明如下：（1）“顏色”：用于設(shè)置輔助線的顏色。（2）“顯示輔助線”：用于設(shè)置是否顯示輔助線。（3）“貼緊至輔助線”：用于設(shè)置是否使對(duì)象對(duì)齊輔助線。（4）“鎖定輔助線”：用于設(shè)置是否固定輔助線。（5）“對(duì)齊精確度”：用于設(shè)置對(duì)象對(duì)齊輔助線的方式。,（6）“確定”：應(yīng)用所設(shè)置的輔助線屬性，并關(guān)閉“輔助線”對(duì)話框。（7）“取消”：取消對(duì)輔助線屬性的設(shè)置，并關(guān)閉“輔助