實驗四-FLASH練習(xí)

1、實驗四 Flash動畫制作(一)【實驗?zāi)康摹?. 熟練掌握Flash工具箱的使用。2. 掌握逐幀動畫、補間動畫原理與制作方法。3. 掌握路徑動畫、遮罩動畫原理及制作方法。【實驗內(nèi)容】1. 利用工具箱中的工具繪制圖形，最后將其保存為.jpg圖像格式。l 最終效果圖如下：2. 逐幀動畫：完成書上雪蓮花盛開的動畫效果3. 補間動畫：（1）完成書上100頁小飛機例子（2）完成書上102頁數(shù)字1變成2的動畫效果4. 路徑動畫：完成書上103頁小飛機繞圈動畫效果（2）制作蝴蝶飛舞的動畫效果5. 遮罩動畫：完成書上105頁遮罩效果6. 制作地球自轉(zhuǎn)的動畫7. 制作月球繞地球旋轉(zhuǎn)的動畫【實驗步驟】1.利用工具

2、箱中的工具繪制圖形，最后將其保存為.jpg圖像格式。任務(wù)一 風車底座繪制和調(diào)整線條一、使用“線條工具”繪制風車底座輪廓步驟1：新建一個Flash文檔，將寬度設(shè)為“800像素”，高度設(shè)為“600像素”。步驟2：在工具箱中選擇“線條工具”，然后打開“屬性”面板，將筆觸高度設(shè)為1、筆觸樣式設(shè)為實線、筆觸顏色設(shè)為黑色。步驟3：按下工具箱選項區(qū)的“貼緊至對象”按鈕，然后將光標移動到舞臺偏右位置，繪制風車底座。二使用“選擇工具”調(diào)整風車底座步驟一：在工具箱中選中“選擇工具”，然后單擊風車多余的線段將其選中，再按Delete鍵刪除。步驟二：將光標移動到風車底邊線條上，當光標為圓弧形狀時按住鼠標左鍵并向下拖動

3、，調(diào)整線條弧度。步驟三：選擇工具箱中的“顏料桶工具”，單擊工具箱顏色區(qū)“填充顏色按鈕”，在彈出的調(diào)色板中單擊選擇“深棕色#660000”，設(shè)置好后，將其光標移動到風車底座上并單擊，為其填充顏色。任務(wù)二 小屋、風車、月亮和星星繪制幾何圖形一 使用矩形工具繪制小屋步驟1：在以上文檔的基礎(chǔ)上，選擇工具箱中的“矩形工具”，然后打開“屬性”面板，將“填充顏色”設(shè)為“深藍色#000066”，其它參數(shù)保持不變。步驟：將光標移動舞臺偏左位置，按住鼠標左鍵不放并拖動，繪制如圖的矩形。步驟3：選擇“線條工具”，然后再矩形右側(cè)繪制兩條線段，作為小屋的側(cè)面。步驟4：繼續(xù)使用“線條工具”繪制小屋的房頂。步驟5：選擇工具

4、箱中“顏料桶工具”，單擊工具箱顏色區(qū)“填充顏色”按鈕，在彈出的調(diào)色板中選擇深藍色（#000066），然后單擊小屋側(cè)面填充顏色，再將“填充顏色”設(shè)為深棕色（#660000），為小屋的房頂填充顏色。步驟6：選擇“矩形工具”，將“填充顏色”設(shè)為“深藍色#000066”，然后在小屋的房頂上繪制一個矩形，作為小屋的煙囪。步驟7；將“填充顏色”設(shè)為“黃色#FFFF00”，然后再按?。⊿hift）鍵的同時，在小屋的正面繪制兩個正方形，作為小屋的窗戶。步驟8：使用“矩形工具“在小屋的側(cè)面繪制一個矩形，然后使用“選擇工具”將其調(diào)整為如下圖所示的形狀，利用同樣方法，再制作一個窗戶。步驟9：將填充顏色設(shè)為深棕色#6

5、60000，然后在小屋的正面的窗戶之間繪制一個矩形，作為小屋的門，這樣小屋就繪制好了。二、使用橢圓工具繪制風車和月亮步驟1：單擊“時間軸”面板左下方的“插入圖層”按鈕，在“圖層1”上方新建“圖層2”。步驟2：選擇“橢圓工具”，單擊工具箱顏色區(qū)的“填充顏色”按鈕，在彈出的調(diào)色板中，將填充顏色設(shè)為“無填充色”。步驟3：將光標移動到風車底座的偏上位置，然后再按住Shift+Alt鍵的同時按住鼠標左鍵并拖動，在“圖層2”上繪制一個正圓。在不同的圖層上繪制圖形，可以避免圖形之間粘在一起。步驟4：將光標移動到正圓的圓心位置，再按住Shift+Alt鍵繪制一個較小的同心正圓。步驟5：選擇“線條工具”，將兩個

