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