本文由中國(guó)教程網(wǎng) zctmh0336(誠(chéng)信為人) 原創(chuàng)，轉(zhuǎn)載請(qǐng)保留此信息！
先看看效果示例圖：
 
知識(shí)點(diǎn)：遮罩的運(yùn)用

　　學(xué)習(xí)無(wú)腳本軟翻書(shū)教材前請(qǐng)先看看遮罩的知識(shí)：

　　1、遮罩動(dòng)畫(huà)的概念

　?。?）什么是遮罩？

　　“遮罩”：顧名思義就是遮擋住下面的對(duì)象。在Flash8.0中，“遮罩動(dòng)畫(huà)”也確實(shí)是通過(guò)“遮罩層”來(lái)達(dá)到有選擇地顯示位于其下方的“被遮罩層”中的內(nèi)容的目地，在一個(gè)遮罩動(dòng)畫(huà)中，“遮罩層”只有一個(gè)，“被遮罩層”可以有任意個(gè)。

　?。?）遮罩有什么用？

　　在Flash8.0動(dòng)畫(huà)中，“遮罩”主要有2種用途，一個(gè)作用是用在整個(gè)場(chǎng)景或一個(gè)特定區(qū)域，使場(chǎng)景外的對(duì)象或特定區(qū)域外的對(duì)象不可見(jiàn)，另一個(gè)作用是用來(lái)遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。

　　2、創(chuàng)建遮罩的方法

　?。?）創(chuàng)建遮罩

　　在Flash8.0中沒(méi)有一個(gè)專門(mén)的按鈕來(lái)創(chuàng)建遮罩層，遮罩層其實(shí)是由普通圖層轉(zhuǎn)化的。你只要在要某個(gè)圖層上單擊右鍵，在彈出菜單中把“遮罩”前打個(gè)勾，該圖層就會(huì)生成遮罩層，“層圖標(biāo)”就會(huì)從普通層圖標(biāo)變?yōu)檎谡謱訄D標(biāo)，系統(tǒng)會(huì)自動(dòng)把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”,在縮進(jìn)的同時(shí)圖標(biāo)變?yōu)椋绻阆腙P(guān)聯(lián)更多層被遮罩，只要把這些層拖到被遮罩層下面就行了。

　?。?）構(gòu)成遮罩和被遮罩層的元素

　　遮罩層中的圖形對(duì)象在播放時(shí)是看不到的，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。被遮罩層中的對(duì)象只能透過(guò)遮罩層中的對(duì)象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。

下面開(kāi)始本教程
　　打開(kāi)FLASH文檔，名稱：《軟翻書(shū)》文檔屬性大?。?00*450其它默認(rèn)。
　　素材準(zhǔn)備：
　　1、準(zhǔn)備20張圖片，用PS處理成：200*150像素。
　　2、準(zhǔn)備1張背景圖片，PS處理成：600*450像素。
　　3、以及蘭花、荷花的動(dòng)畫(huà)。
　　4、字體：xx字體、文鼎CS大隸書(shū)繁、方正小篆體。
　　新建位圖文件夾，將位圖全部導(dǎo)入。
　　第一部分： 制作“頁(yè)”影片剪輯元件
　　1、制作“封面” 影片剪輯元件，插入新建元件影片剪輯名為“封面”。
　　1-1、在圖層1上新建六個(gè)圖層，自下至上分別是：背景、花邊、邊線、字框、字、動(dòng)畫(huà)（圖片也行）、遮罩7個(gè)圖層。如圖：

圖1

　　1-2、圖層1（背景）第1幀用矩形工具，無(wú)筆觸，畫(huà)一矩形：240*300，顏色：#333300，全居中。

　　1-3、新建花邊圖案影片剪輯，圖層第1幀畫(huà)花邊圖案，（舞臺(tái)放大）大小設(shè)為10.8*18.5，顏色：#666600，復(fù)制多枚排列成236*292如圖：

圖2

圖3

圖4

圖5

3、制作“封底” 影片剪輯元件，將庫(kù)中“首頁(yè)”直接復(fù)制改名為“封底”。

　　3-1、雙擊進(jìn)入“封底”編輯場(chǎng)面，自下至上分別是：背景、花邊、圖片、字、4個(gè)圖層。在圖片層上增加簽名圖層，在字圖層上增加遮片層、遮罩層。最后如下背景、花邊、圖片、簽名、字、遮片、遮罩7個(gè)圖層。

