Flash教程實(shí)例:水中浮動(dòng)的文字
實(shí)例說(shuō)明:水中浮動(dòng)的文字是似文字放在水中,字隨著水波的波動(dòng)而波動(dòng),主要利用了遮罩效果及文字透明度的變化。別空想象,開(kāi)始操作吧!
創(chuàng)作步驟: 第1步,啟動(dòng)FlashMX,新建一個(gè)文件,在舞臺(tái)的空白處單擊右鍵選擇“文檔屬性”彈出其對(duì)話(huà)框,設(shè)舞臺(tái)的大小為400PX×0PX,顏色為黑色,如圖1所示!〉2步,我們現(xiàn)在要制作一個(gè)過(guò)濾條,有了它才能做出文字的浮動(dòng)效果,按“Ctrl+F8”鍵彈出“創(chuàng)建新元件”對(duì)話(huà)框,創(chuàng)建一個(gè)名為“濾條”的圖形元件,如圖2所示,單擊確定進(jìn)入其編輯內(nèi)!〉3步,為了便于繪制,我們選擇“視圖”→“網(wǎng)絡(luò)”→“顯示網(wǎng)絡(luò)”,在編輯區(qū)顯示網(wǎng)格線(xiàn)。用工具欄中的“矩形工具”畫(huà)一個(gè)沒(méi)有邊框、顏色為任意色的矩形,然后用黑剪頭工具將它調(diào)整傾斜,成為平行四邊形,如圖3所示。 第4步,單擊“窗口”→“設(shè)計(jì)面板”→“混色器”彈出混色器面板,設(shè)置填充樣式為“線(xiàn)性”,為黑白黑漸變,如圖4所示, 用油漆桶工具,使用設(shè)置好的線(xiàn)性漸變色填充畫(huà)好的四邊形,如圖5所示!〉5步,再?gòu)?fù)制一個(gè)四邊形,用混色器面板調(diào)整線(xiàn)性漸變?yōu)椋喊缀诎诐u變,如圖6所示!∪缓髮蓚(gè)四邊形連接在一起,如圖7所示。把這兩個(gè)四邊形在原地復(fù)制出幾個(gè)來(lái),再用光標(biāo)移動(dòng)鍵移動(dòng),使它們連成一起,如圖8所示,“濾條”元件完成了。第6步,再按“Ctrl+F8”鍵創(chuàng)建一個(gè)名為“文字”的圖形元件,如圖9所示,單擊確定進(jìn)入其編輯內(nèi)!〉7步,單擊工具箱中的“文本工具”,再單擊窗口下方的屬性,彈出屬性面板,設(shè)置字體為楷體,字號(hào)為94,顏色為白色,加粗,如圖10所示。輸入文字“寒江興趣組”,如圖11所示。單擊時(shí)間軸左上方的場(chǎng)景1,返回主場(chǎng)景!〉8步,按“Ctrl+L”打開(kāi)庫(kù)面板,將庫(kù)中的“濾條”元件拖到舞臺(tái)中。再單擊時(shí)間軸左下角的“插入圖層”按鈕,新建一圖層2,單擊圖層2的幀,將圖庫(kù)中的“文字”元件拖到舞臺(tái)中央!〉9步,選中圖層2中的“文字”元件并右擊選擇快捷菜單中的復(fù)制,再單擊“插入圖層”按鈕,新建一圖層3,單擊圖層3的第1幀,并選擇菜單“編輯”→“粘貼到當(dāng)前位置”選項(xiàng),這樣圖層2和圖層3的文字是重疊的,這樣才能使文字有浮動(dòng)效果。
第10步,選擇圖層1,移動(dòng)“慮條”元件,使它的右邊與文字的右邊對(duì)齊,如圖12所示。 按住Shift鍵,分別點(diǎn)擊三個(gè)圖層的第40幀,按F6鍵創(chuàng)建關(guān)鍵幀。再單擊圖層1的第40幀,用光標(biāo)移動(dòng)鍵右移“濾條”元件,使它的左邊與文字的左邊對(duì)齊,如圖13所示!〉11步,右擊圖層1的第1幀處,從彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”,使“濾條”元件產(chǎn)生從左向右的運(yùn)動(dòng)動(dòng)畫(huà)。
第12步,這樣圖層1、圖層2的動(dòng)畫(huà)已經(jīng)不需改動(dòng)了,我們單擊時(shí)間軸的鎖定圖層,鎖住圖層1和圖層2,在圖層3的第幀處按F6鍵插入一個(gè)關(guān)鍵幀。選中第幀中的“文字”實(shí)例,打開(kāi)屬性面板,將“顏色樣式”選擇“Alpha”,并設(shè)值為60%左右,再用“任意變形工具”的縮放功能把文字實(shí)例稍稍放大一點(diǎn),如圖14所示!〉13步,單擊圖層3的第1幀中的“文字”實(shí)例,打開(kāi)屬性面板,將“顏色樣式”也選擇“Alpha”并設(shè)其值為%,按同樣的操作,把第40幀中的文字實(shí)例的透明度設(shè)為0。
第14步,在圖層3的第1幀處右擊,從彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”,在第1幀與第幀之間創(chuàng)建運(yùn)動(dòng)動(dòng)畫(huà),同樣的方法,在第幀與第40幀之間創(chuàng)建運(yùn)動(dòng)動(dòng)畫(huà),使文字實(shí)現(xiàn)淡入淡出且變形的運(yùn)動(dòng),從而實(shí)現(xiàn)浮動(dòng)的效果。
第15幀,右擊圖層2名處,彈出快捷菜單,選擇“遮罩層”。哈哈,浮動(dòng)的文字效果完成了,的時(shí)間軸如圖15所示。 看看效果如何呢,按“Ctrl+Enter”欣賞一下似在水中浮動(dòng)的文字效果.
原作者: 不詳 來(lái) 源: 不詳