進(jìn)入Flash世界課件

1、主講：進(jìn)入Flash動(dòng)畫世界進(jìn)入Flash動(dòng)畫世界&了解Flash的作用&掌握Flash CS3的啟動(dòng)和關(guān)閉 &熟悉Flash CS3的工作界面 &掌握Flash CS3文檔的新建 &掌握Flash CS3文檔的打開 &掌握Flash CS3工作環(huán)境的配置 學(xué)習(xí)目標(biāo): 任務(wù)一 動(dòng)畫片欣賞操作一欣賞宣傳片運(yùn)動(dòng)會(huì)操作二欣賞MV江南操作三 操作三 欣賞課件稱贊操作四 欣賞游戲飛行器操作五 欣賞動(dòng)畫短片曹沖稱象 欣賞宣傳片運(yùn)動(dòng)會(huì)【操作要求】Flash動(dòng)畫可以運(yùn)用在宣傳片、廣告、動(dòng)態(tài)網(wǎng)頁等方面，不僅表現(xiàn)形式多樣，而且非常適合網(wǎng)絡(luò)傳輸。 欣賞宣傳片運(yùn)動(dòng)會(huì)【操作步驟】從光盤目錄中打開文件“素材模塊一操作一運(yùn)

2、動(dòng)會(huì).swf”，欣賞動(dòng)畫片，效果如圖1-1所示。欣賞MV江南欣賞MV江南 【操作要求】Flash軟件具有強(qiáng)大的矢量繪圖功能，并支持位圖和音頻，所以利用Flash制作的MV動(dòng)畫目前在網(wǎng)絡(luò)上非常流行。 欣賞課件稱贊 欣賞課件稱贊 【操作步驟】從光盤目錄中打開文件“素材模塊一稱贊.swf”，根據(jù)其交互功能進(jìn)行多媒體的演示，效果如圖1-3所示。欣賞游戲飛行器 【操作要求】在Flash中ActionScript語言提供了一個(gè)可靠的編程模型，程序開發(fā)人員可以輕松地開發(fā)出精美好玩的交互性游戲，目前在網(wǎng)絡(luò)上Flash游戲已經(jīng)非常的火爆。 欣賞游戲飛行器 【操作步驟】從光盤目錄中打開文件“素材模塊一飛行器.sw

3、f”，體驗(yàn)下游戲的快樂吧，效果如圖1-4所示。欣賞動(dòng)畫短片曹沖稱象 欣賞動(dòng)畫短片曹沖稱象 【操作要求】Flash制作的二維動(dòng)畫部但表現(xiàn)形式多樣、畫面華麗，并且非常適合網(wǎng)絡(luò)傳輸，因此在網(wǎng)絡(luò)上出現(xiàn)了大量的優(yōu)秀短片，并有許多的代表作。 欣賞動(dòng)畫短片曹沖稱象 【操作步驟】從光盤目錄中打開文件“素材模塊一曹沖稱象.swf ”，欣賞動(dòng)畫片，效果如圖1-5所示。啟動(dòng)Flash CS3 啟動(dòng)Flash CS3 【操作要求】（1）雙擊桌面快捷圖標(biāo)，啟動(dòng)Flash CS3。 （2）從Windows任務(wù)欄中啟動(dòng)Flash CS3。（3）雙擊一個(gè)Flash CS3動(dòng)畫文檔，啟動(dòng)Flash CS3。認(rèn)識(shí)Flash CS

4、3工作界面 認(rèn)識(shí)Flash CS3工作界面 【操作要求】認(rèn)識(shí)Flash CS3的工作界面，包括標(biāo)題欄、菜單欄、主工具欄、場景、工具箱、屬性面板、顏色面板以及庫面板等。退出Flash CS3 退出Flash CS3 【操作要求】(1)單擊 按鈕，退出Flash CS3。(2) 使用命令，退出Flash CS3。 退出Flash CS3 【操作步驟】（1）單擊Flash CS3標(biāo)題欄上的 按鈕，退出Flash CS3。（2）在Flash CS3菜單欄中選在“文件”“退出”命令，退出Flash CS3。 新建Flash文檔 新建Flash文檔 【操作要求】（1）在啟動(dòng)Flash CS3的向?qū)?duì)話框中