　　3-2、簽名圖層第一幀用文本工具寫(xiě)上自己的名字和制作日期。字體顏色#999900，字體大小20。

　　3-3、字圖層第1幀用文本工具寫(xiě)上謝謝觀賞（也可寫(xiě)其它），字體顏色#999900，字體大小35，點(diǎn)第一幀復(fù)制幀，點(diǎn)遮罩圖層（第7層）第一幀粘貼幀。

　　3-4、遮片圖層第1幀用矩形工具畫(huà)一矩形，寬50高60，筆觸無(wú)，線形填充左色標(biāo)：#FFFFFF，Alpha值為0，中色標(biāo)：#FFFFFF， Alpha值為100，右色標(biāo)：#FFFFFF，Alpha值為0，打開(kāi)變形面板旋轉(zhuǎn)為25度。20幀插入關(guān)鍵幀，第一幀矩形放在字的左邊，20幀放在字的右邊，回到 1幀創(chuàng)建形狀補(bǔ)間，所有圖層延長(zhǎng)到20幀。在遮罩圖層右鍵設(shè)為遮罩。最后效果如圖：

圖6

圖7

　　接下來(lái)制作“頁(yè)2”“頁(yè)3”依此類推一直至“頁(yè)20”，怎樣所有的第一部分 制作“頁(yè)”影片剪輯元件就完成了，喜歡的朋友們可以先搜集素材，先把“頁(yè)” 影片剪輯元件完成，待我繼續(xù)寫(xiě)第二部分“翻書(shū)”影片剪輯元件。

第二部分： 制作“翻書(shū)”影片剪輯元件

　　在制作“翻書(shū)”影片剪輯元件前先在庫(kù)面板建“頁(yè)”文件夾，將所有“頁(yè)”影片剪輯元件放入文件夾，以便以后做動(dòng)畫(huà)時(shí)容易交換元件。

　　1、制作“翻封面”影片剪輯元件。

　　1-1、插入影片剪輯元件名為“翻封面”新建8個(gè)圖層，自下而上分別是：頁(yè)1、光1、封面、高光2、遮罩1、首頁(yè)、遮罩2、高光3、高光3遮罩共9個(gè)圖。如圖：

圖8

　　1-2、頁(yè)1圖層第1幀將庫(kù)中“頁(yè)1”影片剪輯元件拖入，左對(duì)齊、垂直中齊，x值：0，Y值：-150，延長(zhǎng)至55幀，上鎖。

　　1-3、光1圖層第1幀用矩形工具畫(huà)一矩形，無(wú)筆觸，填充為線性。打開(kāi)顏色面板，中間添加一個(gè)色碼：從左至右的色碼依次為：#010101,Alpha值為0，#F9F9F9，Alpha值為25，#000000，Alpha值為0，矩形大小設(shè)為寬 240高300，X值為0，Y值為-150。設(shè)置如圖：

圖9

　　1-4、封面圖層第1幀將“封面”頁(yè)影片剪輯元件放入，X值為0，Y值為-150。第28幀延長(zhǎng)幀，第29幀插入空白關(guān)鍵幀，圖層上鎖。

　　1-5、高光2圖層點(diǎn)高光1圖片右鍵復(fù)制，點(diǎn)高光2后點(diǎn)場(chǎng)景右鍵粘貼到當(dāng)前位置。第28幀延長(zhǎng)幀，第29幀插入空白關(guān)鍵幀，圖層上鎖。

　　1-6、遮罩1圖層第1幀用矩形工具，筆觸無(wú)，填充色隨意，畫(huà)一矩形遮片寬240高300，X值為0，Y值為-150，右下角用線條劃一斜線去掉小角。如圖：

圖10

　　第10幀、第20幀、第28幀插入關(guān)鍵幀，在第10、20幀處用線條工具劃一斜線后去掉右下部分及線條如圖：

圖11

　　第28幀處用變形工具把遮片調(diào)成寬166.5高392.5，X值為0，Y值為-242.5，再用線條工具畫(huà)二條斜線。去掉下部分和左上部分，選中遮罩1圖層創(chuàng)建形狀補(bǔ)間，第55幀延長(zhǎng)幀，刪除第28幀后的形狀補(bǔ)間。如圖：

圖12

