1、計(jì)算機(jī)多媒體應(yīng)用,第五講 Flash軟件界面介紹 制作動(dòng)畫(huà)的一般過(guò)程,3.1初識(shí)Flash,例3.1：制作瀏覽圖片動(dòng)畫(huà)。 1.進(jìn)入Flash。 2.新建文件。 （1）文件操作 （2）Flash工作環(huán)境 3.導(dǎo)入素材。 4.制作簡(jiǎn)單動(dòng)畫(huà)。 （1）時(shí)間軸 （2）幀操作 （3）屬性設(shè)置 5.保存、發(fā)布文件。 6. 瀏覽動(dòng)畫(huà)效果。,操作步驟：,3.1初識(shí)Flash,一、文件操作 1 啟動(dòng)Flash,3.1初識(shí)Flash,2 新建文件,單擊“文件”“新建”命令后在“新建文檔”對(duì)話框中選擇“ActionScript 3.0”，單擊“確定” 按鈕,在初始屏幕“新建”中選擇的“ActionScript 3.0

2、”，單擊“確定” 按鈕,3.1初識(shí)Flash,3 打開(kāi)文件 4 保存文件 操作演示：用“例3.1”為文件名保存新建的文件。,單擊“文件” “打開(kāi)”命令。在“打開(kāi)”對(duì)話框中，選擇指定文件夾中指定文件（fla或swf格式文件）。,（1）單擊“文件”“保存”命令。 （2）在彈出的“另存為”對(duì)話框的“文件名”中輸入文件名，并從“保存類(lèi)型”下拉菜單中選擇“Flash CS5 文檔（*.fla），單擊“保存”按鈕,3.1初識(shí)Flash,二、工作區(qū) Flash的工作區(qū)包含了菜單、舞臺(tái)、時(shí)間軸、工具以及各種面板。在默認(rèn)的情況下，F(xiàn)lash顯示菜單欄、舞臺(tái)、時(shí)間軸、工具面板、屬性檢查器等,3.1初識(shí)Flash,

3、圖層,舞臺(tái),時(shí)間軸,“屬性”檢查器,3.1初識(shí)Flash,3.1初識(shí)Flash,2保存工作區(qū),對(duì)于適合自己風(fēng)格的面板排列方式，可以保存成自定義的工作區(qū)，以后可以方便地找到并使用。,單擊Flash工作區(qū)的右下角的三角形，在下拉菜單中選擇“新建工作區(qū)” ；在“新建工作區(qū)”對(duì)話框中輸入新工作區(qū)的名稱后，單擊“確定”按鈕。就保存了當(dāng)前面板排列的方式。在“工作區(qū)”下拉菜單中會(huì)出現(xiàn)新建的工作區(qū)，以后可隨時(shí)使用了。,3.1初識(shí)Flash,三、舞臺(tái),3.1初識(shí)Flash,更改舞臺(tái)屬性 操作演示,3.1初識(shí)Flash,四、“庫(kù)”面板,3.1初識(shí)Flash,動(dòng)畫(huà)素材,3.1初識(shí)Flash,操作演示：將例3.1中所

4、需的素材圖像導(dǎo)入到“庫(kù)”中，并使用。 1.將素材圖像導(dǎo)入到“庫(kù)”中 （1）單擊“文件” “導(dǎo)入”“導(dǎo)入到庫(kù)”命令。在“導(dǎo)入到庫(kù)”命令的對(duì)話框中，選擇“背景.jpg”，單擊“打開(kāi)”按鈕?！氨尘?jpg”圖片導(dǎo)入到庫(kù)中。 （2）用上面的步驟繼續(xù)導(dǎo)入海邊.jpg、海浪.jpg、夜景.jpg圖像文件。也可按住shift鍵，一次選擇多個(gè)圖像文件一次導(dǎo)入。 （3）查看“庫(kù)”面板，可見(jiàn)已導(dǎo)入的圖像文件名和縮略圖,圖3.14 “庫(kù)”面板,操作步驟：,3.1初識(shí)Flash,2.使用導(dǎo)入到“庫(kù)”中的素材 （1）在“庫(kù)”面板中單擊“背景.jpg”名，將背景圖片從庫(kù)中向舞臺(tái)上拖放。 若“庫(kù)”面板未打開(kāi)，單擊“窗口”“