5、單擊按鈕。 （2）在Flash CS3菜單欄中選擇“文件”“新建”命令。新建Flash文檔【操作步驟】（1）在啟動(dòng)Flash CS3的向?qū)?duì)話框中單擊 按鈕，如圖1-17所示。（2）在Flash CS3菜單欄中選擇“文件”“新建”命令，在打開的“新建文檔”對(duì)話框的“常規(guī)”選項(xiàng)卡中選擇一種要?jiǎng)?chuàng)建的文檔類型，然后單擊 按鈕，如圖1-18所示。保存與另存Flash文檔 保存與另存Flash文檔 【操作要求】（1）在菜單欄中選擇“文件”“保存”命令。（2）在打開的“另存為”對(duì)話框中的“保存在”下拉列表框中選擇文檔的保存路徑。（3）在“文件名”下拉列表框中輸入文檔名稱，在“保存類型”下拉列表框中選擇文檔

6、保存的類型。保存與另存Flash文檔 【操作步驟】（1）在Flash CS3的主工具欄中單擊 按鈕或在菜單欄中選擇“文件”“保存”命令。（2）在打開的“另存為”對(duì)話框中的“保存在”下拉列表框中選擇文檔的保存路徑。（3）在“文件名”下拉列表框中輸入文檔名稱，在“保存類型”下拉列表框中選擇文檔保存的類型，然后單擊 按鈕完成文檔的保存，如圖1-19所示。 關(guān)閉Flash文檔 關(guān)閉Flash文檔 【操作要求】(1)單擊按鈕，關(guān)閉文檔。(2) 使用命令，關(guān)閉文檔。 關(guān)閉Flash文檔 【操作步驟】（1）在動(dòng)畫文檔的標(biāo)題欄右側(cè)單擊 按鈕，可關(guān)閉當(dāng)前編輯的動(dòng)畫文檔。（2）選擇“文件”“關(guān)閉”命令，或按【Ct

7、rl+W】鍵，可關(guān)閉當(dāng)前編輯的動(dòng)畫文檔。（3）選擇“文件”“全部關(guān)閉”命令，或按【Ctrl+Alt+W】鍵，可關(guān)閉Flash CS3中所有打開的動(dòng)畫文檔。 打開Flash文檔 打開Flash文檔 【操作要求】(1)選擇“文件”“打開”命令，打開“打開”對(duì)話框。(2)在“打開”對(duì)話框的“查找范圍”下拉列表框中選擇要打開文檔的路徑。(3)直接用鼠標(biāo)單擊要打開的文檔圖標(biāo)，即可打開指定的Flash文檔。 打開Flash文檔 【操作步驟】（1）在Flash CS3的菜單欄中選擇“文件”“打開”命令，打開“打開”對(duì)話框。（2）在“打開”對(duì)話框的“查找范圍”下拉列表框中選擇要打開文檔的路徑。（3）在“文件名

8、”文本框中輸入相應(yīng)的文件名，或直接用鼠標(biāo)單擊要打開的文檔圖標(biāo)，然后單擊“打開”按鈕，如圖1-20所示，即可打開指定的Flash文檔。 任務(wù)四動(dòng)畫制作環(huán)境設(shè)置操作一設(shè)置場景 操作二添加與切換場景操作三 查看場景操作四 操作面板操作五 設(shè)置輔助工具 設(shè)置場景 設(shè)置場景 【操作要求】（1）啟動(dòng)Flash CS3，新建一個(gè)Flash文件（ActionScript3.0）。 （2）打開“文檔屬性”對(duì)話框，分別在尺寸欄的“寬”文本框和“高”文本框中輸入720像素、300像素。（3）在“顏色”對(duì)話框的顏色選擇框中設(shè)置文檔顏色。（4）在“屬性”面板中設(shè)置“幀頻”。設(shè)置場景 【操作步驟】（1）啟動(dòng)Flash C

