新手入門教程運(yùn)用遮罩制作無腳本軟翻書

1、Flash新手入門教程：運(yùn)用遮罩制作無腳本軟翻書一簡介：本例介紹使用Flash的遮罩功能制作無腳本軟翻書效果，通過制作軟翻書效果來了解遮罩功能的運(yùn)用本系列Flash教程由中國教程網(wǎng)Flash互助課堂專為Flash新手制作，更多教程和練習(xí)請點(diǎn)擊這里，在這里有系列的教程、練習(xí)，并有老師對練習(xí)進(jìn)行點(diǎn)評與指導(dǎo)，歡迎朋友們的光臨！效果演示：知識點(diǎn)：遮罩的運(yùn)用學(xué)習(xí)無腳本軟翻書教材前請先看看遮罩的知識： 1.遮罩動畫的概念（1）什么是遮罩“遮罩”，顧名思義就是遮擋住下面的對象。 在Flash8.0中，“遮罩動畫”也確實(shí)是通過“遮罩層”來達(dá)到有選擇地顯示位于其下方的“被遮罩層”中的內(nèi)容的目地，在一個遮罩動畫中

2、，“遮罩層”只有一個，“被遮罩層”可以有任意個。 （2）遮罩有什么用 在Flash8.0動畫中，“遮罩”主要有2種用途，一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個作用是用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。 2創(chuàng)建遮罩的方法（1）創(chuàng)建遮罩在Flash8.0中沒有一個專門的按鈕來創(chuàng)建遮罩層，遮罩層其實(shí)是由普通圖層轉(zhuǎn)化的。你只要在要某個圖層上單擊右鍵，在彈出菜單中把“遮罩”前打個勾，該圖層就會生成遮罩層，“層圖標(biāo)”就會從普通層圖標(biāo)變?yōu)檎谡謱訄D標(biāo)，系統(tǒng)會自動把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”,在縮進(jìn)的同時圖標(biāo)變?yōu)?，如果你想關(guān)聯(lián)更多層被遮罩，只

3、要把這些層拖到被遮罩層下面就行了（2）構(gòu)成遮罩和被遮罩層的元素 遮罩層中的圖形對象在播放時是看不到的，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。 被遮罩層中的對象只能透過遮罩層中的對象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。下面開始本教程打開FLASH文檔，名稱：軟翻書文檔屬性大?。?00*450其它默認(rèn)。素材準(zhǔn)備：1、準(zhǔn)備20張圖片，用PS處理成：200*150像素。 2、準(zhǔn)備1張背景圖片，PS處理成：600*450像素。 3、以及蘭花、荷花的動畫。 4、字體：毛澤東字體、文鼎CS大隸書繁、

4、方正小篆體。新建位圖文件夾，將位圖全部導(dǎo)入。第一部分 制作“頁”影片剪輯元件1、制作“封面” 影片剪輯元件，插入新建元件影片剪輯名為“封面”1-1、在圖層1上新建六個圖層，自下至上分別是：背景、花邊、邊線、字框、字、動畫（圖片也行）、遮罩7個圖層。如圖：1-2、圖層1（背景）第1幀用矩形工具，無筆觸，畫一矩形：240*300，顏色：#333300，全居中。1-3、新建花邊圖案影片剪輯，圖層第1幀畫花邊圖案，（舞臺放大）大小設(shè)為10.8*18.5，顏色：#666600，復(fù)制多枚排列成236*292如圖：1-4、花邊圖層第1幀把花邊圖案元件拖入，全居中，點(diǎn)圖案打開濾鏡面板增加投影效果，模糊設(shè)為：0

5、，顏色設(shè)為：#999900，距離設(shè)為：1，挖空打勾。其它默認(rèn)。 1-5、邊線圖層第1幀用矩形工具，筆觸設(shè)為：2，顏色為：#999966，填充色關(guān)閉，畫一矩形寬210高260全居中，選中右邊線和下邊線顏色換成#000000，選中全部邊線轉(zhuǎn)為圖片元件名為“頁邊線”。1-6、字框圖層第1幀制作字框大?。?05*45，X軸-102，Y軸-106.2。如圖：1-7、字圖層第1幀用文本工具寫上鳥語花香（也可寫其它）字體：方正小篆體，大小35。顏色#336600。1-8、圖片圖層（動畫）第1幀將庫中準(zhǔn)備好的荷花動畫拖入，放在右下角的位置，調(diào)整后大小。 1-9、遮罩圖層第1幀用矩形工具，筆觸禁止，顏色隨意，畫

