flash課件第八課

1、LOGO圖片轉(zhuǎn)場特效圖片轉(zhuǎn)場特效1 1、百葉窗轉(zhuǎn)場效果制作、百葉窗轉(zhuǎn)場效果制作2 2、多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作3 3、翻書轉(zhuǎn)場效果制作、翻書轉(zhuǎn)場效果制作百葉窗轉(zhuǎn)場效果制作百葉窗轉(zhuǎn)場效果制作v實(shí)例展示：實(shí)例展示：9-1.swfv實(shí)例分析：實(shí)例分析： 本案例主要使用了遮罩技術(shù)（特點(diǎn)：被遮罩的那一塊會(huì)顯示出來。）遮罩層布滿舞臺(tái)，被遮罩的pic2顯現(xiàn)遮罩層變?yōu)榧?xì)線pic2隱藏，顯現(xiàn)第1層的pic1顯現(xiàn)pic1顯現(xiàn)pic2百葉窗轉(zhuǎn)場效果制作百葉窗轉(zhuǎn)場效果制作遮罩層的變化30像素舞臺(tái)300*300300像素百葉窗轉(zhuǎn)場效果制作百葉窗轉(zhuǎn)場效果制作v操作步驟：操作步驟：v1.

2、 新建新建300px300px，背景色為白色的舞臺(tái)。，背景色為白色的舞臺(tái)。v2.同時(shí)將兩幅準(zhǔn)備好的圖片素材：百葉圖同時(shí)將兩幅準(zhǔn)備好的圖片素材：百葉圖1.jpg、百葉圖百葉圖2.jgp導(dǎo)入到庫中。導(dǎo)入到庫中。v3. 新建一圖形元件新建一圖形元件“葉片葉片”，選中第，選中第1幀，選取幀，選取矩形工具，設(shè)置其填充色為黑色，去掉筆觸，在矩形工具，設(shè)置其填充色為黑色，去掉筆觸，在工作區(qū)中繪制一矩形工作區(qū)中繪制一矩形30030px。然后對(duì)齊中。然后對(duì)齊中心點(diǎn)心點(diǎn)百葉窗轉(zhuǎn)場效果制作百葉窗轉(zhuǎn)場效果制作v4.新建一影片剪輯元件新建一影片剪輯元件“百葉百葉”，選中第，選中第1幀，將幀，將圖形元件圖形元件“葉片葉片

3、”拖放到工作區(qū)中并對(duì)齊中心點(diǎn)，拖放到工作區(qū)中并對(duì)齊中心點(diǎn)，在第在第15幀處插入一關(guān)鍵，選中第幀處插入一關(guān)鍵，選中第1幀單擊鼠標(biāo)右?guī)瑔螕羰髽?biāo)右鍵，選擇鍵，選擇“創(chuàng)建補(bǔ)間動(dòng)畫創(chuàng)建補(bǔ)間動(dòng)畫”，選中第，選中第15幀，通過幀，通過變形面板調(diào)整高度為變形面板調(diào)整高度為2%，將實(shí)例調(diào)整為一條線。，將實(shí)例調(diào)整為一條線。v5.分別在第分別在第25幀和第幀和第40幀，插入兩創(chuàng)建關(guān)鍵幀，幀，插入兩創(chuàng)建關(guān)鍵幀，并在并在25幀和第幀和第40幀之間創(chuàng)建相反的運(yùn)動(dòng)激變動(dòng)畫，幀之間創(chuàng)建相反的運(yùn)動(dòng)激變動(dòng)畫，即由一條線放大為高度為即由一條線放大為高度為30px的矩形。的矩形。v6.返回主場景，將圖層返回主場景，將圖層1更名為更名

