chapter03--網(wǎng)頁設(shè)計(jì)與web編程教案-在線瀏覽
2024-09-14 09:43本頁面
【正文】 ? 1．用導(dǎo)入的靜態(tài)圖片建立逐幀動畫 用 jpg、 png等格式的靜態(tài)圖片連續(xù)導(dǎo)入到 Flash中，就會建立一段逐幀動畫 。 ? 3．文字逐幀動畫 用文字作幀中的元件，實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。 ? 5．導(dǎo)入序列圖像 可以導(dǎo)入 gif序列圖像、 swf動畫文件或者利用第 3方軟件（如 swish、 swift 3D等）產(chǎn)生的動畫序列。 ?步驟 2： 選擇“文件 |導(dǎo)入 |導(dǎo)入到舞臺”，將小汽車的圖片導(dǎo)入到舞臺上 ?步驟 3： 單擊第 2幀，插入關(guān)鍵楨 (F6) ，選中舞臺上的小汽車并水平平移一段距離。 ?步驟 5： 按照 3和 4的步驟重復(fù)幾次直至小騎車平移到最右邊。 逐幀動畫方法與實(shí)例 ?例 2：奔馳的駿馬 （ 導(dǎo)入連續(xù)圖片 ） ?步驟 1： 新建一個影片文檔，在“屬性”面板上設(shè)置文件大小為 460 290像素，“背景色”為白色。 逐幀動畫方法與實(shí)例 ?步驟 2： 創(chuàng)建背景圖層。 ?步驟 3： 導(dǎo)入素材到庫。如左圖所示。插入一個新的圖層并選中第1幀，單擊庫里名為“馬 1”的圖形元件，按住鼠標(biāo)左鍵拖動到舞臺上，然后釋放鼠標(biāo)，這樣“馬 1”圖形就拖到舞臺上了。下圖為導(dǎo)入的圖片序列。單擊“時間軸”面板下方的“編輯多個幀”按鈕，再單擊“修改繪圖紙標(biāo)記”按鈕，在彈出的菜單中選擇“繪制全部”命令。此時時間軸和場景效果如下圖所示。 形狀補(bǔ)間動畫實(shí)例 ?例：變形文字 ?步驟 1： 新建一個文檔。 ?步驟 2： 選中“工具欄”中的“文本工具”，在舞臺上單擊并輸入大寫字母“ A”，選中字母“ A”，在文本“屬性”面板中設(shè)置字體為“黑體”、字號“ 96”、“粗體”、顏色為“紅色”（ FF0000）。 形狀補(bǔ)間動畫實(shí)例 ?步驟 4： 分別選擇各關(guān)鍵幀的文字，選擇菜單命令“修改 |分離”，將各關(guān)鍵幀上的文字打散。分別選擇第 20幀，將其“屬性”面板中的“補(bǔ)間”設(shè)為“形狀”。 ?步驟 6： Ctrl+Enter快捷鍵預(yù)覽動畫 動作補(bǔ)間動畫方法與實(shí)例 ?兩種方式： ?1) 先創(chuàng)建好兩個幀的狀態(tài)，然后在兩個關(guān)鍵幀之間建立動作補(bǔ)間關(guān)系。 動作補(bǔ)間動畫方法與實(shí)例 ?動作補(bǔ)間動畫的屬性面板 ?“緩動” 選項(xiàng) : 1到 100 :動畫運(yùn)動速度從慢到快，朝運(yùn)動結(jié)束的方向加速補(bǔ)間。 默認(rèn) :補(bǔ)間幀之間的變化速率是不變的 動作補(bǔ)間動畫方法與實(shí)例 ?動作補(bǔ)間動畫的屬性面板 ?“旋轉(zhuǎn)”選項(xiàng) : ?無 :禁止元件旋轉(zhuǎn) ?自動 :使元件在需要最小動作的方向上旋轉(zhuǎn)對象一次 ?順時針或逆時針 +N:使元件在運(yùn)動時順時針或逆時針旋轉(zhuǎn)相應(yīng)的圈數(shù) 動作補(bǔ)間動畫方法與實(shí)例 ? 例：跳動的彈球，且落地時還有彈性的效果。在“屬性”面板中設(shè)置影片的寬為 300像素，高為 300像素，背景色為白色。 ? 選擇菜單命令“文件” |“導(dǎo)入” |“導(dǎo)入到庫”，選擇彈球圖片后，將彈球?qū)氲綆臁? ?步驟 3： 選擇菜單命令“插入” |“新建元件”，新建圖形元件名稱填為彈球并將庫中的彈球位圖拖動到舞臺上。 ?步驟 5： 創(chuàng)建動畫。為了模擬彈球著地時被壓縮的樣子，應(yīng)該在隨后的幾幀里將圖形壓縮再恢復(fù)。壓縮完后，將圖形下移到剛才記下的位置上。在這一幀上，彈球?qū)⒒謴?fù)原形，準(zhǔn)備跳起。這一彈球?qū)⑼瓿梢粋€循環(huán)。由于重力作用，圖形下落的時候加速，上升的時候減速，所以在第 1幀的屬性中將“補(bǔ)間”設(shè)置為“動畫”，將“緩動”值改為 60。在第 25幀至第 30幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動畫”命令。創(chuàng)建后的時間軸如下圖： ?步驟 5： 測試動畫。 遮罩動畫方法與實(shí)例 ? ? 1）遮罩及其作用 ?遮罩動畫是 Flash中的一個很重要的動畫類型，很多效果豐富的動畫都是通過遮罩動畫來完成的。 ?在 Flash動畫中，“遮罩”主要有 2種用途，一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個作用是用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。比如，我們不能通過遮罩層的漸變色來實(shí)現(xiàn)被遮罩層的漸變色變化。 ?可以用“ Actions”動作語句建立遮罩，但這種情況下只能有一個“被遮罩層”，同時，不能設(shè)置 _Alpha屬性。 ?遮罩可以應(yīng)用在 gif動畫上。 ?在被遮罩層中不能放置動態(tài)文本。 ?步驟 2： 按 Ctrl+F8快捷鍵插入一個“圖形”元件，并命名為“文字”。文字元件如圖。將工具箱中的填充顏色設(shè)置為彩色。注意，彩條的寬度應(yīng)長于文字的寬度。從“庫”面板中拖動圖形元件“彩條”到舞臺上適當(dāng)?shù)奈?
規(guī)章制度相關(guān)推薦
鄂ICP備17016276號-1