初中八年級信息技術課件-圖像切換的動畫

圖像切換的動畫

你一定游覽過祖國的很多美麗的風光，還留有許多珍貴的照片。本課你將學習對圖片整理后，通過遮罩圖技巧設計并制作一個圖像切換的動畫。在制作的過程中，你還能欣賞到無錫黿頭渚、同里水鄉(xiāng)、濟南大明湖和趵突泉等景色。本節(jié)任務：熟練運用遮罩圖層設計圖像切換的動畫設計，學會從右向左逐漸推出顯示動畫設計，掌握從中心向四周圓形擴散的圖像切換的動畫設計，了解馬賽克式的圖像切換動畫設計和逐幀動畫的特點。

任務一：從右向左逐漸推出的圖像切換1、創(chuàng)建一個Flash文件，舞臺保持為默認大小(550×400像素)。2、選擇【文件】→【導入】→【導入到庫，在【導入到庫】對話框中選擇兩幅圖片，再從【庫面板】中將第一張圖片(大小為550×400像素)拖拽到舞臺，如圖5-1所示。圖5-13、在【圖層1】的第30幀【插入關鍵幀l；單擊【圖層1】選單中的鎖定按鈕，將【圖層1】鎖定；再在【圖層1】上方添加一個【圖層2】；單擊【圖層2】的第1幀，在【庫面板中拖拽第二張圖片到舞臺上，用第二張圖片覆蓋第一張圖片，如圖5-2所示。圖5-24、在【圖層2】的上方添加【圖層3】，選中【圖層3】的第1幀，用【矩形工具】在圖像右邊繪制一個矩形，如圖5-3所示。圖5-35、在【圖層3】的第30幀【插入關鍵幀】，單擊選中矩形，選擇【任意變形工具】，拖拽矩形使它遮罩住整個第二張圖片；選擇【圖層3】的第1幀，單擊右鍵，在快捷菜單中選擇【創(chuàng)建補間形狀】，如圖5-4所示。圖5-46、在【圖層3】的標簽上單擊鼠標右鍵，在彈出的菜單中選擇【遮罩層】，使【圖層3】對【圖層2】產(chǎn)生遮罩；此時，【圖層3】為遮罩圖層，【圖層2】為被遮罩圖層，最后保存文件并測試動畫，如圖5-5所示。圖5-5任務二：從中心向四周圓形擴散的圖像切換1、創(chuàng)建一個Flash文件，舞臺保持為默認大小(550×400像素)，將兩幅圖片【導入到庫】，再從【庫面板】中將第一張圖片拖拽到舞臺。2、在【圖層1】的第30幀【插入關鍵幀】鎖定【圖層1】，再添加【圖層2】。單擊【圖層2】的第1幀，在【庫面板】中拖拽第二張圖片到舞臺上，用第二張圖片覆蓋第一張圖片。3、添加【圖層3】，選中【圖層3】的第1幀，用【橢圓工具】在圖像中間繪制一個橢圓，如圖5-6所示。圖5-64、在【圖層3】的第30幀【插入關鍵幀】，選中橢圓，選擇【任意變形工具】，拖拽橢圓使它遮罩住整個第二張圖片；再在【圖層3】上【創(chuàng)建補間形狀】；在【圖層3】上建立【遮罩層】，最后保存文件并測試動畫。思考：為什么前兩個動畫，每次都要選中“圖層3”的第1幀，再繪制圖形？任務三：制作馬賽克式的圖像切換前兩步與“任務二”相同，【圖層1】與【圖層2】都有一幅圖片。1、添加【圖層3】，選中【圖層3】的第1幀，用【多角星形工具】在圖像中間繪制一個五邊形，再【復制】和【粘貼】多個五邊形，如圖5-7所示。圖5-72、選中【圖層3】的第2幀【插入關鍵幀】，復制一些“五邊形”，移動到?jīng)]有覆蓋的地方，再在【圖層3】的第3幀【插入關鍵幀】復制一些“五邊形”，移動到?jīng)]有覆蓋的地方…重復上述方法，直到30幀，用復制出“五邊形”將整個第二個圖片全覆蓋，如圖5-8所示。圖5-83、在【圖層3】上建立【遮罩層】，最后保存文件并測試動畫。注意：“圖層3”采用的是逐幀動畫，它就是每幀一個變化的畫面，再逐一播放出來，這個特點也是最初動畫設計的思想。注意：“圖層3”采用的是逐幀動畫，它就是每頓一個變化的畫面，再逐一播放出來，這個特點也是最初動畫設計的思想。

1、上網(wǎng)收集資料或討論，如何將圖片文件裁剪到創(chuàng)意尺寸？2