5、庫(kù)”命令，打開(kāi)“庫(kù)”面板。,圖3.15 使用“庫(kù)”中素材,操作步驟：,3.1初識(shí)Flash,五、時(shí)間軸,3.1初識(shí)Flash,1圖層操作 通常一段動(dòng)畫(huà)會(huì)有多個(gè)圖層堆疊在一起。圖層按照它們出現(xiàn)在“時(shí)間軸”中的順序堆疊，也可以拖動(dòng)圖層來(lái)改變圖層的順序。 在動(dòng)畫(huà)制作中，將不同的對(duì)象放在不同的圖層中進(jìn)行編輯處理更為方便，且不會(huì)影響其他圖層上的對(duì)象。同時(shí)也可將其它圖層鎖住或隱藏，以便于當(dāng)前圖層的編輯處理。,3.1初識(shí)Flash,（1）新建圖層 新建的Flash文檔只有一個(gè)圖層。,3.1初識(shí)Flash,操作演示： 例3.1中有四幅圖像，分別放在不同圖層中。需要新增三個(gè)圖層。 （1）單擊“時(shí)間軸”左下部的“

6、 （新建圖層）”按鈕，新增一個(gè)圖層。 （2）重復(fù)上面的步驟，即可添加多個(gè)圖層。,圖3.17 添加新圖層,操作步驟：,3.1初識(shí)Flash,（2）圖層重命名 操作演示： 將例3.1中“時(shí)間軸”上的圖層重命名。 （1）雙擊“圖層1”，輸入文字“背景圖層”。 （2）重復(fù)步驟（1）依次將圖層2、圖層3、圖層4命名為“圖片1”、“圖片2”及“圖片3。,操作步驟：,3.1初識(shí)Flash,（3）刪除圖層 單擊要?jiǎng)h除的圖層，單擊“時(shí)間軸”左下部的“ （刪除圖層）”按鈕，即可刪除當(dāng)前圖層。 （4）管理圖層 單擊“時(shí)間軸”左下部的“ （新建文件夾）”按鈕，建立文件夾，將圖層拖放到文件夾圖標(biāo)上即可。這樣可方便地管理

7、圖層。,3.1初識(shí)Flash,操作演示： 在例3.1中的“時(shí)間軸”上建立文件夾，管理多個(gè)圖層。 （1）單擊“時(shí)間軸”左下部的“新建文件夾”按鈕 ，建立名為“圖片”的文件夾。 （2）將“圖片1”、“圖片2”、“圖片3”三個(gè)圖層分別拖放到“圖片”文件夾中,操作步驟：,3.1初識(shí)Flash,2幀操作 （1）插入 插入關(guān)鍵幀 關(guān)鍵幀是動(dòng)畫(huà)中內(nèi)容或?qū)傩宰兓膸?，在“時(shí)間軸”上是以實(shí)心黑色圓圈表示關(guān)鍵幀 ，實(shí)心黑色菱形表示屬性關(guān)鍵幀 。 創(chuàng)建關(guān)鍵幀的方法：,3.1初識(shí)Flash,插入幀 普通幀通常位于關(guān)鍵幀的后面，用于延長(zhǎng)關(guān)鍵幀播放時(shí)間或作為關(guān)鍵幀之間的過(guò)渡。普通幀在時(shí)間軸上顯示為矩形。 用下列三種方法插

8、入幀：,3.1初識(shí)Flash,插入空白關(guān)鍵幀 空白關(guān)鍵幀表示該關(guān)鍵幀中沒(méi)有任何內(nèi)容。這種幀主要用于結(jié)束前一個(gè)關(guān)鍵幀的內(nèi)容或用于分隔兩個(gè)相連的補(bǔ)間動(dòng)畫(huà)?？瞻钻P(guān)鍵幀在時(shí)間軸上顯示為空心圓圈。 創(chuàng)建空白關(guān)鍵幀的方法是：,3.1初識(shí)Flash,操作演示： 制作例3.1瀏覽圖片動(dòng)畫(huà)。 （1）單擊例3.1“時(shí)間軸”上的“背景”圖層。單擊第1幀，將“庫(kù)” 中的“背景”圖片拖放到舞臺(tái)上。此時(shí)，“背景”圖層上的第1幀成為關(guān)鍵幀。在第48幀右擊，在彈出的上下文菜單中選擇“插入幀”命令。 （2）單擊“圖片1”圖層，在第13幀右擊，在彈出的上下文菜單中選擇“插入關(guān)鍵幀”命令；將“庫(kù)”面板中的“海邊”圖片拖放到舞臺(tái)上。

