[高等教育]第九章flash網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)-文庫(kù)吧資料
2025-01-21 21:02本頁(yè)面
【正文】 進(jìn)行導(dǎo)演 ? 新建“圖層 2”，雙擊圖層名稱(chēng)“圖層 2”，改名為“曲線”，將元件“曲線”從庫(kù)中拖曳到“曲線”層中，設(shè)置屬性 x坐標(biāo)為 0，這樣曲線實(shí)現(xiàn)了左對(duì)齊，然后使用鍵盤(pán)上的方向鍵實(shí)現(xiàn)上下微調(diào)。 演員化妝 ? 將圖形元件“背景”從庫(kù)中拖曳到場(chǎng)景中，設(shè)置屬性坐標(biāo)（ 0,0），這樣背景圖片正好鋪滿(mǎn)整個(gè)舞臺(tái)。 演員化妝 ? 選擇菜單“插入 |新建元件”，選擇圖形，命名為矩形，使用矩形工具，設(shè)置邊框顏色與填充顏色，拖出一個(gè)矩形，注意，這里什么顏色并不重要，關(guān)鍵要的是矩形的形狀，填充顏色是為了充滿(mǎn)矩形。 演員化妝 ? 同樣方法導(dǎo)入“人物 .png”和“人物 ”，并將元件改名為“人物”和“人物 2”。當(dāng)然我們可以在 Flash中使用直線工具繪制大樓線稿與大樓輪廓圖形。 制作影片剪輯 ——百葉窗效果 總結(jié)網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)的思路 ， 我們可以借鑒拍電影的過(guò)程來(lái)進(jìn)行網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)： 布置舞臺(tái) ——演員化妝 ——進(jìn)行導(dǎo)演 ——排練預(yù)演 Flash網(wǎng)頁(yè)廣告設(shè)計(jì) 打開(kāi) Flash軟件，選擇菜單“新建 |文件”創(chuàng)建 Flash文件，選擇菜單“修改 |文檔”設(shè)置場(chǎng)景尺寸 858*270，背景顏色為灰色與幀頻12。 制作影片剪輯 ——百葉窗效果 ?6．創(chuàng)意思維啟發(fā) 將 11個(gè)葉片分別放置在百葉窗元件的 11個(gè)圖層中，設(shè)計(jì)出場(chǎng)的先后次序，可以形成有序顯示的百葉窗效果。保存文件“百葉窗 .fla”，并測(cè)試動(dòng)畫(huà)。 制作影片剪輯 ——百葉窗效果 ?5．設(shè)置遮罩 單擊“場(chǎng)景 1”返回場(chǎng)景，新建圖層 3，將“百葉窗”元件拖動(dòng)到圖層 3第 1幀場(chǎng)景中，設(shè)置坐標(biāo)（ 0， 0），使其正好遮住圖片。全選所有葉片，利用對(duì)齊面板設(shè)置對(duì)齊屬性為左對(duì)齊、垂直居中分布。單擊 25幀之間的任意一幀，單擊鼠標(biāo)右鍵，創(chuàng)建形狀補(bǔ)間。 制作影片剪輯 ——百葉窗效果 ? ——單行百葉窗葉片 Ctrl+F8創(chuàng)建新元件，命名“葉片”，類(lèi)型選擇“影片剪輯”，單擊矩形工具，設(shè)置邊線為無(wú)色，填充顏色為灰色，繪制一個(gè) 500*30的矩形。 ? 選擇菜單“文件 |導(dǎo)入 |導(dǎo)入到庫(kù)”選擇“百葉窗”文件夾中的素材“天津師范大學(xué)”、“天津師范大學(xué)”，軟件自動(dòng)生成元件 1和元件 2，將元件 1拖動(dòng)到圖層1第一幀，設(shè)置屬性坐標(biāo)（ 0，0）。 當(dāng)然我們可以調(diào)整小球的顏色 ， 變化小球結(jié)束時(shí)的顏色 ， 以得到更加絢麗的效果 。 制作引導(dǎo)層動(dòng)畫(huà) 選擇菜單 “ 控制 |測(cè)試影片 【 CTRL+ENTER】 ”， 測(cè)試影片效果 。 制作引導(dǎo)層動(dòng)畫(huà) ? 將小球移動(dòng)到圓形路徑的起始點(diǎn)，注意使小球的圓心對(duì)準(zhǔn)起點(diǎn)。路徑可以使用鉛筆等繪圖工具繪制，但要注意是單線不封閉的形式，不能是閉合或填充的圖形。新建圖層 2，將小球拖動(dòng)到圖層2第 1幀，使用任意變形工具變形。 ? 選擇菜單“插入 |新建元件”，插入一個(gè)圖形元件“小球”，設(shè)置顏色面板為邊線無(wú)色，填充為紅色到透明的放射狀漸變圖形，使用橢圓工具按住 【 SHIFT】 繪制正圓。 制作引導(dǎo)層動(dòng)畫(huà) ? 新建一個(gè) Flash文件，選擇菜單“修改 |文檔”，設(shè)置寬度為 780，高度為 263。 制作遮罩動(dòng)畫(huà) 建立曲線運(yùn)動(dòng)或沿一條路徑運(yùn)動(dòng)的動(dòng)畫(huà)需要用到引導(dǎo)層 ， 實(shí)質(zhì)是在一個(gè)圖層中放置運(yùn)動(dòng)對(duì)象 ， 在引導(dǎo)層中放置運(yùn)動(dòng)路徑 ， 播放過(guò)程中引導(dǎo)層是隱藏的 。在時(shí)間軸“圖層 4”文字上單擊鼠標(biāo)右鍵選擇“遮罩層”命令。 制作遮罩動(dòng)畫(huà) ? 在第 1幀上單擊鼠標(biāo)右鍵，創(chuàng)建補(bǔ)間動(dòng)畫(huà)。 制作遮罩動(dòng)畫(huà) 單擊時(shí)間軸左下角的插入新圖層按鈕，新建圖層 3，單擊圖層 3第 1幀，將元件 3“矩形”拖到場(chǎng)景中，單擊第 20幀，單擊鼠標(biāo)右鍵插入關(guān)鍵幀【 F6】 ,將矩形移動(dòng)到標(biāo)志的右側(cè)。 單擊時(shí)間軸左下角的插入新圖層按鈕，新建圖層 2，單擊圖層 2第 1幀，將標(biāo)志元件拖到該幀，移動(dòng)在場(chǎng)景中的位置，從而得到屬性坐標(biāo)為（ 16， 5），（記住這個(gè)數(shù)值）。在場(chǎng)景中拖動(dòng)鼠標(biāo)，形成漸變矩形，利用任意變形工具順時(shí)針旋轉(zhuǎn) 30度。使用文本工具輸入網(wǎng)站名稱(chēng)“領(lǐng)跑者 IT培訓(xùn)中心” ,設(shè)置顏色與字體，注意文字需要按 【 CTRL+B】 進(jìn)行兩次分離，成為獨(dú)立的矢量圖形。 選擇菜單“插入 |新建元件 【 Ctrl+F8】 ”新建一個(gè)圖形元件“元件 2”，使用鋼筆工具，設(shè)置邊線顏色為白色，填充顏色為藍(lán)灰色，勾畫(huà)出“ L”的形狀，可以結(jié)合添加與刪除錨點(diǎn)、轉(zhuǎn)換點(diǎn)等工具進(jìn)行調(diào)節(jié)。這里我們制作有白光滑過(guò)的特殊效果的網(wǎng)站標(biāo)志，應(yīng)用遮罩動(dòng)畫(huà)。其中，遮罩項(xiàng)目可以是填充的形狀、文字、圖形元件的實(shí)例或影片剪輯。 制作形狀動(dòng)畫(huà) 遮罩動(dòng)畫(huà)的應(yīng)用非常廣泛，常見(jiàn)的有聚光燈效果、管中窺豹效果。 制作形狀動(dòng)畫(huà) 在時(shí)間軸第 1至第 10幀之間的幀上單擊右鍵，選擇“創(chuàng)建形狀補(bǔ)間”命令，或在屬性欄中補(bǔ)間選擇“形狀”，創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)，實(shí)現(xiàn)矩形的變化。 制作形狀動(dòng)畫(huà) 使用部分選擇工具向上移動(dòng)添加的錨點(diǎn)，使用鋼筆工具組中的轉(zhuǎn)換點(diǎn)工具改變錨點(diǎn)為平滑，也可按住 【 ALT】 鍵用部分選擇工具調(diào)節(jié)。注意如果是有邊線的圖形或文字，需要全選矩形，然后選擇菜單“修改 |分離 【 Ctrl+B】 ”，將矩形分離成點(diǎn)狀。 制作運(yùn)動(dòng)動(dòng)畫(huà) 形狀動(dòng)畫(huà)能夠?qū)崿F(xiàn)由一個(gè)形狀向另一個(gè)形狀的變化，如由圓形變?yōu)榫匦危瑫r(shí)可以設(shè)置顏色的變化，適當(dāng)使用形狀動(dòng)畫(huà)能夠起到意想不到的效果，注意創(chuàng)建形狀動(dòng)畫(huà)時(shí)需要將開(kāi)始和結(jié)束幀的圖形是“分解”成獨(dú)立的矢量圖形，而且不需創(chuàng)建元件，直接在場(chǎng)景中創(chuàng)建圖形即可。同樣移動(dòng)圖層 3中的幀。選擇屬性欄中的顏色下拉列表中的 Alpha（不透明度）選項(xiàng)，設(shè)置參數(shù)值為 20左右。分別在時(shí)間軸三個(gè)圖
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1