9、S3，新建一個(gè)Flash文件（ActionScript3.0），單擊“屬性”面板上的 按鈕打開“屬性”面板。（2）在“屬性”面板上單擊 按鈕，打開“文檔屬性”對(duì)話框，分別在尺寸欄的“寬”文本框和“高”文本框中輸入720像素、300像素，如圖1-21所示。設(shè)置場景 （3）單擊“確定”按鈕關(guān)閉對(duì)話框。（4）在“屬性”面板中單擊 按鈕，在彈出的顏色列表中，將鼠標(biāo)移動(dòng)到某一個(gè)色塊上（如圖1-22所示），單擊鼠標(biāo)左鍵，即可將該顏色設(shè)置為動(dòng)畫的背景顏色。若在顏色列表中沒有適合的顏色，可單擊顏色列表右上角的 按鈕，打開“顏色”對(duì)話框。設(shè)置場景 （5）在“顏色”對(duì)話框的顏色選擇框中，用鼠標(biāo)單擊某一個(gè)顏色區(qū)域選

10、擇顏色樣本，在右側(cè)的顏色深度調(diào)節(jié)框中，單擊滑塊并按住鼠標(biāo)左鍵不放拖動(dòng)即可調(diào)整顏色的深度，如圖1-23所示。（6）調(diào)整好顏色后單擊 按鈕，設(shè)置動(dòng)畫的背景顏色完成。（7）在“屬性”面板中的“幀頻”文本框中輸入數(shù)字10，更改文檔幀頻，如圖1-24所示。添加與切換場景 添加與切換場景 【操作要求】（1）在菜單欄中選擇“文件”“保存”命令。（2）在打開的“另存為”對(duì)話框中的“保存在”下拉列表框中選擇文檔的保存路徑。（3）在“文件名”下拉列表框中輸入文檔名稱，在“保存類型”下拉列表框中選擇文檔保存的類型。添加與切換場景 【操作步驟】（1）新建一個(gè)Flash文檔，打開“場景”面板。（2）新建一個(gè)場景。（3）

11、用鼠標(biāo)左鍵雙擊場景名稱，將場景的名稱修改為“我的動(dòng)畫”。 添加與切換場景【操作步驟】（1）新建一個(gè)Flash文檔，在菜單欄中選擇“窗口”“其他面板”“場景”命令，或按【Shift+F2】鍵，打開“場景”面板，如圖1-25所示。（2）在“場景”面板中單擊 按鈕，新建一個(gè)場景，系統(tǒng)自動(dòng)將其命名為場景2。（3）用鼠標(biāo)左鍵雙擊場景名稱，將場景的名稱修改為“我的動(dòng)畫”，如圖1-26所示。 添加與切換場景（4）單擊 按鈕關(guān)閉“場景”面板，在主界面“時(shí)間軸”面板的右側(cè)單擊 按鈕，在打開的菜單中選擇相應(yīng)的場景“我的動(dòng)畫”，如圖1-27所示，將該場景切換為當(dāng)前編輯的場景，同時(shí)在“時(shí)間軸”面板上方顯示出當(dāng)前場景的

12、名稱“我的動(dòng)畫”，如圖1-28所示。 查看場景 查看場景 【操作要求】(1)打開文件“素材模塊一小熊.fla”。(2)設(shè)置場景中的對(duì)象按200%顯示。(3)將選定的細(xì)節(jié)部分放大到整個(gè)場景。 查看場景 【操作步驟】（1）打開文件“素材模塊一小熊.fla”，如圖1-29所示。（2）單擊“時(shí)間軸”面板右上角的 下拉列表框中的 按鈕，在彈出的下拉列表框中選擇相應(yīng)的顯示200%（如圖1-30所示），設(shè)置場景中的對(duì)象按200%顯示，如圖1-31所示。（3）將場景設(shè)置為100%顯示，單擊“工具箱”中的 按鈕選中“縮放工具”，然后在“選項(xiàng)”區(qū)域中單擊 按鈕。 查看場景 （4）將光標(biāo)移動(dòng)到場景中并按住鼠標(biāo)左鍵不

