[高等教育]第九章flash網(wǎng)頁動畫設(shè)計-在線瀏覽
2025-03-04 21:02本頁面
【正文】 文字分離成獨(dú)立的文字。 制作逐幀動畫 制作 Flash動畫時，最重要的是正確使用幀。 ?插入幀： 在插入幀之前，先單擊時間軸上需要插入幀的幀。 ?刪除幀、關(guān)鍵幀或幀序列： 在選定該幀或序列后，選擇菜單“插入 |刪除幀”，或單擊右鍵選擇“刪除幀”。 ?復(fù)制幀或幀序列： 在選定該幀或序列后（復(fù)制多幀需要按住 【 SHIFT】 進(jìn)行多選），單擊右鍵“復(fù)制幀”，選定目標(biāo)幀位置，單擊右鍵“粘貼幀”，用編輯菜單也可以。 ?修改補(bǔ)間序列長度： 可以拖動起始與結(jié)束關(guān)鍵幀的位置，也可以單擊關(guān)鍵幀之間的幀，再右鍵單擊，選擇插入幀或刪除幀。選擇第二個關(guān)鍵幀，選擇“跑”字，設(shè)置為橙色。 制作逐幀動畫 ? 選擇菜單“控制 |測試影片 【 CTRL+ENTER】 ”，測試影片效果，我們發(fā)現(xiàn)動畫有些快，選擇菜單“修改 |文檔”，設(shè)置幀頻為 6fps（幀每秒），還可以設(shè)置文檔的尺寸。 制作逐幀動畫 ? 選擇菜單“文件 |新建 |Flash文件（ Action ）”，新建文件。在元件設(shè)計界面，輸入文字“領(lǐng)”，設(shè)置字體、顏色與文字大小。 制作運(yùn)動動畫 ? 單擊左上方的“場景 1”，回到場景設(shè)計界面。單擊時間軸左下角的“插入圖層”按鈕插入圖層 2。同樣插入圖層 3，將元件“者”插入。 制作運(yùn)動動畫 ? 單擊選擇圖層 1第 10幀，單擊鼠標(biāo)右鍵“插入關(guān)鍵幀”，同樣在第 3層的第 10幀插入關(guān)鍵幀。 制作運(yùn)動動畫 ? 單擊時間軸圖層 1的第 1至 9幀上任意一幀，在屬性欄中補(bǔ)間選項設(shè)置為“動畫” 。 制作運(yùn)動動畫 ? 單擊選擇菜單“控制 |測試影片 【 CTRL+ENTER】 ”，測試影片效果。 制作運(yùn)動動畫 ? 單擊圖層 1第 1幀，使用任意變形工具，將“領(lǐng)”字變大，按住“ Shift”鍵可設(shè)置以中心為基點變化。 制作運(yùn)動動畫 ? 單擊圖層 2第 1幀，按住Shift鍵單擊第 20幀，發(fā)現(xiàn)第 1至 20幀都被選中，按住鼠標(biāo)左鍵向時間軸右側(cè)拖動這些幀，使這些幀向后移動。然后分別單擊圖層 2中的對應(yīng)圖層 3的最后一幀上的幀，單擊鼠標(biāo)右鍵插入幀，使三個圖層一起結(jié)束。 制作形狀動畫 新建文件，單擊矩形工具，設(shè)置邊線顏色為無色，填充顏色為藍(lán)色，在圖層 1第 1幀使用矩形工具創(chuàng)建一個沒有邊線的矩形。在第 10幀插入關(guān)鍵幀，使用鋼筆工具在矩形上面的線條中間單擊鼠標(biāo)，插入錨點。同樣添加下面的錨點，調(diào)整。 【 CTRL+ENTER】 測試影片，然后保存文件“形狀動畫 .fla”。在創(chuàng)建時，使用遮罩層創(chuàng)建一個“孔”，孔的形狀由遮罩層的圖形決定，通過這個孔可以看到遮罩層下面的內(nèi)容，而孔外的內(nèi)容都被遮住。設(shè)置遮罩動畫既可以將遮罩層設(shè)置為動畫，而形成聚光燈效果；也可以將被遮住的層設(shè)置為動畫，而形成管中窺豹效果。 制作遮罩動畫 ?，修改文檔尺寸 制作遮罩動畫 ? 導(dǎo)入素材中的“ LOGO背景 .png”，選擇菜單“窗口 |庫 【 Ctrl+L】 ”顯示庫面板，發(fā)現(xiàn)自動生成元件 1，如果擴(kuò)展名設(shè)置為隱藏則自動生成“ LOGO背景 .png”，即與文件名相同，并加入擴(kuò)展名，后面的導(dǎo)入同理，可以右鍵單擊元件重新命名。 使用鋼筆工具勾出“獵豹”形狀，使用顏料桶工具單擊“獵豹”的內(nèi)部，填充白色。 制作遮罩動畫 單擊菜單“插入 |新建元件”，選擇圖形，先單擊矩形工具，然后選擇菜單“窗口 |顏色”，設(shè)置邊框顏色為無色，填充類型為線性，顏色均為白色，左中右透明度為 0、 100%、 0。 制作遮罩動畫 ?“場” 單擊“場景 1”回到場景，將“元件 1”拖到場景中，設(shè)置屬性寬度 180，高度 100，坐標(biāo)為（ 0，0），單擊第 20幀，單擊鼠標(biāo)右鍵，選擇“插入幀 【 F5】 ”命令，插入幀，使動畫播放時間延續(xù)到第 20幀。單擊第 20幀，插入幀。 制作遮罩動畫 ? 在第 1幀上單擊鼠標(biāo)右鍵，創(chuàng)建補(bǔ)間動畫。在圖層 3上方插入新圖層 4，單擊圖層 4第 1幀，將標(biāo)志元件拖到該幀，設(shè)置屬性坐標(biāo)為（ 16， 5），使其與圖層 2的圖形完全重合。 制作遮罩動畫 ? 測試影片 【 CTRL+ENTER】 ”，測試影片效果，保存文件“遮罩動畫 .fla”。 簡單的效果是曲線的運(yùn)動動畫 ， 復(fù)雜的有文字繪寫 （ 激光筆 ） 效果 。選擇菜單“文件 |導(dǎo)入 |導(dǎo)入到庫”，將“引導(dǎo)層”文件夾中的素材“平面構(gòu)成 .png”導(dǎo)入到庫。 制作引導(dǎo)層動畫 ?“場” 單擊場景 1，返回舞臺，將圖形元件“平面構(gòu)成”拖動到場景中，設(shè)置坐標(biāo)為（ 0， 0）中，寬度為 780，高度為 263。 制作引導(dǎo)層動畫 ? 在圖層 2文字上單擊右鍵，選擇添加引導(dǎo)層。這里我們使用橢圓工具繪制一個填充顏色為無色的圓形，然后使用橡皮擦工具在左側(cè)擦開一個小口，從而得到一個規(guī)則的圓形引導(dǎo)線。在圖層 2第 20幀插入關(guān)鍵幀，在引導(dǎo)層第 20幀插入幀，在圖層 1第 20幀插入幀，同樣將第 20幀的小球?qū)?zhǔn)路徑的終點，并設(shè)置小球的運(yùn)動動畫。 我們發(fā)現(xiàn)小球按照圓形的路徑行走 ， 而圓形的圖形是隱藏的 。 制作引導(dǎo)層動畫 ? 新建一個 Flash文件，修改文檔尺寸為 500*330。新建圖層 2，將元件 2拖動到圖層 2第一幀，設(shè)置屬性坐標(biāo)（ 0， 0。 制作影片剪輯 ——百葉窗效果 單擊第 25幀，按 F6插入關(guān)鍵幀，按 Ctrl+T彈出“變形”面板，框選矩形，設(shè)置高為 10%，如圖 956所示，按回車確認(rèn)。 制作影片剪輯 ——百葉窗效果 ? ——多行百葉窗葉片 Ctrl+F8創(chuàng)建影片剪輯，命名“百葉窗”，拖動 11個“葉片”元件到“百葉窗”元件中，設(shè)置第一個葉片坐標(biāo)（ 0， 0），設(shè)置最后一個葉片坐標(biāo)（ 0， 300），將其它葉片水平位置位于第一和最后一個葉片的右側(cè)，垂直位置為第
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1