　　1-7、首頁(yè)圖層第一幀將庫(kù)中“首頁(yè)”影片剪輯元件拖入，X值為225，Y值為135，打開(kāi)變形工具把“首頁(yè)”影片剪輯元件的注冊(cè)點(diǎn)移到頁(yè)的右下角，“首頁(yè)”影片剪輯元件的左下角與“封面”影片剪輯元件的右下角交叉擺放，第10、20、40幀插入關(guān)鍵幀，第10幀移動(dòng)“首頁(yè)”影片剪輯元件右下角與“封面”影片剪輯元件的左下角對(duì)齊，X值為0，Y值為-90。第20幀移動(dòng)“首頁(yè)”影片剪輯元件左上角與“封面”影片剪輯元件的右上角對(duì)齊，X值為-52.1，Y值為-150，也可打開(kāi)變形面板，約束打勾，旋轉(zhuǎn)設(shè)為77.4。第40幀“首頁(yè)”影片剪輯元件垂直中齊、右對(duì)齊，X值為 -240，Y值為-150，第55幀延長(zhǎng)幀。如圖：

圖13

圖14

　　1-8、遮罩2圖層打開(kāi)標(biāo)尺，在“頁(yè)”的底部和“頁(yè)”的左面各拖一標(biāo)尺線，第1幀用矩形工具，筆觸無(wú)，畫(huà)一矩形，筆觸無(wú)，填充顏色隨意，畫(huà)一正方矩形大小16*16，X值為224，Y值為134。放在封面頁(yè)的右下角用線條工具斜角對(duì)斜角畫(huà)一直線刪除下半部并刪除直線。也可用黑剪頭選擇工具放在矩形右下角，待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí)向上推。如圖：左圖。

　　第10幀插入空白關(guān)鍵幀，用矩形工具，筆觸無(wú)，畫(huà)一矩形，筆觸無(wú)，填充顏色隨意，畫(huà)一正方矩形大小240*240，X值為0，Y值為-90。用線條工具斜角對(duì)斜角畫(huà)一直線刪除下半部并刪除直線。也可用黑剪頭選擇工具放在矩形右下角，待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí)向上推。如圖：右圖。

圖15

　　第20幀插入空白關(guān)鍵幀，用矩形工具，筆觸無(wú)，畫(huà)一矩形，筆觸無(wú)，填充顏色隨意，畫(huà)一正方矩形大小300*240，X值為 -50，Y值為-145。把矩形左下角移到“封面”頁(yè)上左下角壓在豎標(biāo)尺與橫標(biāo)尺之間，打開(kāi)變形工具旋轉(zhuǎn)-12度，調(diào)整好位置使矩形覆蓋整個(gè)“首頁(yè)”，用黑剪頭選擇工具放在矩形右下角，待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí)向上推?；蛴弥本€工具劃線刪除。

　　第21幀插入關(guān)鍵幀，用黑剪頭選擇工具放在矩形上，待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí)，調(diào)整矩形，如圖：

圖16

　　第28幀插入關(guān)鍵幀，用黑剪頭選擇工具放在矩形上，待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí)，調(diào)整矩形。

　　第33幀插入關(guān)鍵幀，用黑剪頭選擇工具放在矩形上，待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí)，調(diào)整矩形。

　　第40幀插入空白關(guān)鍵幀，用矩形工具，筆觸無(wú)，畫(huà)一矩形，筆觸無(wú)，填充顏色隨意，畫(huà)一正方矩形大小258*462，把矩形右下角移到“頁(yè)1”頁(yè)上左下角壓在豎標(biāo)尺與橫標(biāo)尺之間，用黑剪頭選擇工具放在矩形的右上角上，待鼠標(biāo)出現(xiàn)小三角符號(hào)時(shí)，調(diào)整矩形。第55幀延長(zhǎng)幀。如圖：

圖17

　　1-9、高光3圖層做法和遮罩2的做法一樣，第1 幀、第10幀（插入空白關(guān)鍵幀）、第20幀（插入空白關(guān)鍵幀）第21幀（插入關(guān)鍵幀）、第28幀（插入關(guān)鍵幀）、第33幀（插入關(guān)鍵幀）、第40幀（插入空白關(guān)鍵幀），第55幀延長(zhǎng)幀。不同地方是矩形用線形填充，筆觸無(wú)，從左至右的色碼依次為：#010101,Alpha值為0，#F9F9F9， Alpha值為25，#000000，Alpha值為0，如圖：

