dreamweaver-flash-fireworks網(wǎng)頁(yè)制作培訓(xùn)教程第7課-資料下載頁(yè)
2025-03-10 01:58本頁(yè)面
【正文】 型案例 ——展卷畫 ? 操作思路： （ 1）設(shè)置動(dòng)畫場(chǎng)景大小為 800 300像素，幀頻為 12fps。 （ 2）分別創(chuàng)建外框的展卷遮罩及框內(nèi)畫面的移動(dòng)遮罩。 （ 3）創(chuàng)建畫軸的展開與閉合動(dòng)畫。 （ 4）使用元件實(shí)例 【 屬性 】 面板的 【 顏色 】 下拉列表框中的 【 高級(jí) 】 選項(xiàng)設(shè)置制作畫面出現(xiàn)與離開的動(dòng)畫效果。 ? 操作步驟請(qǐng)老師參照軟件講解 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 典型案例 ——展卷畫 ?案例小結(jié) 本案例通過制作展卷畫練習(xí)了遮罩動(dòng)畫的創(chuàng)建、元件顏色的高級(jí)設(shè)置、各個(gè)面畫的轉(zhuǎn)換等。讀者應(yīng)主要掌握遮罩動(dòng)畫的創(chuàng)建和元件顏色的高級(jí)設(shè)置方法。在本案例中，還需注意如何從一個(gè)畫面轉(zhuǎn)換到另一個(gè)面畫。 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 上機(jī)練習(xí) ? 流水 ? 秋葉飄飛 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 流水 本練習(xí)制作流水效果，如下圖所示，主要練習(xí)遮罩動(dòng)畫的創(chuàng)建。 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 流水 操作思路： ?新建大小為 540 390像素的場(chǎng)景，幀頻為 12fps。 ?導(dǎo)入 ，使圖像頂部與場(chǎng)景上方對(duì)齊。 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 流水 ?新建圖層 2，復(fù)制 圖像重合，并將它們分別轉(zhuǎn)換成名為“svi”和 “svi0”的影片剪輯元件。 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 流水 ?進(jìn)入 “svi0”影片剪輯元件的編輯區(qū)，用套索工具將水選擇出來。 ?進(jìn)入 “svi”影片剪輯元件的編輯區(qū)，在新建的圖層 2中繪制水波若干，并將其轉(zhuǎn)換為 “ze”影片剪輯元件，再創(chuàng)建從上往下移動(dòng)的動(dòng)畫補(bǔ)間動(dòng)畫，建立上下兩層的遮罩關(guān)系。 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 秋葉飄飛 本練習(xí)制作秋葉飄飛的動(dòng)畫效果，如下圖所示，主要練習(xí)引導(dǎo)動(dòng)畫的創(chuàng)建。 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 秋葉飄飛 操作思路： ?新建文檔，設(shè)置場(chǎng)景大小為 540 340像素，幀頻為 20fps。 ?導(dǎo)入“風(fēng)景 ”圖片。新建圖層 2，導(dǎo)入“葉 .jpg”圖片。 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 秋葉飄飛 ?將“葉 .jpg”圖片依次轉(zhuǎn)為“葉”、“葉 2”、“葉 3”、“葉 0”元件。其中，“葉 0”為圖形元件，其他為影片剪輯元件。 ?在“葉 3”中創(chuàng)建“葉 0”元件實(shí)例的動(dòng)畫補(bǔ)間動(dòng)畫，讓葉片旋轉(zhuǎn)一定角度。 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 秋葉飄飛 ?在“葉 2”中創(chuàng)建引導(dǎo)動(dòng)畫，在庫(kù)中復(fù)制兩個(gè)“葉 2”元件的副本，分別為“葉 21”和“葉 22”，并修改其路徑形狀與長(zhǎng)短，在“葉 21”和“葉 22”元件的時(shí)間軸前面創(chuàng)建一些空白幀，使“葉 21”和“葉 22”延后下落。 ?在“葉”中放置多個(gè)“葉 2”、“葉 21”和“葉 22”元件實(shí)例，并適當(dāng)進(jìn)行壓縮、旋轉(zhuǎn)與傾斜操作，使葉子下落狀態(tài)更真實(shí)。 Dreamweaver 8， Flash 8， Fireworks 8網(wǎng)頁(yè)制作培訓(xùn)教程 演講完畢，謝謝觀看！
研究報(bào)告相關(guān)推薦
鄂ICP備17016276號(hào)-1