13、放拖動(dòng)框選圖形（如圖1-32所示），框選圖形后，釋放鼠標(biāo)左鍵，將選定的細(xì)節(jié)部分放大到整個(gè)場景，效果如圖1-33所示。 操作面板 操作面板 【操作要求】(1)啟動(dòng)Flash CS3，新建一個(gè)動(dòng)畫文檔。(2)將鼠標(biāo)光標(biāo)移動(dòng)到“工具箱”上，單擊 按鈕，將“工具箱”縮放。(3)在菜單欄上選擇“窗口”“變形”命令，打開“變形”面板。(4)保存工作界面。 操作面板 【操作步驟】（1）啟動(dòng)Flash CS3，新建一個(gè)動(dòng)畫文檔，進(jìn)入Flash CS3的基本界面，如圖1-34所示。（2）將鼠標(biāo)光標(biāo)移動(dòng)到“工具箱”上，單擊 按鈕，將“工具箱”縮放，將鼠標(biāo)光標(biāo)移動(dòng)到“顏色”面板上，單擊 按鈕，將“顏色”面板縮放，如

14、圖1-35所示。（3）單擊“屬性”面板名稱欄中的 按鈕，最小化“屬性”面板，以便為場景提供更大的編輯區(qū)域。 操作面板 （4）在菜單欄上選擇“窗口”“變形”命令，打開“變形”面板，用同樣的方法打開“信息”面板和“對(duì)齊”面板，如圖1-36所示。（5）將鼠標(biāo)光標(biāo)移動(dòng)到“對(duì)齊&信息&變形”面板的名稱欄上，按住鼠標(biāo)左鍵不放并向右拖動(dòng)鼠標(biāo)，當(dāng)將面板拖動(dòng)到界面最右側(cè)時(shí)釋放鼠標(biāo)左鍵，將“對(duì)齊&信息&變形”面板放置到界面右側(cè)，如圖1-37所示。（6）單擊 按鈕（如圖1-38所示），在彈出的快捷菜單中選在“保存當(dāng)前”命令打開 “保存工作區(qū)布局”對(duì)話框，在“名稱”文本框中輸入界面名稱“多媒體課件截面”，如圖1-39

15、所示，然后單擊 按鈕保存當(dāng)前工作界面，此時(shí)在“工作區(qū)”快捷菜單中會(huì)出現(xiàn)“多媒體課件界面”選項(xiàng)。 設(shè)置輔助工具 設(shè)置輔助工具 【操作要求】(1)打開文件“素材模塊一小熊.fla”。(2) 在場景左側(cè)和上方顯示標(biāo)尺。(3)在場景中的舞臺(tái)區(qū)域顯示網(wǎng)格。(4)在“菜單欄”中選擇“視圖”“輔助線”“顯示輔助線”命令，使輔助線呈可顯示狀態(tài)。 設(shè)置輔助工具 【操作步驟】（1）打開文件“素材模塊一小熊.fla”，如圖1-40所示。（2）在“菜單欄”中選擇“視圖”“標(biāo)尺”命令（或按【Ctrl+Alt+Shift+R】鍵），在場景左側(cè)和上方顯示標(biāo)尺，如圖1-41所示 。（3）在“菜單欄”中選擇“視圖”“網(wǎng)格”“顯示網(wǎng)格”命令，在場景中的舞臺(tái)區(qū)域顯示網(wǎng)格，如圖1-42所示 。 設(shè)置輔助工具 （4）在“菜單欄”中選擇“視圖”“網(wǎng)格”“編輯網(wǎng)格”命令（或按【Ctrl+Alt+G】鍵），打開 “網(wǎng)格”對(duì)話框，單擊 按鈕將網(wǎng)格顏色設(shè)置為“紫色”，單擊 復(fù)選框選中“貼緊至網(wǎng)格”，分別在“寬”和“高”文本框中輸入20像素，在“貼緊精確度