[高等教育]第九章 flash網(wǎng)頁動(dòng)畫設(shè)計(jì)(文件)
【正文】 實(shí)現(xiàn)曲線的出場 。單擊“大樓線稿”第 10幀，插入關(guān)鍵幀，將元件“大樓線稿”拖至該層，設(shè)置坐標(biāo)（ 0， 0）。 進(jìn)行導(dǎo)演 ? 在線描稿出現(xiàn)以后，大樓實(shí)體從線描稿中閃亮淡出。然后補(bǔ)齊其它層的幀，注意線稿遮罩和大樓線稿層不必添加幀，因?yàn)楹竺娌恍柙亠@示。 在“大樓輪廓”圖層上方添加“輪廓遮罩”層，在第 25幀添加關(guān)鍵幀，將元件“矩形”拖至舞臺中，使用任意變形工具對矩形變形并調(diào)整位置到大樓左上角，將鼠標(biāo)放在變形矩形的四角，當(dāng)鼠標(biāo)指針變成旋轉(zhuǎn)式的箭頭時(shí)，拖動(dòng)鼠標(biāo)可以實(shí)現(xiàn)任意旋轉(zhuǎn)。 進(jìn)行導(dǎo)演 ? 在時(shí)間軸“輪廓遮罩”文字上單擊右鍵設(shè)置“遮罩”，建立遮罩效果，并在相應(yīng)圖層插入幀，形成時(shí)間上的延續(xù)而顯示圖形。在人物層上方新建“人物 2”圖層，在第 55幀插入關(guān)鍵幀，將元件“人物 2”拖至該幀，調(diào)整位置和大小，在該層第 60幀插入關(guān)鍵幀，設(shè)置第 55幀人物 2屬性 Alpha為 0，創(chuàng)建 55至 60幀之間的補(bǔ)間動(dòng)畫，在第 80幀插入幀，并補(bǔ)齊曲線、大樓和背景層的幀。 進(jìn)行導(dǎo)演 ? 在圖層“宣傳口號”層上方創(chuàng)建“廣告文字”層，使用同樣方法實(shí)現(xiàn)文字的移入，在第 60幀插入關(guān)鍵幀，將元件“廣告文字”拖到場景中右側(cè)，在第 65幀插入關(guān)鍵幀，將元件左移到如圖位置，創(chuàng)建補(bǔ)間動(dòng)畫，并在第80幀插入幀。如果希望重復(fù)播放時(shí)從大樓線稿的顯示開始，而保留流線型的造型，可以在最后一幀設(shè)置為關(guān)鍵幀后設(shè)置動(dòng)作為“ gotoAndPlay(10)。 排練預(yù)演 ? 打開 Dreamweaver，復(fù)制 ，將中間的圖像刪除并合并單元格，選擇菜單“插入記錄 |媒體 |Flash”選擇“ ”文件，將其插入網(wǎng)頁中，調(diào)節(jié)右側(cè)表格單元格的高度為 187，預(yù)覽網(wǎng)頁。 Flash導(dǎo)航設(shè)計(jì) 將菜單和 banner融合在一起，既能夠風(fēng)格統(tǒng)一，也便于菜單的延伸，下面我們介紹 Flash導(dǎo)航設(shè)計(jì)，其中應(yīng)用圖形元件、按鈕元件和影片剪輯等動(dòng)畫制作方法。選擇菜單“文件 |導(dǎo)入 |導(dǎo)入到舞臺”，將素材“導(dǎo)航菜單 .jpg”導(dǎo)入場景圖層 1中，設(shè)置坐標(biāo)為（ 0，0），保存文件“導(dǎo)航菜單 .fla”。采用同樣方法，插入同樣大小與位置的元件“光束 2” 綠色（ R： 102， G：153， B： 0）、“光束 3” 橙色（ R：255， G： 102， B： 0）、“光束 4” 紫色（ R： 153， G： 102， B： 255）、“光束 5” 洋紅（ R： 255， G： 0， B：102）。單擊時(shí)間軸第 10幀，插入關(guān)鍵幀。單擊第 10幀，右鍵單擊選擇“動(dòng)作”，輸入“ stop()。新建“圖層 2”，使用文本工具輸入“課程介紹”文字，設(shè)置字體“黑體”、大小“ 15”、顏色白色。新建圖層 2，在“指針經(jīng)過”插入關(guān)鍵幀，將影片剪輯元件“動(dòng)態(tài)光束 1”拖至該幀，設(shè)置坐標(biāo)（ 0， 0）。 接下來可以設(shè)置其它按鈕的 y坐標(biāo) ， 這里使用一下對齊面板 ， 先將按鈕 2， 按鈕 3，按鈕 4位置調(diào)的低一些 。 動(dòng)作設(shè)置 。 動(dòng)作設(shè)置 單擊按鈕 1，單擊鼠標(biāo)右鍵，選擇動(dòng)作，使用“腳本助手”，從左側(cè)選擇“全局控制 |影片剪輯控制 |on”，選擇事件為“釋放” 。 演員登場 回到場景 1， 新建圖層 3， 將五個(gè)按鈕元件拖到場景中 ， 設(shè)置按鈕1“課程介紹 ” 按鈕坐標(biāo)為 （ 265，） 即與圖層 2的矩形坐標(biāo)相同 ，實(shí)現(xiàn)左側(cè)對齊 。設(shè)置矩形的目的是為了形成矩形的按鈕區(qū)域，因此設(shè)置矩形屬性 Alpha為 0。利用矩形工具，繪制一個(gè) 120*50的無邊矩形，顏色任意。設(shè)置第 1幀屬性 Alpha為 0，第 10幀 Alpha為 40%。 插入影片剪輯元件 新建“動(dòng)態(tài)光束 1”影片剪輯元件。 插入圖形元件 新建“光束 1” 圖形元件。注意格式問題，否則影響后面的動(dòng)作按鈕設(shè)置。雙擊庫文件中的“背景 .png” ，彈出對話框，選擇壓縮格式為照片（ JPEG） ,取消使用文檔默認(rèn)品質(zhì)的勾選，設(shè)置品質(zhì)為 70，單擊測試按鈕，信息顯示壓縮后文件只有 ，而壓縮前為 ，單擊更新后確定完成優(yōu)化。 ? 選擇菜單“文件 |保存”，保存文件為“ Flash網(wǎng)頁廣告” ,注意這個(gè)步驟可以發(fā)生在設(shè)計(jì)動(dòng)畫的任何時(shí)間。如果希望動(dòng)畫只是播放一遍，可以在最后一幀插入關(guān)鍵幀，在該幀上單擊鼠標(biāo)右鍵選擇“動(dòng)作”，輸入“ stop()。 在人物 2圖層上方新建圖層“宣傳口號”，在第 45幀插入關(guān)鍵幀，將元件“宣傳口號”拖到場景中右側(cè)。在“輪廓遮罩”圖層上方添加“人物”層，在第35幀插入關(guān)鍵幀，將元件“人物”拖至該幀，在第 45幀插入關(guān)鍵幀，設(shè)置第 35幀屬性 Alpha為 0，40幀屬性亮度為 100， 45幀不變?yōu)檎?，?chuàng)建 35至 40幀， 40至 45幀之間的補(bǔ)間動(dòng)畫，并在曲線層、大樓層和背景層 45幀上插入幀。 進(jìn)行導(dǎo)演 ? 在輪廓遮罩層第 35幀插入關(guān)鍵幀，在大樓輪廓層第 35幀插入幀，將輪廓遮罩層第 35幀的矩形移動(dòng)到大樓右下角。 進(jìn)行導(dǎo)演 ? 采用漸變的矩形遮罩實(shí)現(xiàn)輪廓掃描效果。選擇第 20幀插入關(guān)鍵幀，創(chuàng)建 15至 20幀的補(bǔ)間動(dòng)畫， 進(jìn)行導(dǎo)演 ? 將第 15幀的大樓屬性Alpha設(shè)置為 0，將第 20幀大樓屬性的亮度設(shè)置為 100。 進(jìn)行導(dǎo)演 ? 單擊線稿遮罩層第 15幀，單擊鼠標(biāo)右鍵插入關(guān)鍵幀，使用任意變形工具將矩形高度拉大，使其能夠蓋住整個(gè)圖形，設(shè)置屬性坐標(biāo)（ x， y）為（ 0， 0），使其遮住大樓線稿。注意需要把圖層安排在曲線與背景之間，使曲線能蓋住大樓的下部。 進(jìn)行導(dǎo)演 ? 單擊“曲線遮罩”第 1幀，單擊鼠標(biāo)右鍵，創(chuàng)建補(bǔ)間動(dòng)畫，在第 1至 10幀上創(chuàng)建運(yùn)動(dòng)動(dòng)畫。 進(jìn)行導(dǎo)演 ? 新建“圖層 2”，雙擊圖層名稱“圖層 2”，改名為“曲線”，將元件“曲線”從庫中拖曳到“曲線”層中，設(shè)置屬性 x坐標(biāo)為 0，這樣曲線實(shí)現(xiàn)了左對齊，然
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1