圖18

圖19

圖20

圖21

　　1-10、高光3遮罩圖層，做法與首頁(yè)圖層基本一樣，第一幀用矩形工具，筆觸無(wú)，畫(huà)一矩形寬240，高300，X值為 225，Y值為135，打開(kāi)變形工具把矩形的注冊(cè)點(diǎn)移到右下角，矩形的左下角與“封面”影片剪輯元件的右下角交叉擺放，第10、20、40幀插入關(guān)鍵幀，第10幀移動(dòng)矩形右下角與“頁(yè)1”影片剪輯元件的左下角對(duì)齊，X值為0，Y值為-90。第20幀移動(dòng)矩形左上角與“頁(yè)1”影片剪輯元件的右上角對(duì)齊，X值為-52.1，Y值為-150，也可打開(kāi)變形面板，約束打勾，旋轉(zhuǎn)設(shè)為77.4。第40幀矩形垂直中齊、右對(duì)齊，X值為-240，Y值為-150，第55 幀延長(zhǎng)幀。參照例圖在圖層上設(shè)好遮罩。

2、制作“翻頁(yè)3”影片剪輯元件，庫(kù)中直接復(fù)制“翻封面”改名為“翻頁(yè)3”，雙擊進(jìn)入編輯場(chǎng)景。

　　2-1、增加和調(diào)整圖層，從第1層開(kāi)始，頁(yè)1圖層改為頁(yè)3圖層，在頁(yè)3圖層上增加首頁(yè)圖層，在光1圖層上增加光1左、封面圖層改為頁(yè)1，首頁(yè)圖層改為頁(yè) 2，自下而上分別是：頁(yè)3、首頁(yè)、光1、光1左、頁(yè)1、高光2、遮罩1、頁(yè)2、遮罩2、高光3、高光3遮罩共11個(gè)圖。如圖：

圖21

　　2-2、頁(yè)3圖層上（直接復(fù)制過(guò)來(lái)時(shí)是頁(yè)1）增加首頁(yè)圖層，打開(kāi)頁(yè)3圖層的鎖，點(diǎn)第1幀后點(diǎn)場(chǎng)景中的圖元件，點(diǎn)右鍵交換元件換成“頁(yè)3”影片剪輯元件。點(diǎn)首頁(yè)圖層第1幀從庫(kù)中拖入“首頁(yè)”影片剪輯元件，設(shè)X值：-240，Y值：-150。第50幀延長(zhǎng)幀。如圖：

圖22

圖23

　　2-3、光1圖層上增加光1左圖層，點(diǎn)光1圖層第一幀復(fù)制幀粘帖到光1左圖層第1幀，修改—變形—水平翻轉(zhuǎn)，最后移動(dòng)到位置至X值：-240，Y值：-150。

　　2-4、頁(yè)1圖層（復(fù)制時(shí)是封面）點(diǎn)第1幀、點(diǎn)場(chǎng)景圖元件，點(diǎn)右鍵交換元件換成“頁(yè)1“，延長(zhǎng)幀至28幀，29幀插入空白關(guān)鍵幀。

　　2-5、頁(yè)2圖層（復(fù)制時(shí)是首頁(yè)）點(diǎn)第1幀、10幀、20幀、40幀，點(diǎn)場(chǎng)景圖元件，點(diǎn)右鍵交換元件換成“頁(yè)2“，延長(zhǎng)幀至55。這樣“翻頁(yè)3”影片剪輯元件就完成了。

　　3、制作其它翻頁(yè)影片剪輯元件，庫(kù)中直接復(fù)制“翻頁(yè)3” 影片剪輯元件改名為“翻頁(yè)5”，雙擊進(jìn)入編輯，頁(yè)3圖層改為頁(yè)5同時(shí)交換元件，首頁(yè)圖層改為頁(yè)2同時(shí)交換元件，頁(yè)1圖層改為頁(yè)3同時(shí)交換元件，頁(yè)2圖層改為頁(yè)4圖層同時(shí)交換元件。最后庫(kù)中直接復(fù)制“翻頁(yè)5”改為“翻頁(yè)7”修改方法同上，依此類推制作“翻頁(yè)9”、“翻頁(yè)11”、“翻頁(yè)13”、“翻頁(yè)15”、 “翻頁(yè)17”“翻頁(yè)19”。只要掌握每圖層交換元件時(shí)頁(yè)數(shù)間隔1位，如頁(yè)1交換頁(yè)3、頁(yè)2交換頁(yè)4。