4、為pic1，放置庫中的圖，放置庫中的圖片片“百葉圖百葉圖1”；再新建一圖層；再新建一圖層“pic2”,放置庫中的圖放置庫中的圖片片“百葉圖百葉圖2”；分別對(duì)導(dǎo)入的兩幅進(jìn)行如下處理：；分別對(duì)導(dǎo)入的兩幅進(jìn)行如下處理： 將圖片打散CTRL+B。 選取橢圓工具，設(shè)置其填充顏色為無填充色，按住【Shift】鍵分別在圖層中繪制一圓(298*298)。 分別選中圓的輪廓線條及圓形外邊的圖片，按鍵盤上的Delete鍵，將其刪除。v7. 分別在這兩圖層的第分別在這兩圖層的第42幀處插入幀，幀處插入幀，延時(shí)。延時(shí)。v8.選中圖層選中圖層“pic2”,在其上插入一遮罩層在其上插入一遮罩層“maske pic2”，選

5、中第，選中第1幀，將元件幀，將元件“百葉百葉”拖放到工作區(qū)中（拖放到工作區(qū)中（X:0,Y:270）v9.新增新增9個(gè)圖層，按住個(gè)圖層，按住Shift鍵，選中圖層鍵，選中圖層“pic2”和和“maske pic2”，用鼠標(biāo)右鍵，用鼠標(biāo)右鍵點(diǎn)擊被選中的任意一幀，從彈出的快捷菜點(diǎn)擊被選中的任意一幀，從彈出的快捷菜單中選擇單中選擇“復(fù)制幀復(fù)制幀”菜單命令。菜單命令。v10.用鼠標(biāo)右鍵分別點(diǎn)擊新增的用鼠標(biāo)右鍵分別點(diǎn)擊新增的9個(gè)圖層的第個(gè)圖層的第1幀，幀，從彈出的菜單中選擇從彈出的菜單中選擇“粘貼幀粘貼幀”菜單命令，這時(shí)菜單命令，這時(shí)新增的圖層將變成復(fù)制后的新增的圖層將變成復(fù)制后的“pic2”和和“mas

6、ke pic2”遮罩層。遮罩層。v11.選中最上層的選中最上層的maske pic2，將元件，將元件位置調(diào)位置調(diào)整為：整為：X:0,Y:0。v12.按住按住CTRL鍵，選中這鍵，選中這10個(gè)個(gè)maske pic2遮罩層。【遮罩層?！綜TRL+ALT+9】按高度均勻】按高度均勻分布這分布這10個(gè)遮罩層。此時(shí)遮罩層布滿舞臺(tái)。個(gè)遮罩層。此時(shí)遮罩層布滿舞臺(tái)。v13.按【按【Ctrl】+【Enter】鍵查看效果】鍵查看效果 v多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作通過多層元件的嵌套來制作出較復(fù)雜的動(dòng)通過多層元件的嵌套來制作出較復(fù)雜的動(dòng)畫遮罩效果畫遮罩效果多層元件嵌套的圖片轉(zhuǎn)場效果制

7、作多層元件嵌套的圖片轉(zhuǎn)場效果制作v實(shí)例分析：實(shí)例分析：方方2影片剪輯影片剪輯方方3影片剪輯影片剪輯方方1圖形元件圖形元件產(chǎn)生方產(chǎn)生方1由小到由小到大的動(dòng)畫效果大的動(dòng)畫效果讓方讓方2影片剪輯布滿舞臺(tái)，做影片剪輯布滿舞臺(tái)，做出遮罩的效果，布滿的過程是出遮罩的效果，布滿的過程是逐列增加逐列增加多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作v操作步驟：操作步驟：v1.【新建】動(dòng)畫，尺寸為【新建】動(dòng)畫，尺寸為550px X 400px，背景色為白色。，背景色為白色。v2. 將兩張荷花的圖片到庫中。兩張位圖的將兩張荷花的圖片到庫中。兩張位圖的大小已處理為大小已處理為550X400px 的尺寸

8、，這也的尺寸，這也是本實(shí)例舞臺(tái)的大小。是本實(shí)例舞臺(tái)的大小。v3.將圖層將圖層1命名為荷花命名為荷花1，放置圖片，放置圖片“荷花荷花1”，并按，并按F8鍵將其轉(zhuǎn)為圖形元件，名稱為鍵將其轉(zhuǎn)為圖形元件，名稱為“荷花荷花01”。多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作v4.在第在第20 幀按下幀按下F6 插入一個(gè)關(guān)鍵幀。選插入一個(gè)關(guān)鍵幀。選擇第擇第1 幀，調(diào)出幀，調(diào)出“屬性屬性”面板，在顏色下面板，在顏色下拉列表中選擇拉列表中選擇Alpha，將其值設(shè)為，將其值設(shè)為“0%”， 在第在第1 幀到第幀到第19 幀之間幀之間“創(chuàng)建補(bǔ)間動(dòng)畫創(chuàng)建補(bǔ)間動(dòng)畫”。在第在第50 幀按下幀按下F5 插入

