此實例實現(xiàn)的是制作一個跳動的文字鏡像效果。效果實現(xiàn)主要有兩個方面,一是通過延遲不同元件的動畫開播時間,實現(xiàn)了文字的先后運動。二是通過對中間幀動畫變速調(diào)整,實現(xiàn)了跳動的彈性效果。而效果的主要制作步驟也是有兩個,一是制作字符模板,二即是制作具體效果。難點在于元件轉(zhuǎn)換、元件替換、中間幀動畫調(diào)速和簡單的播放控制。最終播放效果如圖1所示,要實現(xiàn)這一效果,具體制作過程如下
圖1 最終效果
一.制作字符模板
1.新建一個電影,在屬性面板中設置其尺寸為550pxX400px,選擇一種顏色(本例為#FFCCFF)作為背景色。
2.單擊或直接按R鍵從工具箱中選擇矩形工具 。將邊框色設定為無,填充色設定為#FF99CC,用Rectangle(矩形)工具在舞臺上畫一個大矩形,蓋住舞臺的下半部分,效果如圖2所示。
圖2 在舞臺上繪制的矩形
3.單擊或直接按T鍵從工具箱中選取文本工具 ,并在屬性面板中。將字體設定為黑體,字體大小設為96,顏色為#FF99CC,在舞臺上寫一個“X”大寫字母,這個“X”將會被作為所有文字的模板,效果如圖3所示:
圖3 制作的“X”文字模板
4.選中字符“X”,選擇“插入/轉(zhuǎn)換為元件”菜單命令或直接按F8,將彈出 “轉(zhuǎn)化為元件”對話框。將“行為”設置為“圖形”并在“名稱”文本框中為其命名為“char_tpl”,單擊確定將字符“X”轉(zhuǎn)化為圖形元件“char_tpl”。選中剛轉(zhuǎn)化成圖形元件“char_tpl” 的字符X,再次打開“轉(zhuǎn)化為元件”對話框。這一回,將“行為”改為“影片剪輯”,并為其重新命名為“m_char_tpl”,將“圖形”元件“char_tpl”轉(zhuǎn)化為“影片剪輯”元件“m_char_tpl。”雙擊影片剪輯元件“m_char_tpl”的字符X,進入元件編輯模式。選中舞臺上的字符“X”,然后選擇“窗口/信息”菜單命令或直接按Ctrl+I,打開“信息”面板。接著把其上的Y值(也就是字符X的縱坐標值)改為50,如圖4所示。
圖4 設置信息面板
5.選中時間線上的第20幀,選擇“插入/關(guān)鍵幀”菜單命令或直接按F6,插入一個關(guān)鍵幀。接著在第40幀處,用同樣的操作插入另一個關(guān)鍵幀,如圖1-30所示。單擊時間線上的第20幀,將“信息”面板上的Y值改為-70,這將使文字X上移70個單位。單擊時間線上的第1幀,在“屬性”面板上將“補間”動畫類型選項改為無能無力漸變,加速方式設為100,即慢慢減速。單擊時間線上的第40幀,選擇“窗口/動作“菜單命令或直接按F9,打開Actions(動作)面板后,在面板中輸入以下程序語句:
gotoAndPlay(_currentframe-40);
此ActionScript腳本使影片剪輯“m_char_tpl”元件重新回到第1幀開始播放。這么做可以使落體運動顯得更加真實,同時,_currentframe語句的使用,也減少了后面制作中可能會遇到的阻力,此時影片剪輯“m_char_tpl”的時間軸狀態(tài)如圖5所示:
圖5 “m_char_tpl”的時間軸窗口
6.回到主場景。將舞臺上的X刪掉后,這樣字符模板就制作完成了。
二.制作具體效果
1.選擇“窗口/庫”菜單命令或直接按F11鍵,打開“庫”面板,如圖1-34所示。右擊圖形元件“char_tpl”,從彈出的快捷菜單中選擇“復制”菜單命令,打開“復制元件”對話框。為復制的圖形元件命名為“ g_鏡”,然后單擊“確定”按鈕復制一個圖形元件。雙擊“庫”中新復制的圖形元件“g_鏡”,進入元件編輯模式。將字符X改為字符“鏡”,如圖6所示。
圖6 修改元件中的字符
2.參照第1步,分別復制制作出元件 g_面、g_文和g_字等圖形元件,并分別將字符“X”改為相應的“面”、“文”和“字”等字符
3.右擊Library(庫)中的影片剪輯元件“m_char_tpl”,然后從彈出的快捷菜單中選擇“復制”菜單命令,打開“復制元件”對話框。在名稱文本框中輸入“ m_鏡”,單擊“確定”按鈕復制一個影片剪輯元件雙擊Library(庫)中的元件m_鏡,進入元件編輯模式。單擊第1幀,選中舞臺上的X。選擇“修改/交換元件”菜單命令,打開“交換元件”對話框,如圖7所示。
圖7 “交換元件”對話框
4.選中列表中的元件g_鏡,單擊OK完成元件的交換。這時候,舞臺上的X已經(jīng)變成了“鏡”字。單擊第40幀,選中舞臺上的X。再次使用交換元件命令,將這個X也換成同樣的“鏡”字。再單擊第1幀,選擇“插入/幀”菜單命令或直接按F5,插入一個幀。還是選擇第1幀,選擇“插入/關(guān)鍵幀”菜單命令或直接按F6,插入一個關(guān)鍵幀。右擊第1幀,從彈出的快捷菜單中選擇“轉(zhuǎn)換為空白關(guān)鍵幀”菜單命名,將第1幀變?yōu)槠胀◣@時候動畫起始幀(第2幀)的加速方式屬性已經(jīng)變?yōu)?,需要將其重新設為100。時間軸窗口如圖8所示:
圖8 “g_鏡”的時間軸窗口
5.參照第3到第4步,依次作出相應字符的“影片剪輯”元件m_面、m_文和m_字。這三個影片剪輯和第一個m_鏡在制作上基本上一樣,唯一不同的地方是在第4步時插入的普通幀的個數(shù),是以5幀作為間距進行插入,還有就是要注意上面1步提到的加速方式屬性問題。元件m_面、m_文和m_字。這三個影片剪輯的時間軸窗口如圖9、10和11所示:
圖9 “m_面”時間軸窗口
圖10 “m_文”時間軸窗口
圖11 “m_字”時間軸窗口
6.回到主場景。將制作好的元件m_鏡、m_面、m_文和m_字等“影片剪輯”拖到舞臺上,創(chuàng)建相應的實例,選中四個字后,選擇“窗口/排列”菜單命令或直接按Ctrl+F3,打開“排列”面板,如圖1-46示。依次點擊面板上的 , 和 按鈕,使用方向鍵,將文字移動到邊界之上,如圖12示。
圖12 將文字移動到邊界
7.下面來做文字的鏡像。選中四個字,選擇“編輯/復制”菜單命令或直接按Ctrl+D,復制四個字,選擇“修改/變形/垂直翻轉(zhuǎn)”菜單命令,將四個復制文字垂直翻轉(zhuǎn)。按Ctrl+F3快捷鍵打開“屬性”面板。接著將顏色一項設置為“高級選項”后,單擊隨后出現(xiàn)的“設置”按鈕,在彈出的“高級效果”對話框中將各個值設定為如下的樣子,如圖13所示。
圖13 “高級效果”面板
8.接下來只要把做好的鏡像移動到邊界上就萬事OK了,發(fā)布電影就可以看見漂亮的鏡面文字了,效果如圖1-52所示。
圖14 將鏡像移動到下邊界
值得一提的是在最后的文字顯示上可能會有碰上一個小問題:一些中文字符在顯示時會出現(xiàn)字體粘連的情況。這個毛病在以前的Flash版本中就存在了,很可惜,F(xiàn)lash MX里還是沒能甩掉這只臭蟲。解決這個問題的辦法就是,一、選用其他字體,二、用Ctrl+B,將文字打散成為圖形對象。同時大家可能會覺得,本節(jié)篇頭大費周折制作的文字模板似乎有點多余。沒錯,制作的過程的確是繁瑣了一點。不過,使用模板再加上元件替換可以讓你的后續(xù)工作省事許多,特別是在文字多的情況下。
------------------------------- · 相關(guān)文檔瀏覽 · --------------------------------------------------------------------- · 熱門文檔瀏覽 · -------------------------------------