6、一矩形寬190高162的遮罩片，放在右下角，遮罩片的右靠近右邊線，遮罩片下邊靠近下邊線。右鍵遮罩層設(shè)為遮罩。這樣“封面”影片元剪輯件就完成了，最后效果如圖：2、制作“首頁” 影片剪輯元件，將庫中“封面”直接復(fù)制改名為“首頁”。2-1、雙擊進(jìn)入“首頁”編輯場面，自下至上分別是：背景、花邊、邊線、字、4個圖層。刪除字框、圖片、遮罩圖層。2-2、打開字圖層，用“毛體”書寫兩排詩詞。 2-3、打開邊線圖層，選中右邊線和下邊線將顏色替換成#999900，選中左邊線和上邊線將顏色替換成#FFFFFF。將庫中蘭花圖拖入場景，調(diào)整后大小、位置。點(diǎn)中第1幀，修改組合，點(diǎn)圖片轉(zhuǎn)換為圖片元件名為圖片，將邊線圖層改為

7、圖片，最后效果如圖：3、制作“封底” 影片剪輯元件，將庫中“首頁”直接復(fù)制改名為“封底”。 3-1、雙擊進(jìn)入“封底”編輯場面，自下至上分別是：背景、花邊、圖片、字、4個圖層。在圖片層上增加簽名圖層，在字圖層上增加遮片層、遮罩層。最后如下背景、花邊、圖片、簽名、字、遮片、遮罩7個圖層。 3-2、簽名圖層第一幀用文本工具寫上自己的名字和制作日期。字體顏色#999900，字體大小203-3、字圖層第1幀用文本工具寫上謝謝觀賞（也可寫其它），字體顏色#999900，字體大小35，點(diǎn)第一幀復(fù)制幀，點(diǎn)遮罩圖層（第7層）第一幀粘貼幀。 3-4、遮片圖層第1幀用矩形工具畫一矩形，寬50高60，筆觸無，線形填充

8、左色標(biāo)：#FFFFFF，Alpha值為0，中色標(biāo)：#FFFFFF， Alpha值為100，右色標(biāo)：#FFFFFF，Alpha值為0，打開變形面板旋轉(zhuǎn)為25度。20幀插入關(guān)鍵幀，第一幀矩形放在字的左邊，20幀放在字的右邊，回到 1幀創(chuàng)建形狀補(bǔ)間，所有圖層延長到20幀。在遮罩圖層右鍵設(shè)為遮罩。最后效果如圖：4、制作“頁1” 影片剪輯元件，將庫中“首頁”直接復(fù)制改名為“頁1”。4-1、雙擊進(jìn)入“頁1”編輯場面，自下至上分別是：背景、花邊、邊線、字、4個圖層。4-2、邊線圖層點(diǎn)第一幀修改分離，分離兩次，點(diǎn)場景釋放鼠標(biāo)，刪除蘭花圖片，將庫中準(zhǔn)備好的位圖拖入全居中。4-3、字圖層點(diǎn)第1幀，選中文字刪除，最

9、后用文本工具在邊線下部中間位置寫上“1”的頁碼，顏色#999900。如圖接下來制作“頁2”“頁3”依此類推一直至“頁20”，怎樣所有的第一部分 制作“頁”影片剪輯元件就完成了，喜歡的朋友們可以先搜集素材，先把“頁” 影片剪輯元件完成，待我繼續(xù)寫第二部分“翻書”影片剪輯元件。第二部分 制作“翻書”影片剪輯元件在制作“翻書”影片剪輯元件前先在庫面板建“頁”文件夾，將所有“頁”影片剪輯元件放入文件夾，以便以后做動畫時容易交換元件。1、制作“翻封面”影片剪輯元件1-1、插入影片剪輯元件名為“翻封面”新建8個圖層，自下而上分別是：頁1、光1、封面、高光2、遮罩1、首頁、遮罩2、高光3、高光3遮罩共9個圖

