版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、1 OFFICEOFFICE 使用技巧大全集使用技巧大全集 EditedEdited byby lauwalauwa, 2 FlashFlash 篇篇 一、啟動(dòng)一、啟動(dòng) FlashFlash 開始-程序-Macromedia Flash 二、工作界面二、工作界面 A 菜單欄 B 顯示工具欄/隱藏工具欄 (標(biāo)準(zhǔn)工具欄:靠齊格線,平滑曲線,直線,旋轉(zhuǎn),縮放,對(duì)齊,顯示比例) C.控制器工具欄/隱藏工具欄 D.時(shí)間軸/隱藏時(shí)間軸 E.顏色/隱藏顏色 F. 舞臺(tái): “舞臺(tái)”位于工作界面的正中間部位,是放置動(dòng)畫內(nèi)容的區(qū)域。這些內(nèi)容包括矢量插圖、文本框、 按鈕、導(dǎo)入的位圖圖形或視頻剪輯等??梢栽凇緦傩浴棵?/p>
2、板中設(shè)置和改變“舞臺(tái)”的大小,默認(rèn)狀 態(tài)下, “舞臺(tái)”的寬為 550 像素,高為 400 像素, 工作時(shí)根據(jù)需要可以改變“舞臺(tái)“顯示的比例大小, 可以在“時(shí)間軸”右上角的“顯示比例”中設(shè)置顯示比例,最小比例為 8%,最大比例為 2000%,在 下拉菜單中有三個(gè)選項(xiàng), 【符合窗口大小】選項(xiàng)用來自動(dòng)調(diào)節(jié)到最合適的舞臺(tái)比例大??;【顯示幀】 選項(xiàng)可以顯示當(dāng)前幀的內(nèi)容;【全部顯示】選項(xiàng)能顯示整個(gè)工作區(qū)中包括在“舞臺(tái)”之外的元素. 三、設(shè)計(jì)面板三、設(shè)計(jì)面板 打開【窗口】中【設(shè)計(jì)面板】菜單,在菜單中可以看到所有的“設(shè)計(jì)面板” ,單擊面板的名稱, 就可以打開或關(guān)閉相應(yīng)的面板。默認(rèn)狀態(tài)下,打開的“設(shè)計(jì)面板”分布
3、在舞臺(tái)右側(cè)的面板組中。 “設(shè) 計(jì)面板”包括【對(duì)齊】面板、 【顏色樣本】面板、 【混色器】面板、 【信息】面板、 【場(chǎng)景】面板和 【變形】六個(gè)面板。 (1) 【對(duì)齊】面板 3 【對(duì)齊】面板可以重新調(diào)整選定對(duì)象的對(duì)齊方式和分布。 【對(duì)齊】面板分為五個(gè)區(qū)域: 【相對(duì)于舞臺(tái)】:按下此按鈕后可以調(diào)整選定對(duì)象相對(duì)于舞臺(tái)尺寸的對(duì)齊方式和分布;如果沒 有按下此按鈕則是兩個(gè)以上對(duì)象之間的相互對(duì)齊和分布。 【對(duì)齊】:用于調(diào)整選定對(duì)象的左對(duì)齊、水平中齊、右對(duì)齊、上對(duì)齊、垂直中齊和底對(duì)齊。 【分布】:用于調(diào)整選定對(duì)象的頂部、水平居中和底部分布,以及左側(cè)、垂直居中和右側(cè)分布。 【匹配大小】:用于調(diào)整選定對(duì)象的匹配寬度、
4、匹配高度或匹配寬和高。 【間隔】:用于調(diào)整選定對(duì)象的水平間隔和垂直間隔。 【顏色樣本】面板 【顏色樣本】面板為我們提供了最為常用的“顏色” ,并且能“添加顏色”和“保存顏色” 。用 鼠標(biāo)單擊的方式可選擇需要的常用顏色 【混色器】面板 用【混色器】面板可以創(chuàng)建和編輯“筆觸顏色”和“填充顏色”的顏色。默認(rèn)為 RGB 模式,顯 示紅、綠和藍(lán)的顏色值, “Alpha 值”用來指定顏色的透明度,其范圍在 0%100%,0%為完全透明, 100%為完全不透明。 “十六進(jìn)制編輯文本框”顯示的是以“#”開頭十六進(jìn)制模式的顏色代碼,可直 接輸入??梢栽诿姘宓摹邦伾臻g”單擊鼠標(biāo),選擇一種顏色,上下拖動(dòng)右邊的“亮
5、度控件”可調(diào) 整顏色的亮度 四、使用網(wǎng)格、輔助線和標(biāo)尺四、使用網(wǎng)格、輔助線和標(biāo)尺 網(wǎng)格、標(biāo)尺和輔助線可以幫助我們精確地勾畫和安排對(duì)象。 4 (1)使用網(wǎng)格 對(duì)于“網(wǎng)格”的應(yīng)用主要有“顯示網(wǎng)格” 、 “編輯網(wǎng)格”和“對(duì)齊網(wǎng)格”三個(gè)功能。執(zhí)行【視圖】 |【網(wǎng)格】|【顯示網(wǎng)格】命令,可以顯示或隱藏“網(wǎng)格線” , 執(zhí)行【視圖】|【網(wǎng)格】|【編輯網(wǎng)格】命令,打開編輯【網(wǎng)格】對(duì)話框,在對(duì)話框中可編輯網(wǎng) 格的各種屬性 使用標(biāo)尺 我們可以使用“標(biāo)尺”來度量對(duì)象的大小比例。執(zhí)行【視圖】|【標(biāo)尺】命令,可以顯示或隱藏 【標(biāo)尺】 。顯示在工作區(qū)左邊的是“垂直標(biāo)尺” ,用來測(cè)量對(duì)象的高度;顯示在工作區(qū)上邊的是“水 平
6、標(biāo)尺” ,用來測(cè)量對(duì)象的寬度。舞臺(tái)的左上角為“標(biāo)尺”的“零起點(diǎn) 執(zhí)行【修改】|【文檔】命令,打開【文檔屬性】對(duì)話框,在【標(biāo)尺單位】下拉菜單中可選擇合 適的單位 使用輔助線 首先要確認(rèn)“標(biāo)尺”處于顯示狀態(tài),在“水平標(biāo)尺”或“垂直標(biāo)尺”上按下鼠標(biāo)并拖動(dòng)到舞臺(tái) 上, “水平輔助線”或者“垂直輔助線”就被制作出來了, 【輔助線】默認(rèn)的顏色為“綠色” ,執(zhí)行 【視圖】|【輔助線】|【編輯輔助線】命令,打開【輔助線】對(duì)話框,可以在對(duì)話框中編輯【輔助 線】的顏色,選擇是否“顯示輔助線” 、 “對(duì)齊輔助線”和“鎖定輔助線” 。執(zhí)行【視圖】|【輔助線】 |【鎖定輔助線】命令,可以將輔助線鎖定。執(zhí)行【視圖】|【對(duì)
7、齊】|【對(duì)齊輔助線】命令,可以將 輔助線對(duì)齊。在【輔助線】對(duì)話框的【對(duì)齊精確度】中可設(shè)置“輔助線”的“對(duì)齊精確度” ,在【輔 助線】處于解鎖狀態(tài)時(shí),選擇工具箱中的【選擇工具】,拖動(dòng)“輔助線”可改變輔助線的位置, 拖動(dòng)“輔助線”到舞臺(tái)外可以刪除輔助線,也可以執(zhí)行【視圖】|【輔助線】|【清除輔助線】命令 來刪除全部的輔助線 5 五、繪圖工具欄五、繪圖工具欄: : 1. 選擇工具:選擇目標(biāo)和修改形狀的輪廓. 2. 部分選取工具:調(diào)節(jié)節(jié)點(diǎn)位置或曲柄改線條的形狀. 3. 線條工具 4. 套索工具:選擇目標(biāo)形狀 5. 鋼筆工具:以節(jié)點(diǎn)方式建立復(fù)雜選區(qū)形狀 6. 橢圓工具: 7. 矩形工具 8. 鉛筆工具:
8、使用線條繪制形狀 9. 刷子工具:填充繪制圖形 10. 變形工具:調(diào)整大小,旋轉(zhuǎn)等變形操作 11. 漸變工具:漸變填充色的方向及距離. 12. 墨水瓶工具:填充輪廓線條的色彩 13. 顏料桶工具:填充封閉形狀的內(nèi)部色彩 14. 吸管工具:提取目標(biāo)色彩為填充色彩. 六、基本繪圖工具使用:六、基本繪圖工具使用: Flash 提供了各種工具,用來繪制自由形狀或準(zhǔn)確的線條、形狀和路徑,并可用來對(duì)對(duì)象進(jìn)行 上色,現(xiàn)在我們來實(shí)踐一下。 【直線工具】 , 【顏料桶】和【刷子工具】的用法 6 例:畫一片樹葉例:畫一片樹葉: : 1.在“樹葉”圖形元件編輯場(chǎng)景中,首先用【線條工具】畫一條直線,設(shè)置【筆觸顏色】
9、為深綠色 2.用【選擇工具】將它拉成曲線 3.再用【線條工具】繪制一個(gè)直線,用這條直線連接曲線的兩端點(diǎn) 4.用【選擇工具】將這條直線也拉成曲線 5.一片樹葉的基本形狀已經(jīng)繪制出來了,現(xiàn)在我們來繪制葉脈,先在兩端點(diǎn)間繪制直線, 然后拉成曲線 6.再畫旁邊的細(xì)小葉脈,可以用直線,也可以將直線略彎曲,這樣,一片簡(jiǎn)單的樹葉就畫 好了 7.要移動(dòng)選中的線條,就用鼠標(biāo)拖動(dòng)它,要?jiǎng)h除它,就直接按鍵盤上的 Delete 鍵。按住 Shift 鍵的同時(shí)連續(xù)單擊線條,可以同時(shí)選取多個(gè)對(duì)象。也可以用【選擇工具】框選對(duì) 象,被框選起來的對(duì)象將都被選中。如果要選取全部的線條,按鍵盤上的快捷鍵 Ctrl+A,就可以將其全
10、部選中了 8.給樹葉上色:這片樹葉填上顏色。在工具箱中看到這個(gè)【顏色】選項(xiàng)了嗎? 9.單擊【填充色】按鈕,彈出一個(gè)調(diào)色板,同時(shí)光標(biāo)變成吸管狀如果你覺得調(diào)色板 的顏色太少不夠選,那么單擊調(diào)色板右上角的【顏色選擇器】按鈕,此時(shí)會(huì)彈出一個(gè) 【顏色】對(duì)話框,其中有更多的顏色選項(xiàng),在這里,你能把選擇的顏色添加到自定義顏 色中在【自定義顏色】選項(xiàng)下單擊一個(gè)自定義色塊,該色塊會(huì)被虛線包圍,在【顏色】 對(duì)話框右邊選擇你喜歡的顏色,上下拖動(dòng)右邊顏色條上的箭頭,拖動(dòng)鼠標(biāo)到你需要的顏 色上,單擊【添加到自定義顏色】按鈕,這種顏色就被你收藏起來了。下一次要使用時(shí), 打開【顏色】對(duì)話框,在【自定義顏色】中可以方便的選取
11、你中意的顏色。 10.現(xiàn)在我們?cè)谡{(diào)色板上選取綠色,單擊工具箱中的【顏料桶工具】,在畫好的葉子上 7 單擊一下【顏料桶工具】能在一個(gè)封閉的區(qū)域中填色。按快捷鍵 Ctrl+Z,取消剛填 充的顏色,現(xiàn)在我們用【橡皮擦工具】將線條擦出一個(gè)缺口,再填充右下角的區(qū)域 繪制樹枝 (1)旋轉(zhuǎn)樹葉 選擇【任意變形工具】后,單擊舞臺(tái)上的樹葉,這時(shí)樹葉被一個(gè)方框包圍著,中間有一個(gè) 小圓圈,這是變形點(diǎn),當(dāng)我們進(jìn)行縮放旋轉(zhuǎn)時(shí),以它為中心,變形點(diǎn)是可以移動(dòng)的。將鼠標(biāo)移 近它,鼠標(biāo)右下角會(huì)出現(xiàn)一個(gè)圓圈,按住鼠標(biāo)拖動(dòng),將它拖到葉柄處,便于樹葉繞葉柄進(jìn)行旋 轉(zhuǎn), 再將鼠標(biāo)移動(dòng)到方框的右上角,鼠標(biāo)變成旋轉(zhuǎn)圓弧狀,表示這時(shí)就可以進(jìn)
12、行旋轉(zhuǎn)了。 向下拖動(dòng)鼠標(biāo),葉子繞變形點(diǎn)旋轉(zhuǎn),到合適位置時(shí)松開鼠標(biāo) (2)復(fù)制樹葉 用【選擇工具】選中樹葉圖形,執(zhí)行【編輯】|【復(fù)制】命令,再執(zhí)行【編輯】|【粘貼到中心 位置】命令,這樣就復(fù)制出了樹葉圖片 (3)變形樹葉 將粘貼好的樹葉拖到旁邊,再用【任意變形工具】進(jìn)行旋轉(zhuǎn)。使用【任意變形工具】時(shí),也可 以像使用【選擇工具】一樣移動(dòng)樹葉的位置。 拖動(dòng)任一角上的縮放手柄,可以將對(duì)象放大或縮小。拖動(dòng)中間的手柄,可以在垂直和水平方向 上放大縮小,甚至翻轉(zhuǎn)對(duì)象。將樹葉適當(dāng)變形 (4)創(chuàng)建“三片樹葉”圖形元件再?gòu)?fù)制一片樹葉,用【任意變形工具】將三片樹葉調(diào)整三片樹葉圖 形創(chuàng)建好以后,將它們?nèi)窟x中,然后執(zhí)行
13、【修改】|【轉(zhuǎn)換為元件】命令(快捷鍵為 F8) ,將它們 轉(zhuǎn)換為名字為“三片樹葉”的圖形元件。 8 (5)繪制樹枝 以上的繪圖操作都是在“樹葉”編輯場(chǎng)景中完成的,現(xiàn)在返回到主場(chǎng)景:場(chǎng)景 1,在時(shí)間軸的 右上角有一個(gè)【場(chǎng)景 1】按鈕,如圖 2-1-44 所示,單擊它,這樣就切換到了場(chǎng)景 1。單擊【刷子工 具】,選擇一種填充色,在工具箱下邊的【選項(xiàng)】中,選擇【刷子形狀】為圓形, 【刷子大小】 自定,單擊按鈕,選擇【后面繪畫】模式,移動(dòng)鼠標(biāo)到場(chǎng)景中,畫出樹枝形狀 (6)組合樹葉和樹枝 執(zhí)行【窗口】|【庫(kù)】命令(快捷鍵為 Ctrl+L) ,打開【庫(kù)】面板,你可以看到, 【庫(kù)】面板中 有兩個(gè)剛制作完圖形
14、元件,分別為“樹葉”和“三片樹葉” ,單擊“樹葉”圖形元件,將其拖放到場(chǎng) 景的樹枝圖形上,用【任意變形工具】進(jìn)行調(diào)整。元件【庫(kù)】中的元件可以重復(fù)使用,只要改變它 的大小和方向,就能制作出紛繁復(fù)雜的效果來 七、使用變形面板七、使用變形面板: : (1).使用工具箱中的矩形工具在舞臺(tái)中畫出一個(gè)矩形 (2).使用工具箱中的選擇工具選中矩形邊框. (3).點(diǎn)擊”窗口/設(shè)計(jì)面板/變形” (4).輸入矩形的旋轉(zhuǎn)角度為 10 9 (5).點(diǎn)擊變形面板中的”復(fù)制并應(yīng)用變形” 動(dòng)畫基礎(chǔ)動(dòng)畫基礎(chǔ) 一、常見的動(dòng)畫形式:一、常見的動(dòng)畫形式: 逐幀動(dòng)畫、形狀補(bǔ)間動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫、遮罩動(dòng)畫、引導(dǎo)線動(dòng)畫。 二、二、 幾種
15、類型幀的小結(jié):幾種類型幀的小結(jié): (關(guān)鍵幀、空白關(guān)鍵幀、普通幀) 1. 特點(diǎn) 幀是進(jìn)行 flash 動(dòng)畫制作的最基本的單位,每一個(gè)精彩的 flash 動(dòng)畫都是由很多個(gè)精心雕琢的 幀構(gòu)成的,在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容,包括圖形、聲音、各種素材和 其他多種對(duì)象。 關(guān)鍵幀顧名思義,有關(guān)鍵內(nèi)容的幀。用來定義動(dòng)畫變化、更改狀態(tài)的幀,即編輯舞臺(tái)上存在實(shí) 例對(duì)象并可對(duì)其進(jìn)行編輯的幀。 空白關(guān)鍵幀空白關(guān)鍵幀是沒有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。 普通幀在時(shí)間軸上能顯示實(shí)例對(duì)象,但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。 2. 區(qū)別 1) 關(guān)鍵幀在時(shí)間軸上顯示為實(shí)心的圓點(diǎn),空白關(guān)鍵幀在時(shí)間軸上顯示為空
16、心的圓點(diǎn),普通幀在時(shí) 間軸上顯示為灰色填充的小方格 2) 同一層中,在前一個(gè)關(guān)鍵幀的后面任一幀處插入關(guān)鍵幀,是復(fù)制前一個(gè)關(guān)鍵幀上的對(duì)象,并可 對(duì)其進(jìn)行編輯操作;如果插入普通幀,是延續(xù)前一個(gè)關(guān)鍵幀上的內(nèi)容,不可對(duì)其進(jìn)行編輯操作; 插入空白關(guān)鍵幀,可清除該幀后面的延續(xù)內(nèi)容,可以在空白關(guān)鍵幀上添加新的實(shí)例對(duì)象。 3)關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動(dòng)作腳本,普通幀上則不能。 3. 應(yīng)用中需注意的問題 1) 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用,以減小動(dòng)畫文件的體積; 2) 盡量避免在同一幀處過多的使用關(guān)鍵幀,以減小動(dòng)畫運(yùn)行的負(fù)擔(dān),使畫面播放流暢。 三、三、 幾種類型動(dòng)畫的小結(jié)幾種類型動(dòng)畫的小結(jié): (幀幀動(dòng)畫、
17、形變動(dòng)畫、運(yùn)動(dòng)動(dòng)畫) 1. 特點(diǎn) 幀幀動(dòng)畫是 flash 動(dòng)畫最基本的形式,是通過更改每一個(gè)連續(xù)幀在編輯舞臺(tái)上的內(nèi)容來建 立的動(dòng)畫 形狀補(bǔ)間動(dòng)畫是在兩個(gè)關(guān)鍵幀端點(diǎn)之間,通過改變基本圖形的形狀或色彩變化,并由程序 自動(dòng)創(chuàng)建中間過程的形狀變化而實(shí)現(xiàn)的動(dòng)畫 運(yùn)動(dòng)補(bǔ)間動(dòng)畫是在兩個(gè)關(guān)鍵幀端點(diǎn)之間,通過改變舞臺(tái)上實(shí)例的位置、大小、旋轉(zhuǎn)角度、 沿特定路徑運(yùn)動(dòng)、變化等等屬性,并由程序自動(dòng)創(chuàng)建中間過程的運(yùn)動(dòng)變化而實(shí)現(xiàn)的動(dòng)畫 2. 區(qū)別 1)幀幀動(dòng)畫的每一幀使用單獨(dú)的畫面,適合于每一幀中的圖像都在更改而不是僅僅簡(jiǎn)單地在舞臺(tái)中 移動(dòng)的復(fù)雜動(dòng)畫。對(duì)需要進(jìn)行細(xì)微改變(比如頭發(fā)飄動(dòng))的復(fù)雜動(dòng)畫是很理想的方式。 形狀補(bǔ)間在
18、起始端點(diǎn)繪制一個(gè)圖形,再在終止端點(diǎn)繪制另一個(gè)圖形,可以實(shí)現(xiàn)一副圖形變?yōu)榱硪桓?10 圖形的效果。 運(yùn)動(dòng)補(bǔ)間在起始端點(diǎn)定義一個(gè)實(shí)例的位置、大小、色彩等屬性,在終止端點(diǎn)改變這些屬性,可以實(shí) 現(xiàn)翻轉(zhuǎn)、漸隱漸現(xiàn)等效果。 2)幀幀動(dòng)畫保存每一幀上的完整數(shù)據(jù),補(bǔ)間動(dòng)畫只保存幀之間不同的數(shù)據(jù),因此運(yùn)用補(bǔ)間動(dòng)畫相對(duì) 于幀幀動(dòng)畫,可以減小文件體積。 3)形狀補(bǔ)間必須是運(yùn)用在被打散的形狀圖形之間,動(dòng)畫補(bǔ)間必須應(yīng)用在組合、實(shí)例上,幀幀動(dòng)畫不 受此限制。 4)幀幀動(dòng)畫的每一幀都是關(guān)鍵幀,形狀補(bǔ)間動(dòng)畫幀之間是綠色背景色,兩端由實(shí)線箭頭相連,運(yùn)動(dòng) 補(bǔ)間動(dòng)畫幀之間是蘭色背景色,兩端也由實(shí)線箭頭相連。 3. 應(yīng)用中需注意的問
19、題 1)如果在創(chuàng)建補(bǔ)間動(dòng)畫時(shí),時(shí)間軸上出現(xiàn)虛線箭頭,表示補(bǔ)間不成功,應(yīng)檢查兩個(gè)端點(diǎn)的對(duì)象是不 是符合做形狀補(bǔ)間或動(dòng)作補(bǔ)間的對(duì)象。 2)可以利用變形提示點(diǎn)來控制形狀漸變的效果,利用變形提示點(diǎn),兩端的形狀越簡(jiǎn)單效果越好。 3幀幀動(dòng)畫是由一幅幅圖像按時(shí)間順序排列好,并按一定的速度播放出來的。 1)關(guān)鍵幀: 2)過渡幀:兩個(gè)關(guān)鍵幀之間的幀稱為過渡幀。 3)插入關(guān)鍵幀 4)清除關(guān)鍵幀 5)空白關(guān)鍵幀 6)幀屬性(中間,聲音,同步,旋轉(zhuǎn)) 四、四、 基本動(dòng)畫技巧小結(jié):基本動(dòng)畫技巧小結(jié): (引導(dǎo)線、遮罩) 1. 特點(diǎn) 引導(dǎo)線動(dòng)畫可以自定義對(duì)象運(yùn)動(dòng)路徑,可以通過在對(duì)象上方添加一個(gè)運(yùn)動(dòng)路徑的層,在該 層中繪制運(yùn)
20、動(dòng)路線,而讓對(duì)象沿路線運(yùn)動(dòng),而且可以將多個(gè)層鏈接到一個(gè)引導(dǎo)層,使多個(gè)對(duì)象沿同 一個(gè)路線運(yùn)動(dòng)。 遮罩動(dòng)畫是 flash 中很實(shí)用且最具潛力的功能,利用不透明的區(qū)域和這個(gè)區(qū)域以外的部分 來顯示和隱藏元素,從而增加了運(yùn)動(dòng)的復(fù)雜性,一個(gè)遮罩層可以鏈接多個(gè)被遮罩層。 2. 應(yīng)用中需注意的問題 1)引導(dǎo)層不能用做被遮罩層,遮罩層也不能用做被引導(dǎo)層; 2)引導(dǎo)項(xiàng)目之間不能相互勘套,遮罩項(xiàng)目之間也不能相互勘套;引導(dǎo)項(xiàng)目和遮罩項(xiàng)目同樣不能相互 勘套; 3)線條不能用作遮罩; 4)遮罩層顯示形狀,被遮罩層顯示內(nèi)容。 五、幾種元件的小結(jié):五、幾種元件的小結(jié): (影片剪輯元件、按鈕元件、圖形元件) 1. 特點(diǎn) 元件是
21、指在 flash 中創(chuàng)建且保存在庫(kù)中的圖形、按鈕或影片剪輯,可以自始至終在影片或其他影 片中重復(fù)使用,是 flash 動(dòng)畫中最基本的元素; 影片剪輯元件可以理解為電影中的小電影,可以完全獨(dú)立于主場(chǎng)景時(shí)間軸并且可以重復(fù)播 11 放。 按鈕元件實(shí)際上是一個(gè)只有 4 幀的影片剪輯,但它的時(shí)間軸不能播放,只是根據(jù)鼠標(biāo)指針 的動(dòng)作做出簡(jiǎn)單的響應(yīng),并轉(zhuǎn)到相應(yīng)的幀。通過給舞臺(tái)上的按鈕實(shí)例添加動(dòng)作語(yǔ)句而實(shí)現(xiàn) flash 影 片強(qiáng)大的交互性。 圖形元件是可以重復(fù)使用的靜態(tài)圖像,或連接到主影片時(shí)間軸上的可重復(fù)播放的動(dòng)畫片段。 圖形元件與影片的時(shí)間軸同步運(yùn)行。 2. 相同點(diǎn): 幾種元件的相同點(diǎn)是都可以重復(fù)使用,且當(dāng)
22、需要對(duì)重復(fù)使用的元素進(jìn)行修改時(shí),只需編輯元件, 而不必對(duì)所有該元件的實(shí)例一一進(jìn)行修改,flash 會(huì)根據(jù)修改的內(nèi)容對(duì)所有該元件的實(shí)例進(jìn)行更新。 3. 區(qū)別及應(yīng)用中需注意的問題: 1)影片剪輯元件、按鈕元件和圖形元件最主要的差別在于,影片剪輯元件和按鈕元件的實(shí)例上都可 以加入動(dòng)作語(yǔ)句,圖形元件的實(shí)例上則不能; 影片剪輯里的關(guān)鍵幀上可以加入動(dòng)作語(yǔ)句,按鈕元件和圖形元件則不能。 2)影片剪輯元件和按鈕元件中都可以加入聲音,圖形元件則不能。 3)影片剪輯元件的播放不受場(chǎng)景時(shí)間線長(zhǎng)度的制約,它有元件自身獨(dú)立的時(shí)間線;按鈕元件獨(dú)特的 4 幀時(shí)間線并不自動(dòng)播放,而只是響應(yīng)鼠標(biāo)事件;圖形元件的播放完全受制于場(chǎng)
23、景時(shí)間線; 4)影片剪輯元件在場(chǎng)景中敲回車測(cè)試時(shí)看不到實(shí)際播放效果,只能在各自的編輯環(huán)境中觀看效果, 而圖形元件在場(chǎng)景中即可適時(shí)觀看,可以實(shí)現(xiàn)所見即所得的效果。 5)三種元件在舞臺(tái)上的實(shí)例都可以在屬性面板中相互改變其行為,也可以相互交換實(shí)例。 6)影片剪輯中可以勘套另一個(gè)影片剪輯,圖形元件中也可以勘套另一個(gè)圖形元件,但是按鈕元件中 不能勘套另一個(gè)按鈕元件;三種元件可以相互勘套。 實(shí)例動(dòng)畫實(shí)例動(dòng)畫: : 創(chuàng)建用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫:用 jpg、png 等格式的靜態(tài)圖片連續(xù)導(dǎo)入到 Flash 中,就 會(huì)建立一段逐幀動(dòng)畫(參考實(shí)例:長(zhǎng)耳朵的獅子) 。 步驟 1 創(chuàng)建影片文檔 執(zhí)行【文件】|【新
24、建】命令,在彈出的對(duì)話框中選擇【常規(guī)】|【Flash 文檔】選項(xiàng)后,點(diǎn)擊 【確定】按鈕,新建一個(gè)影片文檔,在【屬性】面板上設(shè)置文件大小為 400260 像素, 【背景色】 為白色 步驟 2 導(dǎo)入 jpg 圖片 新建一個(gè)圖層,選擇第一幀,執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令 步驟 3 測(cè)試存盤 執(zhí)行【控制】|【測(cè)試影片】命令(快捷鍵 Ctrl+Enter) ,觀察動(dòng)畫效果,如果滿意,執(zhí)行 12 【文件】|【保存】命令 例 1:小球變大(形變動(dòng)畫練習(xí)) 1、 繪制一個(gè)小球,選取第 20 幀,F(xiàn)6 鍵(設(shè)為關(guān)鍵幀) ,利用【比例】鈕將小球變大,點(diǎn)選 【屬性欄】 ,選【中間】框的下拉鈕【形狀】
25、。創(chuàng)建了【形變動(dòng)畫】的漸變。 2、 Ctrl+Enter 鍵看效果。 例 2:大球變?。▌?dòng)變動(dòng)畫和圖形元件練習(xí)) 1、 定義影片屬性:“修改”“影片” ,W(寬):400,H(高):200。 2、 畫一大圓,選取它,F(xiàn)8 鍵,名稱框?yàn)椤癰all” , “作用”框?yàn)椤皥D形” ,確定鈕。 3、 點(diǎn)擊第二十幀,選“插入關(guān)鍵幀” ,利用“比例”鈕將大球變小。 4、 點(diǎn)擊第一幀,選“創(chuàng)建動(dòng)畫動(dòng)作” 。CTRL+ENTER 鍵看效果。 例 3:小狗跑步(動(dòng)畫片段元件練習(xí)) 1、 定義影片屬性:“修改影片” ,寬:400,高:200。 2、 “插入”“新建元件” ,名稱框?yàn)椤癲og” , “作用”框?yàn)椤坝捌?/p>
26、剪輯” 。 3、 “編輯”“編輯文檔” 4、 “文件”“導(dǎo)入”選取 dog.gif 文件(通過“查找”命令查找) 5、 回到場(chǎng)景, “窗口”“庫(kù)” ,將 dog 從庫(kù)中拖出。 6、 點(diǎn)擊第二十幀,選插入關(guān)鍵幀,移動(dòng) dog 位置。 7、 點(diǎn)擊第一幀,選“創(chuàng)建動(dòng)畫動(dòng)作” 。CREATE+ENTER 鍵看效果。 引導(dǎo)層動(dòng)畫:引導(dǎo)層動(dòng)畫: 一創(chuàng)建引導(dǎo)路徑動(dòng)畫的方法一創(chuàng)建引導(dǎo)路徑動(dòng)畫的方法 (1 1)創(chuàng)建引導(dǎo)層和被引導(dǎo)層)創(chuàng)建引導(dǎo)層和被引導(dǎo)層 一個(gè)最基本“引導(dǎo)路徑動(dòng)畫”由兩個(gè)圖層組成,上面一層是“引導(dǎo)層” ,它的圖層圖標(biāo)為,下 面一層是“被引導(dǎo)層” ,圖標(biāo)為,同普通圖層一樣。 在普通圖層上單擊時(shí)間軸面
27、板中的【添加運(yùn)動(dòng)引導(dǎo)層】按鈕,該層的上面就會(huì)添加一個(gè)引導(dǎo) 層,同時(shí)該普通層縮進(jìn)成為“被引導(dǎo)層” ,如圖 3-6-1 所示。 13 圖 3-6-1 引導(dǎo)路徑動(dòng)畫 (2 2)引導(dǎo)層和被引導(dǎo)層中的對(duì)象)引導(dǎo)層和被引導(dǎo)層中的對(duì)象 引導(dǎo)層是用來指示元件運(yùn)行路徑的,所以“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢 圓工具、矩形工具或畫筆工具等繪制出的線段。 而“被引導(dǎo)層”中的對(duì)象是跟著引導(dǎo)線走的,可以使用影片剪輯、圖形元件、按鈕、文字等, 但不能應(yīng)用形狀。 由于引導(dǎo)線是一種運(yùn)動(dòng)軌跡,不難想象, “被引導(dǎo)”層中最常用的動(dòng)畫形式是動(dòng)作補(bǔ)間動(dòng)畫,當(dāng) 播放動(dòng)畫時(shí),一個(gè)或數(shù)個(gè)元件將沿著運(yùn)動(dòng)路徑移動(dòng)。 (3 3)向
28、被引導(dǎo)層中添加元件)向被引導(dǎo)層中添加元件 “引導(dǎo)動(dòng)畫”最基本的操作就是使一個(gè)運(yùn)動(dòng)動(dòng)畫“附著”在“引導(dǎo)線”上。所以操作時(shí)特別得 注意“引導(dǎo)線”的兩端,被引導(dǎo)的對(duì)象起始、終點(diǎn)的 2 個(gè)“中心點(diǎn)”一定要對(duì)準(zhǔn)“引導(dǎo)線”的 2 個(gè) 端頭,如圖 3-6-2 所示。 14 元件中心十字星對(duì)準(zhǔn)引導(dǎo)線 在職上圖中,我們特地把“元件”的透明度設(shè)為 50%,使你可以透過元件看到下面的引導(dǎo)線, “元件”中心的十字星正好對(duì)著線段的端頭,這一點(diǎn)非常重要,是引導(dǎo)線動(dòng)畫順利運(yùn)行的前提。 二、應(yīng)用引導(dǎo)路徑動(dòng)畫的技巧二、應(yīng)用引導(dǎo)路徑動(dòng)畫的技巧 (1) “被引導(dǎo)層”中的對(duì)象在被引導(dǎo)運(yùn)動(dòng)時(shí),還可作更細(xì)致的設(shè)置,比如運(yùn)動(dòng)方向,在【屬性
29、】面 板上,選中【路徑調(diào)整】復(fù)選框,對(duì)象的基線就會(huì)調(diào)整到運(yùn)動(dòng)路徑。而如果選中【對(duì)齊】復(fù)選框, 元件的注冊(cè)點(diǎn)就會(huì)與運(yùn)動(dòng)路徑對(duì)齊,如圖 3-6-3 所示。 圖 3-6-3 路徑調(diào)整和對(duì)齊 15 (2)引導(dǎo)層中的內(nèi)容在播放時(shí)是看不見的,利用這一特點(diǎn),可以單獨(dú)定義一個(gè)不含“被引導(dǎo)層”的 “引導(dǎo)層” ,該引導(dǎo)層中可以放置一些文字說明、元件位置參考等,此時(shí),引導(dǎo)層的圖標(biāo)為。 (3)在做引導(dǎo)路徑動(dòng)畫時(shí),按下工具箱中的【對(duì)齊對(duì)象】按鈕,可以使“對(duì)象附著于引導(dǎo)線” 的操作更容易成功,拖動(dòng)對(duì)象時(shí),對(duì)象的中心會(huì)自動(dòng)吸附到路徑端點(diǎn)上。 (4)過于陡峭的引導(dǎo)線可能使引導(dǎo)動(dòng)畫失敗,而平滑圓潤(rùn)的線段有利于引導(dǎo)動(dòng)畫成功制作。
30、 (5)向被引導(dǎo)層中放入元件時(shí),在動(dòng)畫開始和結(jié)束的關(guān)鍵幀上,一定要讓元件的注冊(cè)點(diǎn)對(duì)準(zhǔn)線段的 開始和結(jié)束的端點(diǎn),否則無(wú)法引導(dǎo),如果元件為不規(guī)則形,可以點(diǎn)擊工具箱中的【任意變形工具】 ,調(diào)整注冊(cè)點(diǎn)。 (6)如果想解除引導(dǎo),可以把被引導(dǎo)層拖離“引導(dǎo)層” ,或在圖層區(qū)的引導(dǎo)層上單擊右鍵,在彈出 的菜單上選擇【屬性】 ,在對(duì)話框中選擇“正?!?,作為正常圖層類型,如圖 3-6-4 所示。 圖 3-6-4 圖層【屬性】面板 (7)如果想讓對(duì)象作圓周運(yùn)動(dòng),可以在“引導(dǎo)層”畫一根圓形線條,再用【橡皮擦工具】擦去一小 段,使圓形線段出現(xiàn) 2 個(gè)端點(diǎn),再把對(duì)象的起始、終點(diǎn)分別對(duì)準(zhǔn)端點(diǎn)即可。 16 (9)引導(dǎo)線允許
31、重疊,比如螺旋狀引導(dǎo)線,但在重疊處的線段必需保持圓潤(rùn),讓 Flash 能辨認(rèn)出線 段走向,否則會(huì)使引導(dǎo)失敗。 例 4 小球沿曲線運(yùn)動(dòng)(引導(dǎo)層練習(xí)) 1、 在第一層中畫一個(gè)小球,顏色為紅,選取小球, “插入”菜單, “轉(zhuǎn)換成元件”命令,輸入 “ball”作名稱,類型為“圖形”. 2、 設(shè) 40 幀為關(guān)鍵幀,將小球的位置略改變。 3、 在“140”中任一幀上點(diǎn)擊,選取“創(chuàng)建動(dòng)畫動(dòng)作” ,做一過渡動(dòng)畫。 4、 加一個(gè)引導(dǎo)層:點(diǎn)擊圖層左下角的“添加引導(dǎo)圖層”鈕,出現(xiàn)引導(dǎo)層。 5、 用鼠標(biāo)點(diǎn)擊引導(dǎo)圖層的第一幀,然后在編輯區(qū)內(nèi)繪制一曲線。 回到第一層,在第 1 幀中將球的中心位置移到曲線的首端,在第 40
32、 幀中將球的中心位置移到曲 線的末端,Ctrl+Enter 鍵看效果。 遮罩動(dòng)畫的概念遮罩動(dòng)畫的概念 (1 1)什么是遮罩)什么是遮罩 遮罩動(dòng)畫是 Flash 中的一個(gè)很重要的動(dòng)畫類型,很多效果豐富的動(dòng)畫都是通過遮罩動(dòng)畫來完成 的。在 Flash 的圖層中有一個(gè)遮罩圖層類型,為了得到特殊的顯示效果,可以在遮罩層上創(chuàng)建一個(gè) 任意形狀的“視窗” ,遮罩層下方的對(duì)象可以通過該“視窗”顯示出來,而“視窗”之外的對(duì)象將不 會(huì)顯示。 (2 2)遮罩有什么用)遮罩有什么用 在 Flash 動(dòng)畫中, “遮罩”主要有 2 種用途,一個(gè)作用是用在整個(gè)場(chǎng)景或一個(gè)特定區(qū)域,使場(chǎng)景 外的對(duì)象或特定區(qū)域外的對(duì)象不可見,另
33、一個(gè)作用是用來遮罩住某一元件的一部分,從而實(shí)現(xiàn)一些 特殊的效果。 創(chuàng)建遮罩的方法創(chuàng)建遮罩的方法 (1 1)創(chuàng)建遮罩)創(chuàng)建遮罩 17 在 Flash 中沒有一個(gè)專門的按鈕來創(chuàng)建遮罩層,遮罩層其實(shí)是由普通圖層轉(zhuǎn)化的。你只要在某 個(gè)圖層上單擊右鍵,在彈出菜單中選擇【遮罩層】 ,使命令的左邊出現(xiàn)一個(gè)小勾,該圖層就會(huì)生成遮 罩層, “層圖標(biāo)”就會(huì)從普通層圖標(biāo)變?yōu)檎谡謱訄D標(biāo),系統(tǒng)會(huì)自動(dòng)把遮罩層下面的一層關(guān)聯(lián)為 “被遮罩層” ,在縮進(jìn)的同時(shí)圖標(biāo)變?yōu)?,如果你想關(guān)聯(lián)更多層被遮罩,只要把這些層拖到被遮罩層 下面就行了,如圖 3-5-1 所示。 圖 3-5-1 多層遮罩動(dòng)畫 (2 2)構(gòu)成遮罩和被遮罩層的元素)構(gòu)成
34、遮罩和被遮罩層的元素 遮罩層中的圖形對(duì)象在播放時(shí)是看不到的,遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位 圖、文字等,但不能使用線條,如果一定要用線條,可以將線條轉(zhuǎn)化為“填充” 。 被遮罩層中的對(duì)象只能透過遮罩層中的對(duì)象被看到。在被遮罩層,可以使用按鈕,影片剪輯, 圖形,位圖,文字,線條。 (3 3)遮罩中可以使用的動(dòng)畫形式)遮罩中可以使用的動(dòng)畫形式 可以在遮罩層、被遮罩層中分別或同時(shí)使用形狀補(bǔ)間動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫、引導(dǎo)線動(dòng)畫等動(dòng)畫 手段,從而使遮罩動(dòng)畫變成一個(gè)可以施展無(wú)限想象力的創(chuàng)作空間。 應(yīng)用遮罩時(shí)的技巧應(yīng)用遮罩時(shí)的技巧 1.遮罩層的基本原理是:能夠透過該圖層中的對(duì)象看到“被遮罩層”中的對(duì)
35、象及其屬性(包 18 括它們的變形效果) ,但是遮罩層中的對(duì)象中的許多屬性如漸變色、透明度、顏色和線條樣 式等卻是被忽略的。比如,我們不能通過遮罩層的漸變色來實(shí)現(xiàn)被遮罩層的漸變色變化。 2.要在場(chǎng)景中顯示遮罩效果,可以鎖定遮罩層和被遮罩層。 3.可以用“Actions”動(dòng)作語(yǔ)句建立遮罩,但這種情況下只能有一個(gè)“被遮罩層” ,同時(shí),不 能設(shè)置_Alpha 屬性。 4.不能用一個(gè)遮罩層試圖遮蔽另一個(gè)遮罩層。 5.遮罩可以應(yīng)用在 gif 動(dòng)畫上。 6.在制作過程中,遮罩層經(jīng)常擋住下層的元件,影響視線,無(wú)法編輯,可以按下遮罩層時(shí)間 軸面板的顯示圖層輪廓按鈕 ,使之變成,使遮罩層只顯示邊框形狀,在種情況
36、下,你還 可以拖動(dòng)邊框調(diào)整遮罩圖形的外形和位置。 7.在被遮罩層中不能放置動(dòng)態(tài)文本。 打字效果(遮蔽圖層練習(xí))打字效果(遮蔽圖層練習(xí)) 1、 定義影片屬性:“修改影片” ,寬:300,高:200。背景:粉紅色 2、 在第一層中輸入文字:“世界不大網(wǎng)大” ,字號(hào):48,顏色:藍(lán)色。選取第 40 幀,F(xiàn)5 鍵。 3、 單擊“插入圖層”鈕,增加一個(gè)圖層:選取矩形,在文字“世”的上面加一個(gè)稍比文字大一點(diǎn)的 矩形,選取矩形“修改”“轉(zhuǎn)變?yōu)樵?,在第 40 幀上插入關(guān)鍵幀,用箭頭工具放大這矩形, 蓋住文本對(duì)象。 4、 設(shè)置為“形變”的漸變,點(diǎn)擊第 2 圖層,選“遮蔽” ,CTRL+ENTER 鍵測(cè)試。
37、 5、 書畫漫卷(遮蔽圖層練習(xí))書畫漫卷(遮蔽圖層練習(xí)) 1、 在第一層中畫一根木棍,設(shè)置它的顏色:紅黃紅,利用“文件”中的“導(dǎo)入”命令導(dǎo)入一幅 山水畫,單擊第 40 幀,F(xiàn)5 鍵。選取小木棍,單擊“復(fù)制”鈕。 2、 單擊“插入圖層”鈕增加一圖層,選“編輯”菜單中的“粘貼”命令,木棍出現(xiàn)在第二層,將它 放置在第一層木棍的右邊,緊靠第一層的木棍;把它定義成“圖形”(F8 鍵),單擊第 40 幀,F(xiàn)6 鍵,將小木棍水平向右移動(dòng)到一定位置,單擊第一幀,選取“創(chuàng)建動(dòng)畫動(dòng)作” ,做一過渡動(dòng)畫。 3、 又加一圖層:選取矩形工具,繪制一矩形,蓋住第二層和第一層的木棍,選取矩形“修改” “轉(zhuǎn)換為元件” ,在第
38、 40 幀插入關(guān)鍵幀,拖動(dòng)矩形右邊框,使它緊靠第二層的木棍左邊。 4、 點(diǎn)擊第一幀,定義“形變”漸變,將第三層的位置移到第二層下,點(diǎn)擊現(xiàn)在的中間圖層,選取 “遮蔽” 。 字母變形(文字在字母變形(文字在 FLASHFLASH 中的應(yīng)用)中的應(yīng)用) 19 1、 定義影片屬性:“修改影片” ,寬:400,高:200,背景色:藍(lán)色。 2、 單擊工具欄上的“A”鈕,在第一層中插入文本“海角” ,字號(hào)為 48。顏色為粉紅色。 3、 選取對(duì)象, “修改”“分離”:打散才能實(shí)現(xiàn)形變動(dòng)畫。 4、 在第 30 幀中插入關(guān)鍵幀,刪除“海角” ,輸入文本“天涯” ,選取對(duì)象, “修改”“分離” 。 5、 在第 60
39、 幀中插入關(guān)鍵幀,刪除“天涯” ,輸入文本“歸根” ,選取對(duì)象, “修改”“分離” 。 6、 在 160 幀中,制作兩個(gè)形變動(dòng)畫的過渡。 風(fēng)吹字(多個(gè)圖層的操作)風(fēng)吹字(多個(gè)圖層的操作) 1、 新建一個(gè) Flash 電影,將層的名字改為“風(fēng)” 2、 單擊工具欄上的“A”鈕,在其中設(shè)定文字的字體、大小和顏色等屬性。然后單擊工具箱上的 “文本工具”工具。在編輯區(qū)輸入文字“風(fēng)” 。 3、 “插入”“轉(zhuǎn)換成元件” ,在彈出的“元件屬性”對(duì)話框中輸入名稱為“風(fēng)” ,選“作用”為 “圖形” ,將選定的對(duì)象轉(zhuǎn)換為一個(gè)元件。 4、 新建兩層,分別命名為“吹”和“字” ,在這兩層中分別輸入文字“吹”和“字” ,
40、并將文字轉(zhuǎn)為 元件。 5、 按住 SHIFT 鍵,選定這 3 個(gè)文字元件, “窗口”“排列”,在彈出的“排列”浮動(dòng)面板中進(jìn)行排 列操作。 6、 在“風(fēng)”層的第 25 幀處插入關(guān)鍵幀,然后將其中的文字元件“風(fēng)”移到編輯區(qū)的右上角,利用 工具欄中的“比例”工具和“旋轉(zhuǎn)”工具,對(duì)對(duì)象進(jìn)行所需的操作。 7、 “屬性”“顏色” ,設(shè)置元件的 Alpha 值(不透明度)為 0%。 8、 在“吹”層的第 25 幀處和第 40 幀處插入關(guān)鍵幀,在“字”層的第 40 幀和第 60 幀處插入關(guān)鍵幀, 在“吹”層的第 40 幀與“字”層的第 60 幀也設(shè)置不透明度為 0%。 9、 在“風(fēng)”層的第 1 幀與第 25
41、幀間、在“吹”層的第 25 幀與第 40 幀間、在“字”層的第 40 幀與 第 60 幀間設(shè)置“創(chuàng)建動(dòng)畫動(dòng)作” 。最后按“Ctrl+Enter”進(jìn)行測(cè)試。 若隱若現(xiàn)(圖符的不透明度)若隱若現(xiàn)(圖符的不透明度) 1、 設(shè)置電影屬性:“修改”“影片”:寬,160;高,100,背景色為灰色。 2、 在第一幀插入文字:“FLASH” ,字體為 48,顏色為白色。 3、 定義成組件:“插入”“轉(zhuǎn)換成元件” (快捷鍵為 F8) ,名稱為“a”,類型為圖形元件“圖形” 。 4、 將 30 幀變?yōu)殛P(guān)鍵幀(選取第 30 幀,F(xiàn)6 鍵) 5、 單擊第 1 幀,將圖符的 ALPHA 值設(shè)為 0%。在第 30 幀中定
42、義 ALPHA 值為 100%。 6、 定義 130 幀為動(dòng)變動(dòng)畫,同理將第 60 幀設(shè)為關(guān)鍵幀,定義 ALPHA 值為 0%,定義 3060 幀為 動(dòng)變動(dòng)畫。按“Ctrl+Enter”鈕進(jìn)行測(cè)試。 文字彩帶(引導(dǎo)圖層)文字彩帶(引導(dǎo)圖層) 一、效果:一小球帶著“嘉興圖書館”沿著一路徑運(yùn)動(dòng)。要點(diǎn):六個(gè)圖符,一個(gè)路徑(引導(dǎo)圖層) 二、步驟:一口氣建六個(gè)圖層,最上面的為路徑層(設(shè)為引導(dǎo)層,點(diǎn)擊圖符標(biāo)志,選“引導(dǎo)線” ) , 其下皆為被引導(dǎo)圖層(點(diǎn)擊圖層標(biāo)志,選“已引導(dǎo)線” ) ,被引導(dǎo)層中最上面的為小球,接著分別為 “嘉” 、 “興” 、 “圖” 、 “書” 、 “館”五個(gè)圖層,被引導(dǎo)圖層要建運(yùn)動(dòng)
43、過渡,且要往后移動(dòng)幾個(gè)幀(用 復(fù)制幀和粘貼幀的方法來實(shí)現(xiàn)) 。 三、最后要交換元件:在“嘉” “興” “圖” “書” “館”五個(gè)層中,選取小球,屬性欄中,點(diǎn)擊“交 20 換”鈕,選擇所要交換的元件。 創(chuàng)建按鈕元件(按鈕元件練習(xí))創(chuàng)建按鈕元件(按鈕元件練習(xí)) 1、 “插入”“新建元件” ,名稱框?yàn)椤癮” , “行為”框?yàn)椤癰utton”. 2、 這時(shí),按鈕元件編輯窗口被打開,在時(shí)間線控制欄中有四個(gè)連續(xù)標(biāo)記:“彈起” 、 “指針經(jīng)過” 、 “按下” 、 “點(diǎn)擊” ,其中第一幀“彈起”是一個(gè)空白的關(guān)鍵幀。 3、 在被編輯元件的第一幀(彈起)中繪制一個(gè)有黑色邊框的蘭色實(shí)心圓; 4、 在第二幀(鼠標(biāo)經(jīng)過
44、)的位置上新建一個(gè)關(guān)鍵幀。 5、 用繪圖工具欄中的“油漆桶”工具,將舞臺(tái)中的蘭色矢量圖形變?yōu)榧t色。 6、 在“按下”的位置上新建一個(gè)關(guān)鍵幀,將舞臺(tái)中的蘭色矢量圖形變?yōu)榫G色。 7、 如果需要另外設(shè)置鼠標(biāo)激活區(qū)域,則在第四幀(點(diǎn)擊)位置上新建一個(gè)關(guān)鍵幀,并用繪圖工具繪 制一個(gè)覆蓋激活區(qū)域的矢量色塊圖:如果不設(shè)置“反應(yīng)區(qū)”幀,則以前一個(gè)關(guān)鍵中的對(duì)象所占區(qū) 域?yàn)榧せ顓^(qū)域。 8、 執(zhí)行菜單命令“編輯編輯文檔” ,將編輯窗口轉(zhuǎn)換為舞臺(tái)編輯界面。 9、 執(zhí)行菜單命令“窗口”“庫(kù)” ,用鼠標(biāo)拖曳新建的按鈕元件到舞臺(tái)中,執(zhí)行菜單命令“控制 測(cè)試影片” ,然后在舞臺(tái)中測(cè)試按鈕效果。 行為和行為面板詳述行為和行為面
45、板詳述 在 Flash 文檔中添加行為是通過【行為】面板來實(shí)現(xiàn)的。默認(rèn)情況下, 【行為】面板組合在 Flash 窗口右邊的浮動(dòng)面板組中。執(zhí)行【窗口】|【開發(fā)面板】|【行為】命令可以開啟和隱藏【行 為】面板。 【行為】面板 21 單擊【行為】面板左上角的小三角可以折疊和展開面板。 【行為】面板上方有一排功能按鈕,主 要包括: 【添加行為】按鈕:?jiǎn)螕暨@個(gè)按鈕可以彈出一個(gè)包括很多行為的下拉菜單,在下拉菜單中可 以選擇你所需要添加的具體行為。 【刪除行為】按鈕:?jiǎn)螕暨@個(gè)按鈕可以將你所選中的行為刪除。 【上移】按鈕:?jiǎn)螕暨@個(gè)按鈕可以將選中的行為向上移動(dòng)位置。 【下移】按鈕:?jiǎn)螕暨@個(gè)按鈕可以將選中的行為向
46、下移動(dòng)位置。 【行為】面板下方是顯示行為的窗口,它包括兩列內(nèi)容,左邊顯示的是【事件】 ,右邊顯示的是 【動(dòng)作】 。 另外,單擊【行為】面板右上角的按鈕,會(huì)彈出一個(gè)下拉菜單,其中包括【關(guān)閉面板】 、 【最 大化面板】等命令。 1.1. 控制影片剪輯實(shí)例的行為控制影片剪輯實(shí)例的行為 在【行為】面板中,有一類行為是專門用來控制影片剪輯實(shí)例的,這類行為種類比較多,利用 它們可以實(shí)現(xiàn)改變影片剪輯實(shí)例疊放層次以及加載、卸載、播放、停止、復(fù)制或拖動(dòng)影片剪輯等功 能。 在【行為】面板中,單擊【添加行為】按鈕,在彈出的下拉菜單中指向【影片剪輯】項(xiàng)。 22 控制影片剪輯實(shí)例的行為 下表詳細(xì)列出了這些行為的功能和使
47、用方法。 行為功能選擇/輸入 上移一層將目標(biāo)影片剪輯在堆疊順序中上移一層。 影片剪輯的實(shí)例名稱。 下移一層將目標(biāo)影片剪輯在堆疊順序中下移一層。 影片剪輯的實(shí)例名稱。 停止拖動(dòng)影片剪輯停止當(dāng)前的拖動(dòng)操作。 加載圖像將外部 JPEG 文件加載到影片剪輯或屏 幕中。 JPEG 文件的路徑和文件名。 接收?qǐng)D形的影片剪輯或屏幕的實(shí)例 名稱。 加載外部影片剪輯將外部 SWF 文件加載到目標(biāo)影片剪輯或 屏幕中。 外部 SWF 文件的 URL。 接收 SWF 文件的影片剪輯或屏幕 的實(shí)例名稱。 卸載影片剪輯刪除使用“加載影片”行為或動(dòng)作加載 的 SWF 文件。 要卸載的影片剪輯或屏幕的實(shí)例名 稱。 開始拖動(dòng)影
48、片剪輯開始拖動(dòng)影片剪輯影片剪輯或屏幕的實(shí)例名稱。 23 移到最前將目標(biāo)影片剪輯或屏幕移到堆疊順序的 頂部。 影片剪輯或屏幕的實(shí)例名稱。 移到最后將目標(biāo)影片剪輯移到堆疊順序的底部。影片剪輯或屏幕的實(shí)例名稱。 轉(zhuǎn)到幀或標(biāo)簽并在 該處停止 停止影片剪輯,并根據(jù)需要將播放頭移 到某個(gè)特定幀。 要停止的目標(biāo)剪輯的實(shí)例名稱。 要停止的幀號(hào)或標(biāo)簽。 轉(zhuǎn)到幀或標(biāo)簽并在 該處播放 從特定幀播放影片剪輯。要播放的目標(biāo)剪輯的實(shí)例名稱。 要播放的幀號(hào)或標(biāo)簽。 重制影片剪輯 重制影片剪輯或屏幕要重制的影片剪輯的實(shí)例名稱。 從原本到副本的 X 軸及 Y 軸偏移 像素?cái)?shù)。 2.2. 控制視頻播放的行為控制視頻播放的行為 視
49、頻行為提供一種控制視頻回放的方法。視頻行為使你可以播放、停止、暫停、后退、快進(jìn)、 顯示及隱藏視頻剪輯。 在【行為】面板中,單擊【添加行為】按鈕,在彈出的下拉菜單中選擇【嵌入的視頻】項(xiàng),彈 出包括控制視頻的行為菜單。 控制視頻的行為 24 下表詳細(xì)列出了這些行為的功能和使用方法。 行為目的參數(shù) 播放在當(dāng)前文檔中播放視頻。目標(biāo)視頻實(shí)例名稱 停止停止該視頻。目標(biāo)視頻實(shí)例名稱 暫停暫停該視頻。目標(biāo)視頻實(shí)例名稱 后退按指定的幀數(shù)后退視頻。目標(biāo)視頻實(shí)例名稱 幀數(shù) 快進(jìn)按指定的幀數(shù)快進(jìn)視頻。目標(biāo)視頻實(shí)例名稱 幀數(shù) 隱藏隱藏該視頻。目標(biāo)視頻實(shí)例名稱 顯示顯示視頻。目標(biāo)視頻實(shí)例名稱 3.3. 控制聲音播放的行為
50、控制聲音播放的行為 在【行為】面板中,單擊【添加行為】按鈕,在彈出的下拉菜單中選擇【聲音】項(xiàng)。 控制聲音的行為 25 控制聲音的行為比較容易理解。利用它們可以實(shí)現(xiàn)播放、停止聲音以及加載外部聲音、從【庫(kù)】 中加載聲音等功能。 4.4.實(shí)例實(shí)例隨意拖動(dòng)外部加載的圖像隨意拖動(dòng)外部加載的圖像 本實(shí)例運(yùn)行時(shí),自動(dòng)將外部的 5 張動(dòng)物圖像加載到 Flash 影片中,它們成層次疊放在一起,用 鼠標(biāo)單擊任意一張圖像,這張圖像就顯示在最前面,并且用鼠標(biāo)還可以拖動(dòng)它放在任意的位置, 制作步驟 (1)創(chuàng)建動(dòng)畫界面 26 步驟 1 創(chuàng)建文檔 在 Flash MX 2004 中新建一個(gè)影片文檔,將其保存為“行為應(yīng)用實(shí)例
51、.fla”文件。保持影片文 檔的默認(rèn)屬性設(shè)置。 【屬性】面板 步驟 2 創(chuàng)建動(dòng)畫背景和標(biāo)題 新建一個(gè)圖層,并將兩個(gè)圖層分別重新命名為“背景”和“標(biāo)題” 。用工具箱中的工具分別在這 個(gè)兩個(gè)圖層上創(chuàng)建動(dòng)畫的背景和標(biāo)題 27 動(dòng)畫背景和標(biāo)題 (2)創(chuàng)建元件 步驟 1 制作“圖像顯示區(qū)”MC 元件 新建一個(gè)名字為“圖像顯示區(qū)”的 MC 元件,在這個(gè)元件的編輯場(chǎng)景中用【矩形工具】繪制一個(gè) 深灰色的矩形圖形。并把它放置在舞臺(tái)的中央位置。 說明:這個(gè)矩形圖形的尺寸要和你將要加載的外部圖像的尺寸一樣,這樣才可以保證將加載的 圖像完美顯示出來。本例為你提供了 5 張 jpg 格式的動(dòng)畫圖片,它們的尺寸已經(jīng)被統(tǒng)一
52、處理為: 299208 像素。 步驟 2 制作“圖像顯示框”MC 元件 再新建一個(gè)名字為“圖像顯示框”的 MC 元件。在這個(gè)元件的編輯場(chǎng)景中,新建一個(gè)圖層,并將 兩個(gè)圖層重新分別命名為“邊框”和“顯示區(qū)” 。在【邊框】圖層上,用【矩形工具】繪制一個(gè)黑色 28 邊線、白色填充的矩形圖形。在【顯示區(qū)】圖層上,將【庫(kù)】面板中的“圖像顯示區(qū)”MC 元件拖放 到白色矩形圖像上面,調(diào)整圖形到中央位置 “圖像顯示框”MC 元件 在【顯示區(qū)】圖層上,選擇“圖像顯示區(qū)”MC 元件的實(shí)例,在【屬性】面板中定義它的實(shí)例名 為“photo” , 29 定義實(shí)例名稱 (3)引用元件 步驟 1 布局元件 返回到【場(chǎng)景 1
53、】 ,在【標(biāo)題】圖層上插入一個(gè)新圖層,并重新命名為“圖像” 。在這個(gè)圖層上, 從【庫(kù)】面板中拖放“圖像顯示框”MC 元件到舞臺(tái)上,共得到 5 個(gè)實(shí)例,將它們整齊疊放在一起。 步驟 2 定義實(shí)例名稱 30 在【屬性】面板中,分別定義舞臺(tái)上這 5 個(gè) MC 元件實(shí)例的名稱為: snapshot1、snapshot2、snapshot3、snapshot4、snapshot5。 (4)設(shè)置行為 步驟 1 設(shè)置【action】圖層第 1 幀的行為 在【圖像】圖層上新建一個(gè)圖層,并重新命名為“action” 。選擇這個(gè)圖層的第 1 幀,打開【行 為】面板,選擇【添加行為】|【影片剪輯】|【加載圖像】行為
54、。 選擇“加載圖像”行為 說明:當(dāng)設(shè)置某個(gè)關(guān)鍵幀上的行為時(shí), 【影片剪輯】行為類別中僅顯示 4 個(gè)行為。 單擊【加載圖像】行為以后,彈出【加載圖像】行為設(shè)置對(duì)話框,在其中的【輸入要加載的. JPG 文件的 URL】文本框中,輸入 image1.jpg。在【選擇要將該圖像載入到哪個(gè)影片剪輯】窗口中, 選擇【snapshot1】|【photo】 , 31 設(shè)置加載圖像行為 單擊【確定】按鈕,完成一個(gè)加載圖像行為的定義。這個(gè)行為的定義實(shí)現(xiàn)了將一個(gè)名字為 image1.jpg 的圖像加載到 snapshot1 影片剪輯元件中的 photo 元件上。 這時(shí)按 F9 鍵打開【動(dòng)作】面板,你會(huì)發(fā)現(xiàn), 【動(dòng)作
55、】面板中自動(dòng)出現(xiàn)了一些動(dòng)作腳本代碼,這 些就是通過前面定義加載圖像行為系統(tǒng)自動(dòng)產(chǎn)生的腳本代碼,如圖所示。 32 自動(dòng)生成的腳本代碼 通過以上步驟,就實(shí)現(xiàn)了將 image1.jpg 圖像加載到 snapshot1 影片剪輯元件中的 photo 元件上 的目的,用同樣的方法再定義 4 個(gè)加載圖像的行為,以實(shí)現(xiàn)另外 4 個(gè)外部圖像加載到相應(yīng)的影片剪 輯元件的目的。 完成以后,在【動(dòng)作】面板中自動(dòng)生成了【action】圖層第 1 幀的動(dòng)作腳本代碼如下: /load Graphic Behavior this.snapshot5.photo.loadMovie(image5.jpg); /End Beh
56、avior /load Graphic Behavior this.snapshot4.photo.loadMovie(image4.jpg); 33 /End Behavior /load Graphic Behavior this.snapshot3.photo.loadMovie(image3.jpg); /End Behavior /load Graphic Behavior this.snapshot2.photo.loadMovie(image2.jpg); /End Behavior /load Graphic Behavior this.snapshot1.photo.load
57、Movie(image1.jpg); /End Behavior 步驟 2 設(shè)置“圖像顯示框”MC 實(shí)例的行為 先定義施加到 MC 實(shí)例 snapshot1 上的第 1 個(gè)行為。選擇名字為 snapshot1 的 MC 實(shí)例,在【行 為】面板中,選擇【添加行為】|【影片剪輯】|【開始拖動(dòng)影片剪輯】行為,如圖所示。 34 單擊【開始拖動(dòng)影片剪輯】行為以后,彈出【開始拖動(dòng)影片剪輯】對(duì)話框,在其中選擇窗口列 表中的【snapshot1】實(shí)例名,如圖所示。 【開始拖動(dòng)影片剪輯】行為 35 單擊【確定】按鈕,完成【開始拖動(dòng)影片剪輯】對(duì)話框中的設(shè)置。返回到【行為】面板,單擊 【事件】右邊的小三角按鈕,彈出
58、下拉列表菜單,選擇其中的【按下時(shí)】事件,如圖 9-2-16 所示。 改變事件類型 說明:當(dāng)我們定義按鈕、影片剪輯的行為時(shí),系統(tǒng)默認(rèn)的事件類型是“釋放時(shí)” ,如果你想更改事件 類型,可以按照上面的步驟操作。 下面繼續(xù)定義施加到 MC 實(shí)例 snapshot1 上的第 2 個(gè)行為。保持 MC 實(shí)例 snapshot1 處在選中狀 態(tài),在【行為】面板中,選擇【添加行為】|【影片剪輯】|【移到最前】行為,彈出【移到最前】 對(duì)話框,如圖 9-2-17。直接單擊【確定】按鈕即可。 36 【移到最前】對(duì)話框 接著按照同樣的方法,將【釋放時(shí)】事件更改為【按下時(shí)】事件。 最后定義施加到 MC 實(shí)例 snapsh
59、ot1 上的第 3 個(gè)行為。保持 MC 實(shí)例 snapshot1 處在選中狀態(tài), 在【行為】面板中,選擇【添加行為】|【影片剪輯】|【停止拖動(dòng)影片剪輯】行為,彈出【停止拖 動(dòng)影片剪輯】對(duì)話框,如圖 9-2-18。直接單擊【確定】按鈕即可。 【停止拖動(dòng)影片剪輯】對(duì)話框 施加到 MC 實(shí)例 snapshot1 上的 3 個(gè)行為定義完成以后, 【行為】面板的效果如圖 9-2-19 所示。 37 snapshot1 上的 3 個(gè)行為 這時(shí)按鍵盤上的 F9 鍵,打開【動(dòng)作】面板,可以看到自動(dòng)生成的腳本代碼如下: on (press) /Start Dragging Movieclip Behavior startDrag(this);
溫馨提示
- 1. 本站所有資源如無(wú)特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 冀少版八年級(jí)生物上冊(cè)第三、四、五章整合練課件
- 企業(yè)商務(wù)接待規(guī)范指南
- 人力資源合規(guī)風(fēng)險(xiǎn)防范成本分析
- 北京市禮品合同
- 智能化印刷生產(chǎn)施工合同
- 電力系統(tǒng)升級(jí)施工合同范本
- 畜牧業(yè)用地租賃合同
- 社區(qū)義工活動(dòng)策劃與實(shí)施
- 交響樂團(tuán)指揮聘任合同
- 教育信息化項(xiàng)目投標(biāo)保證金辦法
- 大柳塔煤礦井下移動(dòng)設(shè)備管理辦法
- 我家鄉(xiāng)-湖北鐘祥教學(xué)課件
- 地球儀與地圖七年級(jí)上冊(cè) 科學(xué)知識(shí)精講與典例提升 (浙教版)
- 國(guó)家職業(yè)類別1-6類明細(xì)表
- 三級(jí)醫(yī)院急診科護(hù)理質(zhì)量評(píng)價(jià)標(biāo)準(zhǔn)
- 小學(xué)、幼兒園與屬地衛(wèi)生醫(yī)療部門聯(lián)動(dòng)機(jī)制集合9篇
- 2023春國(guó)開電大《實(shí)用管理基礎(chǔ)》形考任務(wù)1-4參考答案
- 工商銀行全國(guó)地區(qū)碼
- 纖支鏡檢查知情同意書
- 企業(yè)介紹PPT模板
- 社保信息變更申請(qǐng)表模板
評(píng)論
0/150
提交評(píng)論