flash制作水中浮動(dòng)的文字實(shí)例教程_Flash教程
推薦:如何在Flash制作動(dòng)態(tài)網(wǎng)頁?SWF動(dòng)畫文件中的圖像、聲音、文字和動(dòng)畫等都是固化在其中的,所以新的問題又出現(xiàn)了,就是如何在SWF文件中實(shí)現(xiàn)動(dòng)態(tài)數(shù)據(jù)的顯示?可用Flash中的FS Command來實(shí)現(xiàn)。以下,是 如何在Flash制作動(dòng)態(tài)網(wǎng)頁 的具體操作步驟,希望對(duì)大家有所幫助! 進(jìn)入 Flash 4.0,新建一個(gè)文件或打
實(shí)例說明:水中浮動(dòng)的文字就是似文字放在水中,字隨著水波的波動(dòng)而波動(dòng),主要利用了遮罩效果及文字透明度的變化。別空想象,開始操作吧!
創(chuàng)作步驟:
第1步,啟動(dòng)Flash MX,新建一個(gè)文件,在舞臺(tái)的空白處單擊右鍵選擇“文檔屬性”彈出其對(duì)話框,設(shè)舞臺(tái)的大小為400PX×200PX,顏色為黑色,如圖1所示。
用flash制作水中浮動(dòng)的文字 - 迎春 -
第2步,我們現(xiàn)在要制作一個(gè)過濾條,有了它才能做出文字的浮動(dòng)效果,按“Ctrl+F8”鍵彈出“創(chuàng)建新元件”對(duì)話框,創(chuàng)建一個(gè)名為“濾條”的圖形元件,如圖2所示,單擊確定進(jìn)入其編輯內(nèi)。
用flash制作水中浮動(dòng)的文字 - 迎春 -
第3步,為了便于繪制,我們選擇“視圖”→“網(wǎng)絡(luò)”→“顯示網(wǎng)絡(luò)”,在編輯區(qū)顯示網(wǎng)格線。用工具欄中的“矩形工具”畫一個(gè)沒有邊框、顏色為任意色的矩形,然后用黑剪頭工具將它調(diào)整傾斜,成為平行四邊形,如圖3所示。
用flash制作水中浮動(dòng)的文字 - 迎春 -
第4步,單擊“窗口”→“設(shè)計(jì)面板”→“混色器”彈出混色器面板,設(shè)置填充樣式為“線性”,為黑白黑漸變,如圖4所示,
用flash制作水中浮動(dòng)的文字 - 迎春 -
用油漆桶工具,使用設(shè)置好的線性漸變色填充畫好的四邊形,如圖5所示。
用flash制作水中浮動(dòng)的文字 - 迎春 -
第5步,再復(fù)制一個(gè)四邊形,用混色器面板調(diào)整線性漸變?yōu)椋喊缀诎诐u變,如圖6所示。
用flash制作水中浮動(dòng)的文字 - 迎春 -
然后將兩個(gè)四邊形連接在一起,如圖7所示。
用flash制作水中浮動(dòng)的文字 - 迎春 -
把這兩個(gè)四邊形在原地復(fù)制出幾個(gè)來,再用光標(biāo)移動(dòng)鍵移動(dòng),使它們連成一起,如圖8所示,“濾條”元件完成了。
用flash制作水中浮動(dòng)的文字 - 迎春 -
第6步,再按“Ctrl+F8”鍵創(chuàng)建一個(gè)名為“文字”的圖形元件,如圖9所示,單擊確定進(jìn)入其編輯內(nèi)。
用flash制作水中浮動(dòng)的文字 - 迎春 -
第7步,單擊工具箱中的“文本工具”,再單擊窗口下方的屬性,彈出屬性面板,設(shè)置字體為楷體,字號(hào)為94,顏色為白色,加粗,如圖10所示。輸入文字“寒江興趣組”,如圖11所示。單擊時(shí)間軸左上方的場(chǎng)景1,返回主場(chǎng)景。
用flash制作水中浮動(dòng)的文字 - 迎春 -
第8步,按“Ctrl+L”打開庫面板,將庫中的“濾條”元件拖到舞臺(tái)中。再單擊時(shí)間軸左下角的“插入圖層”按鈕,新建一圖層2,單擊圖層2的第一幀,將圖庫中的“文字”元件拖到舞臺(tái)中央。
用flash制作水中浮動(dòng)的文字 - 迎春 -
第9步,選中圖層2中的“文字”元件并右擊選擇快捷菜單中的復(fù)制,再單擊“插入圖層”按鈕,新建一圖層3,單擊圖層3的第1幀,并選擇菜單“編輯”→“粘貼到當(dāng)前位置”選項(xiàng),這樣圖層2和圖層3的文字是重疊的,這樣才能使文字有浮動(dòng)效果。
第10步,選擇圖層1,移動(dòng)“慮條”元件,使它的右邊與文字的右邊對(duì)齊,如圖12所示。
用flash制作水中浮動(dòng)的文字 - 迎春 -
按住Shift鍵,分別點(diǎn)擊三個(gè)圖層的第40幀,按F6鍵創(chuàng)建關(guān)鍵幀。再單擊圖層1的第40幀,用光標(biāo)移動(dòng)鍵右移“濾條”元件,使它的左邊與文字的左邊對(duì)齊,如圖13所示。
用flash制作水中浮動(dòng)的文字 - 迎春 -
第11步,右擊圖層1的第1幀處,從彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”,使“濾條”元件產(chǎn)生從左向右的運(yùn)動(dòng)動(dòng)畫。
第12步,這樣圖層1、圖層2的動(dòng)畫已經(jīng)不需改動(dòng)了,我們就單擊時(shí)間軸的鎖定圖層,鎖住圖層1和圖層2,在圖層3的第20幀處按F6鍵插入一個(gè)關(guān)鍵幀。選中第20幀中的“文字”實(shí)例,打開屬性面板,將“顏色樣式”選擇“Alpha”,并設(shè)值為60%左右,再用“任意變形工具”的縮放功能把文字實(shí)例稍稍放大一點(diǎn),如圖14所示。
用flash制作水中浮動(dòng)的文字 - 迎春 -
第13步,單擊圖層3的第1幀中的“文字”實(shí)例,打開屬性面板,將“顏色樣式”也選擇“Alpha”并設(shè)其值為20%,按同樣的操作,把第40幀中的文字實(shí)例的透明度設(shè)為0。
第14步,在圖層3的第1幀處右擊,從彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”,在第1幀與第20幀之間創(chuàng)建運(yùn)動(dòng)動(dòng)畫,同樣的方法,在第20幀與第40幀之間創(chuàng)建運(yùn)動(dòng)動(dòng)畫,使文字實(shí)現(xiàn)淡入淡出且變形的運(yùn)動(dòng),從而實(shí)現(xiàn)浮動(dòng)的效果。
第15幀,右擊圖層2名處,彈出快捷菜單,選擇“遮罩層”。哈哈,浮動(dòng)的文字效果完成了,最后的時(shí)間軸如圖15所示。
用flash制作水中浮動(dòng)的文字 - 迎春 -
按“Ctrl+Enter”欣賞一下似在水中浮動(dòng)的文字效果。
分享:FlashCS4中制作漂亮的氣泡動(dòng)畫教程FlashCS4中制作漂亮的氣泡動(dòng)畫,是考試中必考的試題,本文對(duì) FlashCS4中制作漂亮的氣泡動(dòng)畫 教程進(jìn)行了具體闡述供閱讀。大家請(qǐng)仔細(xì)閱讀下文! 詳細(xì)代碼: function ball(r:int):MovieClip {//自定義函數(shù) ball,參數(shù)為 r,整數(shù)型,返回值為 MovieClip var col:uint=0xfff
- 如何在Flash制作動(dòng)態(tài)網(wǎng)頁?
- FlashCS4中制作漂亮的氣泡動(dòng)畫教程
- Flash教程實(shí)例:如何制作別樣的綠
- Flash實(shí)例下雨動(dòng)畫效果教程制作
- Flash制作卷軸動(dòng)畫實(shí)例教程
- Flash AS3簡單制作圖片變成百葉窗特效教程
- Flash AS3簡單制作美女圖片緩動(dòng)特效gif動(dòng)畫
- Flash背景設(shè)定技巧兩則
- 給FLASH初學(xué)者的10點(diǎn)制作經(jīng)驗(yàn)
- Flash飛舞的螺炫特效動(dòng)畫制作
- Flash 遮罩效果解析
- Flash常用ActionScript控制語句基本用法
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
- Flash MX 2004新特性實(shí)例(3)
- Flash常見動(dòng)畫效果:爆炸效果的制作
- 由淺入深學(xué)習(xí)Flash制作賽車游戲教程
- Flash cs3鼠繪教程:關(guān)閉缺口_完善角色肢體連接
- Flash動(dòng)畫輕松轉(zhuǎn)成GIF圖片
- Flash教程:用AS3代碼實(shí)現(xiàn)濾鏡動(dòng)畫效果
- Flash基礎(chǔ)精彩實(shí)例教程:飄動(dòng)的彩旗
- FlashCS4中制作漂亮的氣泡動(dòng)畫教程
- 通過實(shí)例學(xué)習(xí)Flash AS3.0——案例四
- Flash制作環(huán)型立體旋轉(zhuǎn)的動(dòng)態(tài)文字
- 相關(guān)鏈接:
- 教程說明:
Flash教程-flash制作水中浮動(dòng)的文字實(shí)例教程。