6、正圓之間繪制線段，制作風車的扇葉。步驟6：使用“選擇工具”選中多余的線段，然后按Delete鍵將其刪除。步驟7：選擇工具箱中的“顏料桶工具”，將“填充顏色”設(shè)為“棕色#996600”，然后為風車的風扇填“橢圓工具”，將“填充顏色”設(shè)為“黃色#FFFF00”，然后再按住Shift鍵的同時，在舞臺左上角繪制一個正圓。步驟9：使用“橢圓工具”，在繪制的正圓右面再繪制一個正圓，使用“選擇工具”，選中第二個正圓，按住Delete鍵將其刪除。三、使用“多角星形工具”繪制星星步驟1：繼續(xù)在圖層2上繪制，按住工具箱中的“矩形工具”不放，在彈出的工具列表中選擇“多角星形工具” 。步驟2：打開“屬性”面板，將“填

7、充顏色”設(shè)為“黃色#FFFF00”，然后單擊選項按鈕，將“樣式”設(shè)為“星形”，“邊數(shù)”設(shè)為“5”，“星形頂點大小”設(shè)為“0.5”。步驟3：在舞臺上方繪制多個大小不一的五角星。任務(wù)三：繪制麥田和夜空使用“鋼筆工具”步驟1：單擊圖層1，將其設(shè)置為當前層，選擇工具箱中的“矩形工具”，將“填充顏色”設(shè)為“無顏色”，然后在圖層1繪制一個比舞臺略大、沒有填充顏色的矩形。步驟2：選擇“鋼筆工具”，在舞臺上繪制一條路徑，如果繪制效果不滿意，可以使用“部分選取工具”進行調(diào)整。步驟3：選擇工具箱中的“顏料桶工具”，將“填充顏色”設(shè)為“暗黃色#A2A200”，在舞臺下方空白處單擊填充麥田。步驟4：將“填充顏色”設(shè)為

8、“黑色”，然后在舞臺上方空白處單擊填充夜空。任務(wù)四：輸入和美化文字步驟1：選擇工具箱中的“文本工具”，打開“屬性”面板，將字體設(shè)為隸書，80號字，粗體，文本填充顏色為“#CCFF00”步驟2：將圖層2設(shè)為當前圖層，在舞臺偏左的空白處，輸入文字。二、利用“濾鏡”面板為文字添加特效單擊“”添加“漸變發(fā)光”、“斜角”濾鏡。2.逐幀動畫：完成書上雪蓮花盛開的動畫效果（1）文件-打開，打開雪蓮花.fla（2）將背景圖片拖到場景中（3）新建一個圖層2，在圖層2上插入花朵1，在第2幀處插入關(guān)鍵幀，插入花朵2，在第3幀處插入關(guān)鍵幀，插入花朵3，在第4幀處插入關(guān)鍵幀，插入花朵4。（4）調(diào)整四個花朵的位置，使其重

9、合。（5）給圖層1的第4幀插入一個普通幀。3.補間動畫：完成書上100頁小飛機例子（1）新建一個flash文件，任選一個顏色作為背景。（2）在第一幀處畫上一個小飛機，在第25幀處插入一個關(guān)鍵幀，并且將小飛機挪到另外一個位置。（3）創(chuàng)建補間動畫。（4）按enter觀看效果4.路徑動畫：完成書上103頁小飛機繞圈動畫效果（1）新建一個flash文件，任選一個顏色作為背景。（2）在第一幀處畫上一個小飛機，在第25幀處插入一個關(guān)鍵幀，并且將小飛機挪到另外一個位置。（3）創(chuàng)建補間動畫。（4）創(chuàng)建引導(dǎo)層。（5）在引導(dǎo)層上畫一個橢圓，并且用橡皮擦擦一個口。（6）將第1幀處的小飛機挪到其中一個口上，將第25幀

10、處的小飛機挪到其中另一個口上。（7）按enter觀看效果5.遮罩動畫：完成書上105頁遮罩效果（1）新建新建一個flash文件，將夜景.jpg導(dǎo)入到舞臺。（2）新建一個圖層，在圖層上畫一個橢圓。（3）將圖層2轉(zhuǎn)換為遮罩層。（4）在圖層2的第25幀處插入關(guān)鍵幀，移動橢圓的位置（5）按enter觀看效果6.制作地球自轉(zhuǎn)的動畫步驟1：打開素材文件“天體素材.fla”，打開庫面板，會看到有3幅位圖元件。步驟2：將“圖層1”重命名為“底圖”，將庫面板中的“太空.jpg”位圖拖到舞臺中，并在“屬性”面板中將位圖的“X” 坐標和“Y”坐標都設(shè)為0。步驟3：將“底圖”圖層鎖定，然后新建一個圖層并命名為“地球1