9、一個(gè)普通幀用來延插入一個(gè)普通幀用來延續(xù)畫面停留的時(shí)間。圖片淡入的動(dòng)畫效果續(xù)畫面停留的時(shí)間。圖片淡入的動(dòng)畫效果制作完成。制作完成。 多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作v5.新建名為新建名為“荷花荷花2”的層，在該層第的層，在該層第20 幀按下幀按下F6 插入一個(gè)關(guān)鍵幀放置插入一個(gè)關(guān)鍵幀放置“荷花荷花2”圖片。圖片。v6.新建名為新建名為“荷花荷花2 遮罩遮罩”層，在第層，在第20 幀按下幀按下F6 插入一個(gè)關(guān)鍵幀。插入一個(gè)關(guān)鍵幀。v7.在在“荷花荷花2 遮罩遮罩”層第層第20 幀繪制一個(gè)幀繪制一個(gè)任意顏色的矩形，調(diào)出任意顏色的矩形，調(diào)出“屬性屬性”面板，寬面板，寬和高均

10、設(shè)為和高均設(shè)為“50”，X、Y 坐標(biāo)均設(shè)為坐標(biāo)均設(shè)為“0”多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作v8.選擇該正方形，開始進(jìn)行元件的嵌套，分解選擇該正方形，開始進(jìn)行元件的嵌套，分解步驟如下：步驟如下：v第一次按下【第一次按下【F8】鍵將其轉(zhuǎn)換為元件，命名】鍵將其轉(zhuǎn)換為元件，命名為為“方方1”，類型為，類型為“圖形圖形”。 v第二次按下【第二次按下【F8】鍵轉(zhuǎn)換為元件，命名為】鍵轉(zhuǎn)換為元件，命名為“方方2”，類型為，類型為“影片剪輯影片剪輯” 。v第三次按下【第三次按下【F8】鍵轉(zhuǎn)換為元件，命名為】鍵轉(zhuǎn)換為元件，命名為“方方3”，類型為，類型為“影片剪輯影片剪輯” 。多層元件

11、嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作v9.打開打開“庫庫”面板，雙擊進(jìn)入面板，雙擊進(jìn)入“方方2”影片影片剪輯。第剪輯。第10 幀按下【幀按下【F6】鍵插入關(guān)鍵幀，】鍵插入關(guān)鍵幀，在第在第50 幀按下【幀按下【F5】鍵插入普通幀。在】鍵插入普通幀。在第第1 幀至第幀至第9 幀的任意一幀單擊鼠標(biāo)右鍵幀的任意一幀單擊鼠標(biāo)右鍵選擇選擇“創(chuàng)建補(bǔ)間動(dòng)畫創(chuàng)建補(bǔ)間動(dòng)畫”，如圖所示。這里，如圖所示。這里我們暫時(shí)不進(jìn)行任何內(nèi)容的變化，保持該我們暫時(shí)不進(jìn)行任何內(nèi)容的變化，保持該元件的原始形狀，以便于后面的操作。元件的原始形狀，以便于后面的操作。多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果

12、制作v10.在在“庫庫”面板中雙擊面板中雙擊“方方3”影片剪輯，影片剪輯，在第在第50 幀按下幀按下F5 鍵插入一個(gè)普通幀。該鍵插入一個(gè)普通幀。該元件中要保持足夠的幀長度以便于其嵌套元件中要保持足夠的幀長度以便于其嵌套的動(dòng)畫能夠完整播放，一般來說長度至少的動(dòng)畫能夠完整播放，一般來說長度至少要和內(nèi)嵌動(dòng)畫的長度相等。要和內(nèi)嵌動(dòng)畫的長度相等。多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作v11.在在“方方3”影片剪輯中，選中影片剪輯中，選中“方方2”影片影片剪輯。右鍵【時(shí)間軸特效】【幫助】【復(fù)制剪輯。右鍵【時(shí)間軸特效】【幫助】【復(fù)制到網(wǎng)格】命令，該命令以指定的行數(shù)乘以列到網(wǎng)格】命令，該

