04第四講FlashMX教程遮罩技巧(一)

第四講FlashMX教程——遮罩控制技術(shù)(一)名稱：Flash遮罩控制技術(shù)課時：2課時（教課）＋2課時（實驗）教課目的：掌握基本的遮罩使用命令，學(xué)習(xí)不一樣條件下的遮罩控制技術(shù)。主要內(nèi)容：學(xué)習(xí)各樣典型的遮罩成效，如方法。一、觀點概要：Mask，遮罩，也有譯作蒙板。

Flash

中的遮罩和

Photoshop

中的Layermask基來源理是相同的，不過在支持的功能上稍微有些劃分。所謂“遮罩”，形象的說來，你能夠假想在你眼前有一幅圖畫，但它的上邊被一塊紙板遮住，當(dāng)你在紙板上剪出一個洞，下邊圖畫會在相應(yīng)地點顯示出內(nèi)容來。這塊紙板就是遮罩。在Flash中遮罩功能由上下兩個基本的圖層組合實現(xiàn)，上邊是“遮罩層”，相當(dāng)于我們方才所說的紙板，下邊的是被遮罩層（能夠應(yīng)用多個圖層），相當(dāng)于上邊所說的那張畫。在遮罩層上能夠畫出隨意形狀，在這個形狀的地區(qū)內(nèi)，就會顯示出被遮罩層中的圖像來，而此形狀之外的地區(qū)，則顯示更下一層中的圖像或背景的圖像來。注意，和Photoshop中的遮罩層不一樣，F(xiàn)lash的遮罩層不支持透明度。也就是說，在Flash遮罩層中的圖像，其作用僅限于它的輪廓，用于界定產(chǎn)生遮罩地區(qū)的形狀，而它的色彩、內(nèi)部形象均不起作用。這一點相當(dāng)遺憾，自然，作為一個動畫軟件，它的優(yōu)勢在于，無論是遮罩層仍是被遮罩層，都支持各樣種類的運動。二、實例學(xué)習(xí)假如要硬性為Flash中的遮罩成效分類，從運動的對象上能夠大概分為三類：被遮罩層圖形運動而遮罩層圖像靜止；遮罩層圖形運動而被遮罩層圖像靜止；遮罩層和被遮罩層圖形同時運動。下邊我們將分別學(xué)習(xí)這些種類的遮罩控制技術(shù)。1、被遮罩層圖形運動種類例一：旋轉(zhuǎn)的地球預(yù)覽成品：這是一個經(jīng)過遮罩控制技術(shù)生成的動畫，地球在不停旋轉(zhuǎn)，顯示出大陸、大海的各個部分。1、使用默認設(shè)置創(chuàng)立一個新的文檔。創(chuàng)立圖形元件、使用插入—新建元件命令，新建一個Graphic對象的元件并命名為“globe”。而后履行“文件—導(dǎo)入—導(dǎo)入到舞臺命令”，在相應(yīng)的路徑中找到供給的素材圖片globe.wmf。如圖4-1。3、再次創(chuàng)立一個新的Graphic對象元件（快圖4-1捷方式：Ctrl+F8），命名為“map”。在時間軸上把圖層1的名字改為globemap，而后按Ctrl+L鍵翻開元件庫，把元件“globe”拖到舞臺中，在屬性欄中改正顏色設(shè)置為“色彩”，選擇色彩#FF9900，其余保持默認設(shè)置。達成后再拖一個，設(shè)置同前，水平對齊，并把它們的地點調(diào)整，如圖4-2所示。圖4-24、增添一個新的圖層并命名為“background”，按住鼠標(biāo)左鍵拖動這個圖層到最下一層。而后使用矩形工具繪制一個大的矩形作為背景，寬：高為950X270；填補顏色#3399cc。如上圖所示。創(chuàng)立電影剪輯元件5、再次使用插入—新建元件命令，新建一個電影剪輯對象并命名為“mapmc”。從元件庫中把元件“map”拖到舞臺中（圖層1）。在變形面板中縮放至50%。地點在中間略靠左。6、增添一個新的圖層2。用橢圓形工具在第1幀中繪制一個正圓，色彩隨意，大小為120X120。放在地球睜開的圖形上。地點如圖4-3。圖4-37、回到圖層1，在第40幀按F6鍵復(fù)制重點幀，從頭選中map元件并把它的坐標(biāo)地點向右偏移246。注意，重點在于偏移后的上層圓的地點應(yīng)正好蓋在另一個地球睜開的圖形上相同的地點，如圖4-4。圖4-48、在屬性面板中設(shè)置運動種類“動作”，其余保持默認設(shè)置。9、到達圖層2，在第40幀按F5鍵創(chuàng)立補間幀，保持兩個圖層在時間軸上的幀數(shù)一致。10、鼠標(biāo)右鍵點擊圖層2，在彈出的菜單中選擇“遮罩層”。時間軸上的顯示如圖4-5。圖4-511、點擊時間軸上的場景1按鈕，進入場景中，從元件庫中把電影剪輯元件“mapmc”拖到舞臺中。Ok，選擇控制—測試電影命令看看成效吧，是否是有一個旋轉(zhuǎn)的地球。總結(jié)：1）．此例中，地球輪廓是靜止的，它的作用是只讓處于此輪廓內(nèi)的動繪圖像顯示出來。地球表面的陸地形狀是運動的，有兩個相同的圖形構(gòu)成，以便產(chǎn)生連續(xù)運動的成效。（2）．此例中的地球表面圖形是一個外面文件，wmf格式是一種矢量格式，但在Flash中不適于創(chuàng)立復(fù)雜的形狀，因此從外面導(dǎo)入。導(dǎo)入的圖像也能夠是位圖，依據(jù)你的需要來選擇。3）．此例中是把遮罩的成效放在電影剪輯中，和放在主場景中制作完整相同，不過電影剪輯的利處是能夠自動重復(fù)播放。2、遮罩層圖形運動種類例二：探照燈成效預(yù)覽成品：這是一個經(jīng)過遮罩控制技術(shù)生成的網(wǎng)絡(luò)廣告動畫，探照燈在廣告商品的每個重點地點停留，把經(jīng)過的地方照亮，最后停止在廣告商品的LOGO上。1、創(chuàng)立一個新的文檔，選擇改正—文檔命令，把背風(fēng)景設(shè)置為黑色。創(chuàng)立圖形元件2、使用插入—新建元件命令，新建一個Graphic對象的元件并命名為“

