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實例展示：實例展示：9-1.swfv實例分析：實例分析： 本案例主要使用了遮罩技術(shù)（特點：被遮罩的那一塊會顯示出來。）遮罩層布滿舞臺，被遮罩的pic2顯現(xiàn)遮罩層變?yōu)榧毦€pic2隱藏，顯現(xiàn)第1層的pic1顯現(xiàn)pic1顯現(xiàn)pic2百葉窗轉(zhuǎn)場效果制作百葉窗轉(zhuǎn)場效果制作遮罩層的變化30像素舞臺300*300300像素百葉窗轉(zhuǎn)場效果制作百葉窗轉(zhuǎn)場效果制作v操作步驟：操作步驟：v1.

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

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

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

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

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

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

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

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

10、設(shè)為和高均設(shè)為“50”，X、Y 坐標均設(shè)為坐標均設(shè)為“0”多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果制作v8.選擇該正方形，開始進行元件的嵌套，分解選擇該正方形，開始進行元件的嵌套，分解步驟如下：步驟如下：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.打開打開“庫庫”面板，雙擊進入面板，雙擊進入“方方2”影片影片剪輯。第剪輯。第10 幀按下【幀按下【F6】鍵插入關(guān)鍵幀，】鍵插入關(guān)鍵幀，在第在第50 幀按下【幀按下【F5】鍵插入普通幀。在】鍵插入普通幀。在第第1 幀至第幀至第9 幀的任意一幀單擊鼠標右鍵幀的任意一幀單擊鼠標右鍵選擇選擇“創(chuàng)建補間動畫創(chuàng)建補間動畫”，如圖所示。這里，如圖所示。這里我們暫時不進行任何內(nèi)容的變化，保持該我們暫時不進行任何內(nèi)容的變化，保持該元件的原始形狀，以便于后面的操作。元件的原始形狀，以便于后面的操作。多層元件嵌套的圖片轉(zhuǎn)場效果制作多層元件嵌套的圖片轉(zhuǎn)場效果

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

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

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

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

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

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

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