13、命令以指定的行數(shù)乘以列數(shù)產(chǎn)生對(duì)象整齊排列的多個(gè)復(fù)本。由于數(shù)產(chǎn)生對(duì)象整齊排列的多個(gè)復(fù)本。由于“方方2”的矩形長寬均為的矩形長寬均為50px，舞臺(tái)的長寬為，舞臺(tái)的長寬為550X400px，那么，那么5011=550、508=400，正好輔滿整個(gè)舞臺(tái)。所以在，正好輔滿整個(gè)舞臺(tái)。所以在對(duì)話框中，設(shè)網(wǎng)格尺寸行數(shù)為對(duì)話框中，設(shè)網(wǎng)格尺寸行數(shù)為“8”，列數(shù)為，列數(shù)為“11”。網(wǎng)格間距行列均為。網(wǎng)格間距行列均為“0”，這樣可使，這樣可使對(duì)象和對(duì)象之間沒有空隙，單擊右上角的對(duì)象和對(duì)象之間沒有空隙，單擊右上角的“更新預(yù)覽更新預(yù)覽”能夠看到效果。能夠看到效果。v完成后的平輔對(duì)象被打包為一個(gè)整體，無完成后的平輔對(duì)象被打

14、包為一個(gè)整體，無法直接使用。選擇該對(duì)象，按下【法直接使用。選擇該對(duì)象，按下【Ctrl】+【B】分離，可以看到已整齊排列好的】分離，可以看到已整齊排列好的8 行行11 列的正方形。列的正方形。多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作v12.接下來我們把這些正方形成列分散于多接下來我們把這些正方形成列分散于多個(gè)圖層，以便制作動(dòng)畫。使用選擇工具圈個(gè)圖層，以便制作動(dòng)畫。使用選擇工具圈選除左側(cè)第選除左側(cè)第1 列之外的其它列，按下列之外的其它列，按下【Ctrl】+【X】剪切掉。插入一個(gè)新圖層，】剪切掉。插入一個(gè)新圖層，執(zhí)行【編輯】【粘貼到當(dāng)前位置】命令。執(zhí)行【編輯】【粘貼到當(dāng)前位置】命

15、令。v13.方法同上，使用選擇工具再圈選除左側(cè)方法同上，使用選擇工具再圈選除左側(cè)前兩列之外的其它列，按下【前兩列之外的其它列，按下【Ctrl】+【X】剪切掉。插入一個(gè)新圖層，執(zhí)行【編輯】剪切掉。插入一個(gè)新圖層，執(zhí)行【編輯】【粘貼到當(dāng)前位置】命令。后邊的方法相【粘貼到當(dāng)前位置】命令。后邊的方法相同，只是每次剪切時(shí)往后錯(cuò)一列，依此類同，只是每次剪切時(shí)往后錯(cuò)一列，依此類推，直到最后一列被分散到新的圖層。推，直到最后一列被分散到新的圖層。多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作v14.保持最底層的幀不變，從保持最底層的幀不變，從“圖層圖層2”開開始，拖曳第始，拖曳第1 幀不松手放至

16、第幀不松手放至第3 幀。然后幀。然后拖曳拖曳“圖層圖層3”第第1 幀至第幀至第5 幀，每次多移幀，每次多移兩幀，依此類推，效果如圖所示。兩幀，依此類推，效果如圖所示。多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作v15.調(diào)出【庫】面板，雙擊其中的調(diào)出【庫】面板，雙擊其中的“方方2”影片剪輯進(jìn)入其編輯環(huán)境。選擇第影片剪輯進(jìn)入其編輯環(huán)境。選擇第1 幀，幀，按下【按下【Ctrl】+【T】鍵調(diào)出【變形】面板，】鍵調(diào)出【變形】面板，選中選中“約束約束”復(fù)選項(xiàng)，輸入寬高為原來的復(fù)選項(xiàng)，輸入寬高為原來的“1%”，實(shí)現(xiàn)由小到大的動(dòng)畫效果（根據(jù)，實(shí)現(xiàn)由小到大的動(dòng)畫效果（根據(jù)喜好可以添加旋轉(zhuǎn)效果）。