11、”，將“庫”面板中“地球平面圖”位圖元件拖到舞臺中，并利用“縮放和旋轉(zhuǎn)”對話框?qū)⑵涞缺壤s小“80%”，然后將位圖轉(zhuǎn)換成名為“平面圖”的圖形元件。步驟4：選中“平面圖”元件實例，再按F8鍵將其轉(zhuǎn)換為名為“地球”的圖形元件。步驟5：雙擊“地球”元件實例進入編輯狀態(tài)，將“圖層1”重命名為“地球”，在“地球”圖層上新建一個圖層并將其重命名為“遮罩”，然后使用“橢圓工具”，在“遮罩”圖層上繪制一個與“底圖”元件實例等高的任意顏色的正圓。步驟6：在“遮罩”圖層上方新建一個圖層并命名為“陰影”，然后將“遮罩”圖層中的正圓原位復(fù)制到“陰影”圖層，在“顏色”面板中將“填充顏色”設(shè)為透明度“0%”的黑色到透明度

12、“60%”的黑色的放射狀漸變。步驟7：選擇“顏料桶”工具將光標移動到“陰影”圖層上正圓的左上角，單擊填充放射狀漸變，然后刪除正圓的邊線。步驟8：在所有圖層第60幀處插入普通幀，在“地球”圖層第60幀處插入關(guān)鍵幀，然后在“地球”圖層第1幀與第60幀之間創(chuàng)建動畫補間動畫。步驟9：將“地球”圖層第1幀上的“平面圖”元件實例向左移動，使其最右端與正圓對齊，然后將“地球”圖層第60幀上的“平面圖”元件實例向右移動。步驟10：在“遮罩”圖層上右擊鼠標，在彈出的快捷菜單中選擇“遮罩層”菜單項，此時“遮罩”圖層變?yōu)榱苏谡謱樱湎路降摹暗厍颉眻D層變?yōu)榱吮徽谡謱?，并且這兩個圖層會自動被鎖定。步驟11：此時按En

13、ter鍵預(yù)覽動畫，會發(fā)現(xiàn)“地球圖”原件實例只有被圓遮擋的區(qū)域才顯示出來，由此形成了地球自轉(zhuǎn)的效果。本例中的“陰影”圖層中的圓是為了增加地球自轉(zhuǎn)的立體效果而添加，與遮罩沒有任何關(guān)系。步驟12：單擊左上角的“場景1”按鈕返回主場景，將“地球”原件實例移動到舞臺上，并調(diào)整“地球”元件實例的大小和角度，這樣地球自轉(zhuǎn)的動畫就制作完成了。地球元件中的圖層主場景中的圖層7.制作月球繞地球旋轉(zhuǎn)的動畫步驟1： 在“地球”圖層上新建一個圖層，命名為“月球”。將“庫”面板中的“月球.jpg”元件拖到該圖層，并等比例縮小至“50%”，然后將其轉(zhuǎn)換為名為“月球”的圖形元件步驟2：在所有圖層第60幀處插入普通幀，在“月球

14、”圖層的第30幀和第60幀插入關(guān)鍵幀，然后在“月球”圖層第1幀和第30幀之間以及第30幀和第60幀之間創(chuàng)建動畫補間動畫步驟3：單擊“時間軸”面板左下方的“添加運動引導(dǎo)層”按鈕，創(chuàng)建一個引導(dǎo)層，然后選擇“橢圓工具”，將筆觸顏色設(shè)為紅色（#FF0000），將填充顏色設(shè)為無，在引導(dǎo)圖層上繪制一個環(huán)繞地球的橢圓作為引導(dǎo)路徑。步驟4：將“月球”圖層中的第1幀上的“月球”元件實例拖到橢圓正側(cè)，其將自動吸附在橢圓上；在第30幀上的“月球”元件實例縮小，吸附在橢圓的另一側(cè)，將第60幀上元件實例吸附在橢圓正側(cè)稍微偏右的位置，各幀上的元件實例大小和位置分別如圖所示。步驟5：此時按Ctrl+Enter鍵預(yù)覽動畫，會發(fā)現(xiàn)月球該轉(zhuǎn)到地球后面的時候卻還在地球前面，下面我們在解決這個問題。在“引導(dǎo)層”上方新建一個圖層，命名為“地球2”，在“地球1”和“地球2”圖層第15幀處插入關(guān)鍵幀，在“地球1”圖層中第15幀上的元件實例原位復(fù)制到“地球2”圖層第15幀中，再在“地球2”圖層的第45幀處插入空白關(guān)鍵幀。此時，月球環(huán)繞的動畫就制作完成【實驗感想】在做這個實驗之前，就已經(jīng)對flash很感興趣了，我觀看了一些網(wǎng)上的視頻教程以及優(yōu)秀作品，體會到一部好的flash作品是建立在作者扎實的軟件操作基本功以及