9、在第48幀右擊，在彈出的上下文菜單中選擇“插入幀”命令。,操作步驟：,注意：在任何一個(gè)圖層的第1幀上創(chuàng)建關(guān)鍵幀均無(wú)需用命令。除此而外，在其它幀上都要用命令或快捷鍵創(chuàng)建關(guān)鍵幀。,3.1初識(shí)Flash,（3）單擊“圖片2”圖層，在第25幀右擊，在彈出的上下文菜單中選擇“插入關(guān)鍵幀”命令，將“庫(kù)”面板中的“海浪”圖片拖放到舞臺(tái)中。在第48幀右擊，在彈出的上下文菜單中選擇“插入幀”命令。 （4）單擊“圖片3”圖層，在第37幀右擊，在彈出的上下文菜單中選擇“插入關(guān)鍵幀”命令；將“庫(kù)”面板中的“夜景”圖片拖放到舞臺(tái)上。在第48幀右擊，在彈出的上下文菜單中選擇“插入幀”命令。 （5）保存文件。,3.1初識(shí)F

10、lash,（2）幀編輯,3.1初識(shí)Flash,六、場(chǎng)景,3.1初識(shí)Flash,1添加新場(chǎng)景 添加新場(chǎng)景有兩種方式：,圖3.24 添加場(chǎng)景,3.1初識(shí)Flash,4場(chǎng)景重命名,單擊要重命名的場(chǎng)景，輸入新命名。,3.1初識(shí)Flash,操作演示： 用“屬性”檢查器面板為例3.1中的圖片定位。 （1）選擇“圖片1”圖層，單擊第13幀，舞臺(tái)上的“海邊”圖片實(shí)例也選中（圖片周?chē)乃{(lán)色框表明已選中）。 （2）在“屬性”檢查器“位置和大小”區(qū)域中，單擊X的值，輸入60；單擊Y的值，輸入60；也可在X值和Y值上單擊并拖動(dòng)鼠標(biāo)，改變X、Y的值，如圖3.27（舞臺(tái)左上角坐標(biāo)的X、Y值為0）。 （3）單擊“圖片2”圖

11、層中第25幀，在“屬性”檢查器中，將X的值設(shè)為100；Y的值設(shè)為60。 （4）單擊“圖片3”圖層中第37幀，在“屬性”檢查器中，將X的值設(shè)為140；Y的值設(shè)為60。 （5）保存文件。,操作步驟：,3.1初識(shí)Flash,七、“屬性”檢查器 “屬性”檢查器面板是最常用的一個(gè)面板?！皩傩浴睓z查器中顯示的內(nèi)容取決于選擇的對(duì)象。如果沒(méi)有選擇任何對(duì)象，則顯示常規(guī)的內(nèi)容。,注意：所有的面板都可在“窗口”菜單中找到并打開(kāi)（單擊面板名稱）。,3.1初識(shí)Flash,八、保存影片 前面是用Fla的格式保存了影片文件。也可以選擇用未壓縮的格式XFL保存影片。 用XFL格式保存例3.1。 （1）單擊“文件”“另存為”命令。 （2）在彈出的“另存為”對(duì)話框中“文件名”中輸入：例3.1；在“保存類(lèi)型”中選擇“Flash CS5 未壓縮文檔（*.xfl）”，單擊“保存”按鈕。,操作步驟：,3.1初識(shí)Flash,九、 預(yù)覽影片 在動(dòng)畫(huà)制作的過(guò)程中，應(yīng)頻繁地預(yù)覽效果，以保證制作是否達(dá)到所要求的效果。 用“控制”“影片測(cè)試”“在Flash Professional 中”命令或用Ctrl+ Enter鍵觀看效果