17、喜好可以添加旋轉(zhuǎn)效果）。v16.回到回到“場景場景1”，在，在“荷花荷花2 遮罩遮罩”層層單擊鼠標(biāo)右鍵，從快捷菜單中選擇單擊鼠標(biāo)右鍵，從快捷菜單中選擇“遮罩遮罩層層”。測試影片吧。測試影片吧。v翻書轉(zhuǎn)場效果制作翻書轉(zhuǎn)場效果制作v實(shí)例分析：實(shí)例分析：v關(guān)鍵技術(shù)：書頁的翻動(dòng)要沿中心軸進(jìn)行，實(shí)現(xiàn)的關(guān)鍵技術(shù)：書頁的翻動(dòng)要沿中心軸進(jìn)行，實(shí)現(xiàn)的技巧：添加形狀提示符技巧：添加形狀提示符翻書轉(zhuǎn)場效果制作翻書轉(zhuǎn)場效果制作翻書轉(zhuǎn)場效果制作翻書轉(zhuǎn)場效果制作v操作步驟：操作步驟：v1.【新建】動(dòng)畫，背景色為藍(lán)色色。將圖【新建】動(dòng)畫，背景色為藍(lán)色色。將圖層層1命名為書本。命名為書本。v2.選擇選擇“矩形工具矩形工具”，

18、筆觸黑色，填充：，筆觸黑色，填充：線性，左色標(biāo)：灰色，右色標(biāo)：白色。繪線性，左色標(biāo)：灰色，右色標(biāo)：白色。繪制矩形。制矩形。v3.通過通過“選擇工具選擇工具”調(diào)整上下線為拱形，調(diào)整上下線為拱形，完成完成1頁書的制作，復(fù)制該頁，并水平翻轉(zhuǎn)，頁書的制作，復(fù)制該頁，并水平翻轉(zhuǎn)，適當(dāng)移動(dòng)位置，成翻開狀。適當(dāng)移動(dòng)位置，成翻開狀。翻書轉(zhuǎn)場效果制作翻書轉(zhuǎn)場效果制作v4.選取右書頁，按選取右書頁，按ALT再復(fù)制出再復(fù)制出1頁書，選擇該頁書，選擇該頁，按頁，按F8轉(zhuǎn)為影片剪輯元件，命名為：轉(zhuǎn)為影片剪輯元件，命名為：book。v5.在舞臺(tái)上直接雙擊在舞臺(tái)上直接雙擊book元件。進(jìn)入元件。進(jìn)入book元件元件的編輯狀態(tài)。的編輯狀態(tài)。v6.在在15幀、幀、30幀插入關(guān)鍵幀。選擇幀插入關(guān)鍵幀。選擇15幀，通過幀，通過“選擇工具選擇工具”，將書頁調(diào)整為下圖形狀。關(guān)鍵技，將書頁調(diào)整為下圖形狀。關(guān)鍵技術(shù)鼠標(biāo)變形為直角時(shí)術(shù)鼠標(biāo)變形為直角時(shí) ，拖動(dòng)。，拖動(dòng)。翻書轉(zhuǎn)場效果制作翻書轉(zhuǎn)場效果制作v7. 3選擇選擇30幀，水平翻轉(zhuǎn)，并移至左側(cè)。幀，水平翻轉(zhuǎn)，并移至左側(cè)。在第在第1幀和幀和15幀之間、第幀之間、第15幀和幀和30幀之幀之間建立形狀補(bǔ)間動(dòng)畫；間建立形狀補(bǔ)間動(dòng)畫；翻書轉(zhuǎn)場效果制作翻書轉(zhuǎn)場效果制作v8.