10、。如圖：1-2、頁1圖層第1幀將庫中“頁1”影片剪輯元件拖入，左對齊、垂直中齊，x值：0，Y值：-150，延長至55幀，上鎖。1-3、光1圖層第1幀用矩形工具畫一矩形，無筆觸，填充為線性。打開顏色面板，中間添加一個色碼：從左至右的色碼依次為：#010101,Alpha值為0，#F9F9F9，Alpha值為25，#000000，Alpha值為0，矩形大小設(shè)為寬 240高300，X值為0，Y值為-150。設(shè)置如圖：1-4、封面圖層第1幀將“封面”頁影片剪輯元件放入，X值為0，Y值為-150。第28幀延長幀，第29幀插入空白關(guān)鍵幀，圖層上鎖。 1-5、高光2圖層點(diǎn)高光1圖片右鍵復(fù)制，點(diǎn)高光2后點(diǎn)場景

11、右鍵粘貼到當(dāng)前位置。第28幀延長幀，第29幀插入空白關(guān)鍵幀，圖層上鎖。 1-6、遮罩1圖層第1幀用矩形工具，筆觸無，填充色隨意，畫一矩形遮片寬240高300，X值為0，Y值為-150，右下角用線條劃一斜線去掉小角。如圖：第10幀、第20幀、第28幀插入關(guān)鍵幀，在第10、20幀處用線條工具劃一斜線后去掉右下部分及線條如圖：第28幀處用變形工具把遮片調(diào)成寬166.5高392.5，X值為0，Y值為-242.5，再用線條工具畫二條斜線。去掉下部分和左上部分，選中遮罩1圖層創(chuàng)建形狀補(bǔ)間，第55幀延長幀，刪除第28幀后的形狀補(bǔ)間。如圖：1-7、首頁圖層第一幀將庫中“首頁”影片剪輯元件拖入，X值為225，Y

12、值為135，打開變形工具把“首頁”影片剪輯元件的注冊點(diǎn)移到頁的右下角，“首頁”影片剪輯元件的左下角與“封面”影片剪輯元件的右下角交叉擺放，第10、20、40幀插入關(guān)鍵幀，第10幀移動“首頁”影片剪輯元件右下角與“封面”影片剪輯元件的左下角對齊，X值為0，Y值為-90。第20幀移動“首頁”影片剪輯元件左上角與“封面”影片剪輯元件的右上角對齊，X值為-52.1，Y值為-150，也可打開變形面板，約束打勾，旋轉(zhuǎn)設(shè)為77.4。第40幀“首頁”影片剪輯元件垂直中齊、右對齊，X值為 -240，Y值為-150，第55幀延長幀。如圖：1-8、遮罩2圖層打開標(biāo)尺，在“頁”的底部和“頁”的左面各拖一標(biāo)尺線，第1幀

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

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

15、2，把矩形右下角移到“頁1”頁上左下角壓在豎標(biāo)尺與橫標(biāo)尺之間，用黑剪頭選擇工具放在矩形的右上角上，待鼠標(biāo)出現(xiàn)小三角符號時，調(diào)整矩形。第55幀延長幀。如圖：1-9、高光3圖層做法和遮罩2的做法一樣，第1 幀、第10幀（插入空白關(guān)鍵幀）、第20幀（插入空白關(guān)鍵幀）第21幀（插入關(guān)鍵幀）、第28幀（插入關(guān)鍵幀）、第33幀（插入關(guān)鍵幀）、第40幀（插入空白關(guān)鍵幀），第55幀延長幀。不同地方是矩形用線形填充，筆觸無，從左至右的色碼依次為：#010101,Alpha值為0，#F9F9F9， Alpha值為25，#000000，Alpha值為0，如圖：1-10、高光3遮罩圖層，做法與首頁圖層基本一樣，第一幀

