chapter03--網(wǎng)頁設(shè)計(jì)與web編程教案-文庫吧
2025-07-20 09:43 本頁面
【正文】 ?步驟 5： 調(diào)整對(duì)象位置。單擊“時(shí)間軸”面板下方的“編輯多個(gè)幀”按鈕，再單擊“修改繪圖紙標(biāo)記”按鈕，在彈出的菜單中選擇“繪制全部”命令。最后執(zhí)行“編輯”菜單下的“全選”命令，此時(shí)時(shí)間軸和場景效果。此時(shí)時(shí)間軸和場景效果如下圖所示。 ?步驟 6： 測試存盤 。 形狀補(bǔ)間動(dòng)畫實(shí)例 ?例：變形文字 ?步驟 1： 新建一個(gè)文檔。在“屬性”面板中設(shè)置影片的大小為 500 400像素，背景色為白色。 ?步驟 2： 選中“工具欄”中的“文本工具”，在舞臺(tái)上單擊并輸入大寫字母“ A”，選中字母“ A”，在文本“屬性”面板中設(shè)置字體為“黑體”、字號(hào)“ 96”、“粗體”、顏色為“紅色”（ FF0000）。 ?步驟 3： 在第 30幀處分別按 F6鍵建立關(guān)鍵幀，用“文本工具”將第 10幀的文字改為“ B”、顏色改為“綠色”（ 00FF00），將第 20幀的文字改為“ C”、顏色改為“藍(lán)色”（ 0000FF），將第 30幀的文字改為“ D”、顏色改為“黃色”（ FFFF00）。 形狀補(bǔ)間動(dòng)畫實(shí)例 ?步驟 4： 分別選擇各關(guān)鍵幀的文字，選擇菜單命令“修改 |分離”，將各關(guān)鍵幀上的文字打散。 ?步驟 5： 創(chuàng)建形狀補(bǔ)間動(dòng)畫。分別選擇第 20幀，將其“屬性”面板中的“補(bǔ)間”設(shè)為“形狀”。設(shè)置后時(shí)間軸如圖所示。 ?步驟 6： Ctrl+Enter快捷鍵預(yù)覽動(dòng)畫 動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例 ?兩種方式： ?1) 先創(chuàng)建好兩個(gè)幀的狀態(tài)，然后在兩個(gè)關(guān)鍵幀之間建立動(dòng)作補(bǔ)間關(guān)系。 ?2) 先創(chuàng)建好起點(diǎn)關(guān)鍵幀，然后給此幀賦予動(dòng)作補(bǔ)間模式，再去創(chuàng)建終點(diǎn)關(guān)鍵幀，兩幀之間就建立了動(dòng)作補(bǔ)間關(guān)系。 動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例 ?動(dòng)作補(bǔ)間動(dòng)畫的屬性面板 ?“緩動(dòng)” 選項(xiàng) : 1到 100 :動(dòng)畫運(yùn)動(dòng)速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速補(bǔ)間。 1到 100:動(dòng)畫運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。 默認(rèn) :補(bǔ)間幀之間的變化速率是不變的 動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例 ?動(dòng)作補(bǔ)間動(dòng)畫的屬性面板 ?“旋轉(zhuǎn)”選項(xiàng) : ?無 :禁止元件旋轉(zhuǎn) ?自動(dòng) :使元件在需要最小動(dòng)作的方向上旋轉(zhuǎn)對(duì)象一次 ?順時(shí)針或逆時(shí)針 +N:使元件在運(yùn)動(dòng)時(shí)順時(shí)針或逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù) 動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例 ? 例：跳動(dòng)的彈球，且落地時(shí)還有彈性的效果。 ?步驟 1： 新建一個(gè)文檔。在“屬性”面板中設(shè)置影片的寬為 300像素，高為 300像素，背景色為白色。 ?步驟 2： 繪制圖形。 ? 選擇菜單命令“文件” |“導(dǎo)入” |“導(dǎo)入到庫”，選擇彈球圖片后，將彈球?qū)氲綆臁? ? 在繪制時(shí)，最好是選擇菜單命令“視圖” |“網(wǎng)格” |“顯示網(wǎng)格”，在舞臺(tái)上顯示網(wǎng)格。 ?步驟 3： 選擇菜單命令“插入” |“新建元件”，新建圖形元件名稱填為彈球并將庫中的彈球位圖拖動(dòng)到舞臺(tái)上。 ?步驟 4： 回到場景編輯界面，打開“庫”面板，將圖形元件“彈球”從庫中拖到舞臺(tái)上。 ?步驟 5： 創(chuàng)建動(dòng)畫。 注意 動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例 ?（ 1）在第 20幀按 F6鍵插入關(guān)鍵幀，按向下的方向鍵將圖形放到場偏下的位置，模擬彈球著地的樣子。為了模擬彈球著地時(shí)被壓縮的樣子，應(yīng)該在隨后的幾幀里將圖形壓縮再恢復(fù)。在第 25幀處按 F6鍵插入關(guān)鍵幀，將圖形進(jìn)行壓縮，即上下端點(diǎn)距離縮短，左右距離拉長，但圖形的著地點(diǎn)不應(yīng)該變化，所以壓縮前必須記住最下端的位置。壓縮完后，將圖形下移到剛才記下的位置上。 ?（ 2）單擊第 20幀，選擇菜單命令“編輯” |“時(shí)間軸” |“復(fù)制幀”，復(fù)制這一幀，再單擊第 30幀，選擇菜單命令“編輯” |“時(shí)間軸” |“粘貼幀”，把第 20幀的內(nèi)容粘貼過來。在這一幀上，彈球?qū)⒒謴?fù)原形，準(zhǔn)備跳起。 ?（ 3）按照第（ 2）步的方法，將第 1幀的內(nèi)容復(fù)制到第50幀。這一彈球?qū)⑼瓿梢粋€(gè)循環(huán)。 動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例 ?（ 4）現(xiàn)在為每一幀的運(yùn)動(dòng)加上漸變。由于重力作用，圖形下落的時(shí)候加速，上升的時(shí)候減速，所以在第 1幀的屬性中將“補(bǔ)間”設(shè)置為“動(dòng)畫”，將“緩動(dòng)”值改為 60。如下圖： 動(dòng)作補(bǔ)間動(dòng)畫方法與實(shí)例 ?（ 5）在第 20幀至第 25幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。在第 25幀至第 30幀之間右擊，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。在第 30幀的屬性中將“補(bǔ)間”設(shè)置為“動(dòng)畫”，將“緩動(dòng)”值改為 60。創(chuàng)建后的時(shí)間軸如下圖： ?步驟 5： 測試動(dòng)畫。按 Ctrl+Enter快捷鍵測試動(dòng)畫。 遮罩動(dòng)畫方法與實(shí)例 ? ? 1）遮罩及其作
規(guī)章制度相關(guān)推薦
鄂ICP備17016276號(hào)-1