[高等教育]第九章flash網(wǎng)頁動畫設計(編輯修改稿)
2025-02-11 21:02 本頁面
【文章內(nèi)容簡介】 擊圖層 3第 1幀，將元件 3“矩形”拖到場景中，單擊第 20幀，單擊鼠標右鍵插入關鍵幀【 F6】 ,將矩形移動到標志的右側(cè)。 制作遮罩動畫 ? 在第 1幀上單擊鼠標右鍵，創(chuàng)建補間動畫。 制作遮罩動畫 ? 在第 1幀上單擊鼠標右鍵，創(chuàng)建補間動畫。在圖層 3上方插入新圖層 4，單擊圖層 4第 1幀，將標志元件拖到該幀，設置屬性坐標為（ 16， 5），使其與圖層 2的圖形完全重合。在時間軸“圖層 4”文字上單擊鼠標右鍵選擇“遮罩層”命令。 制作遮罩動畫 ? 測試影片 【 CTRL+ENTER】 ”，測試影片效果，保存文件“遮罩動畫 .fla”。 制作遮罩動畫 建立曲線運動或沿一條路徑運動的動畫需要用到引導層 ， 實質(zhì)是在一個圖層中放置運動對象 ， 在引導層中放置運動路徑 ， 播放過程中引導層是隱藏的 。 簡單的效果是曲線的運動動畫 ， 復雜的有文字繪寫 （ 激光筆 ） 效果 。 制作引導層動畫 ? 新建一個 Flash文件，選擇菜單“修改 |文檔”，設置寬度為 780，高度為 263。選擇菜單“文件 |導入 |導入到庫”，將“引導層”文件夾中的素材“平面構(gòu)成 .png”導入到庫。 ? 選擇菜單“插入 |新建元件”，插入一個圖形元件“小球”，設置顏色面板為邊線無色，填充為紅色到透明的放射狀漸變圖形，使用橢圓工具按住 【 SHIFT】 繪制正圓。 制作引導層動畫 ?“場” 單擊場景 1，返回舞臺，將圖形元件“平面構(gòu)成”拖動到場景中，設置坐標為（ 0， 0）中，寬度為 780，高度為 263。新建圖層 2，將小球拖動到圖層2第 1幀，使用任意變形工具變形。 制作引導層動畫 ? 在圖層 2文字上單擊右鍵，選擇添加引導層。路徑可以使用鉛筆等繪圖工具繪制，但要注意是單線不封閉的形式，不能是閉合或填充的圖形。這里我們使用橢圓工具繪制一個填充顏色為無色的圓形，然后使用橡皮擦工具在左側(cè)擦開一個小口，從而得到一個規(guī)則的圓形引導線。 制作引導層動畫 ? 將小球移動到圓形路徑的起始點，注意使小球的圓心對準起點。在圖層 2第 20幀插入關鍵幀，在引導層第 20幀插入幀，在圖層 1第 20幀插入幀，同樣將第 20幀的小球?qū)事窂降慕K點，并設置小球的運動動畫。 制作引導層動畫 選擇菜單 “ 控制 |測試影片 【 CTRL+ENTER】 ”， 測試影片效果 。 我們發(fā)現(xiàn)小球按照圓形的路徑行走 ， 而圓形的圖形是隱藏的 。 當然我們可以調(diào)整小球的顏色 ， 變化小球結(jié)束時的顏色 ， 以得到更加絢麗的效果 。 制作引導層動畫 ? 新建一個 Flash文件，修改文檔尺寸為 500*330。 ? 選擇菜單“文件 |導入 |導入到庫”選擇“百葉窗”文件夾中的素材“天津師范大學”、“天津師范大學”，軟件自動生成元件 1和元件 2，將元件 1拖動到圖層1第一幀，設置屬性坐標（ 0，0）。新建圖層 2，將元件 2拖動到圖層 2第一幀，設置屬性坐標（ 0， 0。 制作影片剪輯 ——百葉窗效果 ? ——單行百葉窗葉片 Ctrl+F8創(chuàng)建新元件，命名“葉片”，類型選擇“影片剪輯”，單擊矩形工具，設置邊線為無色，填充顏色為灰色，繪制一個 500*30的矩形。 制作影片剪輯 ——百葉窗效果 單擊第 25幀，按 F6插入關鍵幀，按 Ctrl+T彈出“變形”面板，框選矩形，設置高為 10%，如圖 956所示，按回車確認。單擊 25幀之間的任意一幀，單擊鼠標右鍵，創(chuàng)建形狀補間。 制作影片剪輯 ——百葉窗效果 ? ——多行百葉窗葉片 Ctrl+F8創(chuàng)建影片剪輯，命名“百葉窗”，拖動 11個“葉片”元件到“百葉窗”元件中，設置第一個葉片坐標（ 0， 0），設置最后一個葉片坐標（ 0， 300），將其它葉片水平位置位于第一和最后一個葉片的右側(cè)，垂直位置為第一個和最后一個葉片之間。全選所有葉片，利用對齊面板設置對齊屬性為左對齊、垂直居中分布。為了讓動畫有播放的時間，因為放到影片剪輯元件中的元件是動畫的形式，需要時間才能有動畫效果，所以選中第 25幀，按 F5插入幀。 制作影片剪輯 ——百葉窗效果 ?5．設置遮罩 單擊“場景 1”返回場景，新建圖層 3，將“百葉窗”元件拖動到圖層 3第 1幀場景中，設置坐標（ 0， 0），使其正好遮住圖片。右鍵單擊圖層 3，選擇“遮罩層” 。保存文件“百葉窗 .fla”，并測試動畫。注意，設置了影片剪輯的動畫需要測試才能看到正常結(jié)果。 制作影片剪輯 ——百葉窗效果 ?6．創(chuàng)意思維啟發(fā) 將 11個葉片分別放置在百葉窗元件的 11個圖層中，設計出場的先后次序，可以形成有序顯示的百葉窗效果。將百葉窗變成小方格或圓形來實現(xiàn)變化，會得到更精彩的效果。 制作影片剪輯 ——百葉窗效果 總結(jié)網(wǎng)頁動畫設計的思路 ， 我們可以借鑒拍電影的過程來進行網(wǎng)頁動畫設計： 布置舞臺 ——演員化妝 ——進行導演 ——排練預演 Flash網(wǎng)頁廣告設計 打開 Flash軟件，選擇菜單“新建 |文件”創(chuàng)建 Flash文件，選擇菜單“修改 |文檔”設置場景尺寸 858*270，背景顏色為灰色與幀頻12。 布置舞臺 ? 導入背景素材 演員化妝 演員化妝 ? 導入曲線素材 ? 選擇菜單“文件 |導入到庫”命令，將素材“大樓 .png”、“大樓線稿 .png”、“大樓輪廓”導入到庫，然后可分別給元件改名為“大樓”、“大樓線稿”、“大樓輪廓”。當然我們可以在 Flash中使用直線工具繪制大樓線稿與大樓輪廓圖形。但要注意新建元件后，需要先把實體大樓拖到元件中作為襯托輔助繪圖，然后將大樓刪除即可。 演員化妝 ? 同樣
教學課件相關推薦
鄂ICP備17016276號-1