16、用矩形工具，筆觸無，畫一矩形寬240，高300，X值為 225，Y值為135，打開變形工具把矩形的注冊點(diǎn)移到右下角，矩形的左下角與“封面”影片剪輯元件的右下角交叉擺放，第10、20、40幀插入關(guān)鍵幀，第10幀移動矩形右下角與“頁1”影片剪輯元件的左下角對齊，X值為0，Y值為-90。第20幀移動矩形左上角與“頁1”影片剪輯元件的右上角對齊，X值為-52.1，Y值為-150，也可打開變形面板，約束打勾，旋轉(zhuǎn)設(shè)為77.4。第40幀矩形垂直中齊、右對齊，X值為-240，Y值為-150，第55 幀延長幀。參照例圖在圖層上設(shè)好遮罩。2、制作“翻頁3”影片剪輯元件，庫中直接復(fù)制“翻封面”改名為“翻頁3”，雙

17、擊進(jìn)入編輯場景。2-1、增加和調(diào)整圖層，從第1層開始，頁1圖層改為頁3圖層，在頁3圖層上增加首頁圖層，在光1圖層上增加光1左、封面圖層改為頁1，首頁圖層改為頁 2，自下而上分別是：頁3、首頁、光1、光1左、頁1、高光2、遮罩1、頁2、遮罩2、高光3、高光3遮罩共11個圖。如圖： 2-2、頁3圖層上（直接復(fù)制過來時是頁1）增加首頁圖層，打開頁3圖層的鎖，點(diǎn)第1幀后點(diǎn)場景中的圖元件，點(diǎn)右鍵交換元件換成“頁3”影片剪輯元件。點(diǎn)首頁圖層第1幀從庫中拖入“首頁”影片剪輯元件，設(shè)X值：-240，Y值：-150。第50幀延長幀。如圖：2-3、光1圖層上增加光1左圖層，點(diǎn)光1圖層第一幀復(fù)制幀粘帖到光1左圖層第

18、1幀，修改變形水平翻轉(zhuǎn)，最后移動到位置至X值：-240，Y值：-150。2-4、頁1圖層（復(fù)制時是封面）點(diǎn)第1幀、點(diǎn)場景圖元件，點(diǎn)右鍵交換元件換成“頁1“，延長幀至28幀，29幀插入空白關(guān)鍵幀。 2-5、頁2圖層（復(fù)制時是首頁）點(diǎn)第1幀、10幀、20幀、40幀，點(diǎn)場景圖元件，點(diǎn)右鍵交換元件換成“頁2“，延長幀至55。這樣“翻頁3”影片剪輯元件就完成了。 3、制作其它翻頁影片剪輯元件，庫中直接復(fù)制“翻頁3” 影片剪輯元件改名為“翻頁5”，雙擊進(jìn)入編輯，頁3圖層改為頁5同時交換元件，首頁圖層改為頁2同時交換元件，頁1圖層改為頁3同時交換元件，頁2圖層改為頁4圖層同時交換元件。最后庫中直接復(fù)制“翻頁

19、5”改為“翻頁7”修改方法同上，依此類推制作“翻頁9”、“翻頁11”、“翻頁13”、“翻頁15”、 “翻頁17”“翻頁19”。只要掌握每圖層交換元件時頁數(shù)間隔1位，如頁1交換頁3、頁2交換頁4。4、制作“翻封底”影片剪輯元件，從庫中直接復(fù)制“翻頁19”，雙擊進(jìn)入編輯，按上面方法交換元件，所有圖層延長到110幀。在最上面的圖層（高光3遮罩層）的110幀上插入空白關(guān)鍵幀，點(diǎn)右鍵進(jìn)入動作面板添加stop();代碼。所有的“翻頁”影片剪輯就完成了，下面要進(jìn)入場景組合了，等待我在明后兩天完成。 第三部分 場景組合在庫中新建翻頁文件夾把所有“翻頁”影片剪輯元件放了文件夾中。1、進(jìn)入場景編輯，新建5個圖層自下而上分別是：背景、標(biāo)題、翻書效果、音樂、按鈕、AS共6個圖層。如圖： 2、背景圖層。插入新建元件名：背景，類型:影片剪輯，背景影片剪輯元件圖層1第1幀用矩形工具，筆觸無，填充放射狀，顏色：左色標(biāo)：#0033cc,右色標(biāo)：#000000，在場景中畫一矩形大小設(shè)為600*450，全居中，第20、40、60、80幀插入關(guān)鍵，第20幀改變填充顏色左色標(biāo)： #FFFF99,右色標(biāo)：#000000