【文章內(nèi)容簡介】 圖片動(dòng)作效果 ?在 Flash中，常常需要制作圖片的各種動(dòng)作效果，例如圖片的翻轉(zhuǎn)、呈現(xiàn)、消失、移動(dòng)等等。這些效果需要應(yīng)用動(dòng)作補(bǔ)間來實(shí)現(xiàn)。 ?動(dòng)作補(bǔ)間與形狀補(bǔ)間的區(qū)別在于：形狀補(bǔ)間主要用于矢量對(duì)象的動(dòng)畫制作，而動(dòng)作補(bǔ)間主要用于圖形或者元件的動(dòng)畫。 Flash 步驟詳解 ① 啟動(dòng) Flash CS4,打開“本書范例 \第 3章 \原始素材 \ 動(dòng)作補(bǔ)間動(dòng)畫 \圖片動(dòng)作效果 .fla”。里面已經(jīng)為用戶建立好一個(gè)背景層 。 ② 新建“圖層 2” ，按 Ctrl+L打開庫，選中“圖層 2” 的第 1幀，拖曳庫中的“國旗”圖片到舞臺(tái)上放置。選擇“窗口” |“對(duì)齊”命令，在出現(xiàn)的對(duì)齊面板中單擊“相對(duì)于舞臺(tái)”，在“匹配大小”選項(xiàng)中選擇“匹配寬和高”，在“分布”選項(xiàng)中選擇“垂直居中分布”，在“對(duì)齊”選項(xiàng)中選擇“水平中齊”，以此來調(diào)整圖片對(duì)象在舞臺(tái)上的位置 。選擇圖片對(duì)象，按 F8鍵轉(zhuǎn)換為圖片元件。分別在第 15幀、第30幀和第 45幀處按 F6鍵插入關(guān)鍵幀。 Flash 步驟詳解 ③ 在圖層 2第 45幀被選中的狀態(tài)下，選擇名為“國旗”的圖片，并將屬性面板中的“色彩效果”選項(xiàng)的樣式調(diào)為“ Alpha” ，并把值設(shè)置為“ 0%” ?；氐降?1幀，將圖片拖曳到畫布以外的區(qū)域，并單擊工具欄中的“任意變形工具”按鈕將圖片元件等比例縮小。 ④ 鼠標(biāo)右擊時(shí)間軸上圖層 2的第 1幀，選擇快捷菜單中的“創(chuàng)建傳統(tǒng)補(bǔ)間”，并在屬性欄中將補(bǔ)間的旋轉(zhuǎn)方式設(shè)置為“順時(shí)針”。鼠標(biāo)右擊時(shí)間軸上圖層 2的第 30幀，選擇快捷菜單中的“創(chuàng)建傳統(tǒng)補(bǔ)間”，這樣就做好了第 1張圖片“國旗”的進(jìn)入和退出動(dòng)作。 Flash 步驟詳解 ⑤ 下面接著來做第 2張圖片“天安門”的進(jìn)入和退出動(dòng)作。新建一個(gè)圖層（圖層 3），選中圖層 3的第 46幀，按下 F6鍵添加關(guān)鍵幀，拖曳第2張圖片“天安門”到舞臺(tái)上放置。選擇“窗口”“對(duì)齊”命令，在出現(xiàn)的對(duì)齊面板中單擊“相對(duì)于舞臺(tái)”，在“匹配大小”選項(xiàng)中選擇“匹配寬和高”，在“分布”選項(xiàng)中選擇“垂直居中分布”，在“對(duì)齊”選項(xiàng)中選擇“水平中齊”，以此來調(diào)整圖片對(duì)象在舞臺(tái)上的位置。選擇圖片對(duì)象，按 F8鍵轉(zhuǎn)換為圖片元件。分別在圖層 3的第 60幀、第 75幀和第 90幀處按 F6鍵插入關(guān)鍵幀。 Flash 步驟詳解 ⑥ 在圖層 3第 90幀被選中的狀態(tài)下，選擇名為“天安門”的圖片，并將屬性面板中的“色彩效果”選項(xiàng)的樣式調(diào)為“ Alpha” ，值設(shè)置為“ 0%” ?；氐降?46幀，將圖片拖曳到畫布以外的區(qū)域，并使用工具欄中的任意變形工具將圖片元件等比例縮小。 Flash 步驟詳解 ⑦ 鼠標(biāo)分別右擊時(shí)間軸上圖層 3的第 4 75幀，選擇快捷菜單中的“創(chuàng)建傳統(tǒng)補(bǔ)間”，并在屬性欄中將補(bǔ)間的旋轉(zhuǎn)方式設(shè)置為“順時(shí)針”。 ⑧ 選中背景層的第 90幀，按 F5鍵添加普通幀對(duì)背景層進(jìn)行延時(shí)。 ⑨ 將文件另存為“圖片動(dòng)作效果 .fla” ，并按Ctrl+Enter鍵查看動(dòng)作補(bǔ)間動(dòng)畫效果。 Flash 技術(shù)點(diǎn)睛 ?動(dòng)作補(bǔ)間，也稱為運(yùn)動(dòng)漸變。適合于設(shè)置原件、群組、圖層等對(duì)象的大小、顏色、位置、旋轉(zhuǎn)等變化。運(yùn)動(dòng)的對(duì)象必須是元件或是一個(gè)對(duì)象，不能是矢量圖形。 ?動(dòng)作補(bǔ)間動(dòng)畫至少需要設(shè)置兩個(gè)關(guān)鍵幀，這兩個(gè)關(guān)鍵幀被一個(gè)黑箭頭和淺藍(lán)背景的中間過渡幀分開。有問題的過渡幀，例如丟失了關(guān)鍵幀， Flash軟件會(huì)用虛線來標(biāo)識(shí)。 ?不同于動(dòng)作補(bǔ)間，形狀補(bǔ)間適用于圖形之間的變化（如圓到方的變化），運(yùn)動(dòng)的對(duì)象只能是矢量圖形，不能是元件。如果在形狀過渡中使用文字，首先需將文本分解。 Flash 技術(shù)點(diǎn)睛 ?一個(gè)場景中，導(dǎo)入舞臺(tái)的對(duì)象轉(zhuǎn)換為元件再進(jìn)行動(dòng)作補(bǔ)間設(shè)置以達(dá)到重復(fù)利用和有效使用的目的。例如對(duì)于導(dǎo)入到庫的圖形對(duì)象是無法設(shè)置透明度的，只有把圖形對(duì)象轉(zhuǎn)化成元件才能設(shè)置 Alpha樣式。但是，同一時(shí)刻同一層要保證只有一個(gè)元件進(jìn)行動(dòng)作補(bǔ)間動(dòng)畫設(shè)置，否則無法設(shè)置動(dòng)畫。 ?對(duì)齊面板可以重新調(diào)整選定對(duì)象的對(duì)齊方式和分布。對(duì)齊面板分為 5個(gè)區(qū)域：其中“相對(duì)于舞臺(tái)”按鈕可以調(diào)整選定對(duì)象相對(duì)于舞臺(tái)尺寸的對(duì)齊方式和分布，如果沒有按下此按鈕則是兩個(gè)以上對(duì)象之間的相互對(duì)齊和分布。“對(duì)齊”區(qū)域用于調(diào)整選定對(duì)象的左對(duì)齊、水平中齊、右對(duì)齊、上對(duì)齊、垂直中齊和底對(duì)齊。“分布”區(qū)域用于調(diào)整選定對(duì)象的頂部、水平居中和底部分布，以及左側(cè)、垂直居中和右側(cè)分布?！捌ヅ浯笮　眳^(qū)域用于調(diào)整選定對(duì)象的匹配寬度、匹配高度或匹配寬和高?！伴g隔”區(qū)域用于調(diào)整選定對(duì)象的水平間隔和垂直間隔。 Flash 文字特效中動(dòng)作補(bǔ)間的運(yùn)用 ?一個(gè)有創(chuàng)意的動(dòng)漫作品少不了文字動(dòng)畫的制作。動(dòng)作補(bǔ)間經(jīng)常應(yīng)用于文字動(dòng)畫特效中。 ?本案例制作的就是一個(gè)文字晃動(dòng)的效果。 Flash 步驟詳解 ① 啟動(dòng) Flash CS4，選擇“創(chuàng)建新項(xiàng)目”的“ Flash文件（ ActionScript ）”選項(xiàng)，創(chuàng)建一個(gè)新文檔。 ②選擇“修改” |“文檔”命令，出現(xiàn)“文檔屬性”對(duì)話框，設(shè)置尺寸、背景顏色等相關(guān)屬性，然后單擊“確定”按鈕。 ③選擇“文字工具”在舞臺(tái)上輸入“ FLASH”幾個(gè)字，然后選擇該文字，再在屬性面板中設(shè)置字體為“ Arial Black”、大小為“ 60”。接著選擇 “選擇工具”選擇文字對(duì)象，按 Ctrl+B鍵將文字打散，然后將“ F”、“ L”、“ A”、“ S”、“ H” 5個(gè)文字分別設(shè)置為“紅色”、“橙色”、“黃色”、“綠色”及“藍(lán)色”。 Flash 步驟詳解 ④ 單擊“選擇工具”按鈕，選擇所有文字對(duì)象后，選擇“修改” |“時(shí)間軸” |“分散至圖層”命令將文字分散至 5個(gè)圖層中，自上而下圖層名稱自動(dòng)命名為“ F”、“ L”、“ A”、“ S”、“ H” 。選擇原先的“圖層 1”，然后按右下角的“刪除圖層”按鈕將此圖層刪除。 ⑤在時(shí)間軸中除了保留“ F”圖層外，分別在其他圖層中單擊“顯示 /隱藏所有圖層”按鈕，將另外四個(gè)圖層的內(nèi)容暫時(shí)設(shè)置為隱藏。在“ F”圖層按F6鍵將第 3幀設(shè)置為關(guān)鍵幀，然后選擇“任意變形工具”，對(duì)對(duì)象任意進(jìn)行大小縮放及旋轉(zhuǎn)角度的調(diào)整。 Flash 步驟詳解 ⑥ 調(diào)整完后，對(duì)“ L”、“ A”、“ S”、“ H”各層也做如第 5步驟的調(diào)整。 ⑦將所有圖層的第 5幀設(shè)置為關(guān)鍵幀，選擇“任意變形工具”，將對(duì)象重新做大小縮放及旋轉(zhuǎn)角度的調(diào)整。 ⑧鼠標(biāo)分別右擊時(shí)間軸上所有圖層的第 3幀，選擇快捷菜單中的“創(chuàng)建傳統(tǒng)補(bǔ)間”，設(shè)置文字各自晃動(dòng)的連接效果 。 ⑨將文件另存為“晃動(dòng)文字 .fla”，按Ctrl+Enter鍵觀看影片晃動(dòng)文字效果。 Flash 技術(shù)點(diǎn)睛 ?文本的屬性面板可以進(jìn)行字體大小、字符間距等細(xì)節(jié)的設(shè)置。 ?文本類型 ?靜態(tài)文本 ?動(dòng)態(tài)文本 ?輸入文本 Flash 如何變換文字效果 ?動(dòng)畫制作中有些效果不能直接在文本對(duì)象的初始狀態(tài)實(shí)現(xiàn)。例如為文本填充漸變，為文本提供輪廓，或者改變單個(gè)字符的形狀。要以這種方式編輯文本，需要首先將文本分解這樣做的目的是將文本從一組可編輯和配置的字符轉(zhuǎn)換為最基本形式，即矢量圖形。從而可以用任何方式對(duì)其進(jìn)行整形或從圖形的角度進(jìn)行編輯。 ?注意 ：一旦文本被分解，就不再能作為文本編輯。所以在分解之前確保正確設(shè)置文本內(nèi)容及其外觀。 Flash 變換文字的方法 ?文字轉(zhuǎn)變?yōu)槭噶繄D形的操作步驟如下：首先選中所有的文本，選擇“修改”“分離”命令；然后連續(xù)按兩次 Ctrl+B鍵將這些文字分離，轉(zhuǎn)化為矢量圖形。此時(shí)文字已經(jīng)變?yōu)槭噶啃螤?，可以?duì)其進(jìn)行顏色和其他細(xì)節(jié)操作。如有需要可以設(shè)置完后再將文字轉(zhuǎn)化為元件。 Flash 制作動(dòng)畫相冊(cè) 步驟詳解： ① 啟動(dòng) Flash CS4，選擇“創(chuàng)建新項(xiàng)目”的“ Flash文件（ ActionScript ）”選項(xiàng)，創(chuàng)建一個(gè)新文檔。選擇“文件” |“導(dǎo)入” |“導(dǎo)入到庫”命令，分別導(dǎo)入文件所需圖片。 ②按 Ctrl+L鍵打開庫，拖曳第一張圖片到舞臺(tái)放置。選擇“窗口”“對(duì)齊”命令，在出現(xiàn)的對(duì)齊面板中單擊“相對(duì)于舞臺(tái)”，在“匹配大小”選項(xiàng)中選擇“匹配寬和高”，在“分布”選項(xiàng)中選擇“垂直居中分布”，在“對(duì)齊”選項(xiàng)中選擇“水平中齊”，以此來調(diào)整圖片對(duì)象在舞臺(tái)上的位置。并把此層重命名為背景層。 ③ 選擇圖片對(duì)象，按 F8鍵將其轉(zhuǎn)換為圖片元件。在第 10幀處按 F6鍵插入關(guān)鍵幀，回到第 1幀，在繪圖工具中選擇“任意變形工具”，調(diào)整照片的大小并將屬性面板中的“色彩效果”選項(xiàng)的樣式調(diào)為“ Alpha” ，并把值設(shè)置為“ 0%” 。在兩個(gè)關(guān)鍵幀之間 (第 2幀和第 9幀 )，右擊鼠標(biāo)，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”。 Flash 制作動(dòng)畫相冊(cè) 步驟詳解： ④ 在第 21幀處按 F7鍵插入空白關(guān)鍵幀，在庫中拖曳“畫軸”圖片到舞臺(tái)放置，選擇“窗口” |“對(duì)齊”命令，在出現(xiàn)的對(duì)齊面板中單擊“相對(duì)于舞臺(tái)”，在“匹配大小”選項(xiàng)中選擇“匹配寬和高”，在“分布”選項(xiàng)中選擇“垂直居中分布”，在“對(duì)齊”選項(xiàng)中選擇“水平中齊”，以此來調(diào)畫軸在舞臺(tái)上的位置。在第 100幀處按 F5鍵插入幀，并鎖定該層。 ⑤ 新建圖層 2，重命名為“標(biāo)題層”。在右上角輸入“盆景藝術(shù)”的文字。并在屬性面板對(duì)文字進(jìn)行大小、顏色等細(xì)節(jié)設(shè)置。 ⑥ 新建圖層 3，重命名為“盆景圖片 1” 層。在第21幀處插入空白關(guān)鍵幀，拖曳其中一張盆景圖片到舞臺(tái)放置。在工具中選擇“任意變形工具”，調(diào)整照片的大小。 Flash 制作動(dòng)畫相冊(cè) 步驟詳解： ⑦ 選擇圖片對(duì)象，按 F8鍵轉(zhuǎn)換為元件。在第 45幀處按 F6鍵插入關(guān)鍵幀，回到第 21幀，在工具中選擇“任意變形工具”，調(diào)整照片的大小。并將照片拖到偏離舞臺(tái)、右下角空白的位置。在兩個(gè)關(guān)鍵幀之間 (第 22幀和第 44幀 ) 設(shè)置傳統(tǒng)補(bǔ)間，在屬性面板中的選擇“旋轉(zhuǎn)”選項(xiàng)設(shè)置為“順時(shí)針”。 ⑧ 在第 57幀處按 F6鍵插入關(guān)鍵幀，將屬性面板中的顏色選項(xiàng)的“ Alpha”值設(shè)置為“ 0”。在兩個(gè)關(guān)鍵幀之間 (第 46幀和第 56幀 ) 設(shè)置傳統(tǒng)補(bǔ)間。 ⑨依上述方法對(duì)其他圖層的圖片進(jìn)行動(dòng)作補(bǔ)間設(shè)置。 ⑩將文件另存為“動(dòng)作補(bǔ)間動(dòng)畫 .fla” ，并按Ctrl+Enter鍵查看動(dòng)作補(bǔ)間動(dòng)畫效果。 Flash 引導(dǎo)層補(bǔ)間動(dòng)畫 ?引導(dǎo)層的功能是可以讓元件沿著繪制的行進(jìn)路線按照設(shè)定的方法移動(dòng)。 Flash 案例解析 ?本案例通過使用引導(dǎo)層補(bǔ)間動(dòng)畫，在 Flash CS4中制作一只蝴蝶從花叢中沿設(shè)定路線飛舞的動(dòng)畫過程。請(qǐng)讀者思考， Flash怎樣加上小小的設(shè)計(jì)，讓這只