　　4、制作“翻封底”影片剪輯元件，從庫(kù)中直接復(fù)制“翻頁(yè)19”，雙擊進(jìn)入編輯，按上面方法交換元件，所有圖層延長(zhǎng)到110幀。在最上面的圖層（高光3遮罩層）的110幀上插入空白關(guān)鍵幀，點(diǎn)右鍵進(jìn)入動(dòng)作面板添加stop();代碼。所有的“翻頁(yè)”影片剪輯就完成了，下面要進(jìn)入場(chǎng)景組合了，等待我在明后兩天完成。

圖24

第三部分： 場(chǎng)景組合

　　在庫(kù)中新建翻頁(yè)文件夾把所有“翻頁(yè)”影片剪輯元件放了文件夾中。

　　1、進(jìn)入場(chǎng)景編輯，新建5個(gè)圖層自下而上分別是：背景、標(biāo)題、翻書(shū)效果、音樂(lè)、按鈕、AS共6個(gè)圖層。如圖：

圖25

　　2、背景圖層。插入新建元件名：背景，類型：影片剪輯，背景影片剪輯元件圖層1第1幀用矩形工具，筆觸無(wú)，填充放射狀，顏色：左色標(biāo)：#0033cc，右色標(biāo)：#000000，在場(chǎng)景中畫(huà)一矩形大小設(shè)為600*450，全居中，第20、40、60、80幀插入關(guān)鍵，第20幀改變填充顏色左色標(biāo)：#FFFF99，右色標(biāo)：#000000，第40幀改變填充顏色左色標(biāo)：#CC0000，右色標(biāo)：#000000，第60幀改變填充顏色左色標(biāo)：#CCFFFF，右色標(biāo)：#000000，第80幀改變填充顏色左色標(biāo)：#0033CC，右色標(biāo)：#000000（當(dāng)然也可以根據(jù)個(gè)人愛(ài)好）。

　　3、選中圖層插入形狀補(bǔ)間。新建圖層2把庫(kù)中準(zhǔn)備好的圖片拖入大小設(shè)為600*450，全居中，第80幀插入延長(zhǎng)幀?；氐綀?chǎng)景，背景圖層第1幀將背景影片剪輯元件拖入，全居中，延長(zhǎng)至660幀，上鎖。

　　4、標(biāo)題圖層第1幀用文本工具寫(xiě)上自己喜歡的標(biāo)題和簽名，延長(zhǎng)至660幀，上鎖。

　　5、翻書(shū)效果圖層第1幀將庫(kù)中“翻封面”影片剪輯元件拖入場(chǎng)景把放至合適位置，（參考位置X：318，Y：68）實(shí)例名稱寫(xiě)上fs,第55幀插上關(guān)鍵幀，右鍵點(diǎn)場(chǎng)景中元件交換元件換成“翻頁(yè)3”，第110幀插入關(guān)鍵幀交換元件“翻頁(yè)5”，依此類推在第165、220、275、330、385、440、 495、550插入關(guān)鍵幀，交換元件分別為“翻頁(yè)7”“翻頁(yè)9”“翻頁(yè)11”“翻頁(yè)13”“翻頁(yè)15”“翻頁(yè)17”“翻頁(yè)19”“翻封底”。

　　6、音樂(lè)圖層第1幀選中導(dǎo)入的音樂(lè)，同步：數(shù)據(jù)流、重復(fù)1次。延長(zhǎng)幀至660幀，上鎖。

　　7、按鈕圖層第1幀，從庫(kù)中或自己新建按鈕，把按鈕放在合適位置，延長(zhǎng)至660幀，點(diǎn)中按鈕打開(kāi)動(dòng)作面板，輸入語(yǔ)句：

　　on (press)
　　{
　　play ();
　　_root.fs.play();
　　}

　　8、AS圖層第1幀打開(kāi)動(dòng)作面板，輸入語(yǔ)句：
　　stop ();
　　_root.fs.stop();

　　上鎖，保存。

　　至此，整個(gè)動(dòng)畫(huà)制作完成。您做好了嗎？測(cè)試影片吧，祝您成功！