ad”。而后履行“文件—導(dǎo)入—導(dǎo)入到舞臺命令”，在相應(yīng)的路徑中找到供給的素材圖片ad0009.gif。如圖4-6。圖4-6

圖

4-73、原始的圖片尺寸較大，在屬性欄中選擇鎖定縱橫比，把寬度尺寸改為自動改變，坐標(biāo)地點為X:-275；Y:-165.5（元件的中心點地點）。如圖4-7。4、再次創(chuàng)立一個新的Graphic對象元件（快捷方式：Ctrl+F8），命名為“

550，高度將light”。而后使用橢圓形工具繪制一個

90*90

的圓，色彩隨意。5、點擊時間軸上的場景在默認的圖層1。雙擊圖層

1

1按鈕，進入場景中，從元件庫中把元件“的標(biāo)題名，改為“background”。

ad”拖到舞臺中放6、點擊時間軸上的“增添新圖層”（如圖4-8）按鈕增添一個新的圖層并命名為把元件“l(fā)ight”拖到舞臺中的隨意地點，稍后我們將作調(diào)整。

“mask1”。圖4-87、分別在第5、15、25、35、45、50、60、70、80幀按F6鍵復(fù)制重點幀，而后從頭挨次調(diào)整它們的地點如圖4-9。此中，把第70幀中的元件放大到180%，第80幀中的元件放大到覆蓋整個畫面。圖4-98、地點改正達成后分別在第10、20、30、40、幀按F6鍵復(fù)制重點幀。這一步的設(shè)置是為了在廣告商品的重點地點做短站的停留。設(shè)置運動屬性9、分別選中第1、10、20、30、35、40、45、55、60、70幀，在屬性欄中設(shè)置運動屬性補間種類為“動作”，其余保持默認不變。時間軸上的設(shè)置如圖4-10。圖4-1010、點擊圖層background，分別在第70、80幀按F6鍵復(fù)制重點幀。而后選中第80幀，以右上角為基準，把該元件縮放至150%。11、從頭選中第70幀，在屬性欄中設(shè)置運動屬性補間種類為“動作”。12、鼠標(biāo)右鍵點擊圖層“mask1”，在彈出的菜單中選擇“遮罩層”。13、增添一個新的圖層并命名為“action”，選中第80幀按F7鍵創(chuàng)立空白重點幀，打開“動作”面板，按下按鈕選擇“全局函數(shù)—時間軸控制—stop”。如圖4-11。圖4-11解說：這個action語句的意思是控制動畫播放到這一幀時停止，以防止動畫循環(huán)播放?？偨Y(jié)：（1）．此例中，遮罩層中的圖形是運動的，并且這個圖形是Graphic元件。事實上，遮罩層中的圖形也能夠是shape形狀，甚至是一個電影剪輯。遮罩層中的圖形作用就是讓處于此輪廓內(nèi)的圖像顯示出來。（2）．此例中，不僅遮罩層中的圖形運動，并且，在第70幀此后的被遮罩層中，圖像也進行運動了（縮放），這也算是我們上文對遮罩分類中的第三種種類了。（3）．此例中，我們接觸到教程中的第一個action命令。3、遮罩層中的逐幀運動例三：書法文字預(yù)覽成品：這是一個顯示書寫過程成效的動畫，我們常常會看到近似的成效，相同是經(jīng)過遮罩控制技術(shù)生成。1、使用默認設(shè)置創(chuàng)立一個新的文檔。創(chuàng)立圖形元件2、使用插入—新建元件命令，新建一個Graphic對象的元件并命名為“永”。而后選擇文字工具，在屬性欄中設(shè)置為“靜態(tài)文本”；字體“楷體”；黑色，其余為默認設(shè)置。3、進入場景中，在圖層1的第2幀按F7鍵創(chuàng)立空白重點幀，從元件庫中把元件“永”拖到舞臺中，使用隨意變形工具調(diào)整文字到適合的大小。4、增添一個新的圖層2，選擇刷子工具，在選項欄中選擇圓形筆刷，筆刷大小略大于文字的筆劃寬度即可。如圖4-12。5、在第1幀中畫一筆，而后按F6鍵復(fù)制重點幀，在第2幀中再畫一筆，而后再按F6鍵復(fù)制重點幀，在該幀中再畫一筆以此圖4-12類推，直到把文字的最后一點都完整覆遮住。圖4-13中的四幅小圖分別是第2、10