第三章 制作簡(jiǎn)單的位移型動(dòng)畫

第三章制作簡(jiǎn)單的位移型動(dòng)畫第一頁，共三十三頁，編輯于2023年，星期四PowerPoint實(shí)現(xiàn)動(dòng)畫效果

第二頁，共三十三頁，編輯于2023年，星期四

返回

第1頁

PowerPoint實(shí)現(xiàn)動(dòng)畫效果

動(dòng)畫創(chuàng)意的解析3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果

演示文稿界面

第三頁，共三十三頁，編輯于2023年，星期四返回第2頁

動(dòng)畫創(chuàng)意的解析3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果

創(chuàng)意效果

為使文字不致過于枯燥，常采用一些動(dòng)態(tài)顯示方式來增強(qiáng)文稿的生動(dòng)效果，如在演示文稿顯示完標(biāo)題后，三個(gè)標(biāo)題圖標(biāo)依次從屏幕左側(cè)飛入，繼而顯示出內(nèi)容主題。當(dāng)顯示完成，再從屏幕的另一側(cè)飛出。項(xiàng)目分析首先可以確定制作這類演示文稿，通常使用PowerPoint軟件即可完成，而這種動(dòng)態(tài)效果只是由標(biāo)題圖標(biāo)通過簡(jiǎn)單的動(dòng)畫設(shè)置實(shí)現(xiàn)的，PowerPoint軟件本身提供了很多動(dòng)態(tài)切換效果。所以，該項(xiàng)目的動(dòng)態(tài)效果完全可以在PowerPoint內(nèi)完成。

PowerPoint實(shí)現(xiàn)動(dòng)畫效果

第四頁，共三十三頁，編輯于2023年，星期四

返回第3頁

動(dòng)畫的實(shí)現(xiàn)過程3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果（1）打開PowerPoint的應(yīng)用程序（2）選擇“格式”菜單下的“幻燈片設(shè)計(jì)”命令（3）在右側(cè)彈出的設(shè)計(jì)面板中選擇所需的模板PowerPoint實(shí)現(xiàn)動(dòng)畫效果

第五頁，共三十三頁，編輯于2023年，星期四返回

第4頁

動(dòng)畫的實(shí)現(xiàn)過程3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果（4）選擇“格式”菜單下的“幻燈片版式”命令（5）在右側(cè)彈出的應(yīng)用窗口中選擇“只有標(biāo)題”的版式PowerPoint實(shí)現(xiàn)動(dòng)畫效果

第六頁，共三十三頁，編輯于2023年，星期四

返回

第5頁

動(dòng)畫的實(shí)現(xiàn)過程3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果（6）用鼠標(biāo)點(diǎn)擊標(biāo)題輸入框中的“單擊此處添加標(biāo)題”文字處輸入標(biāo)題并設(shè)置字體為“宋體”、字號(hào)為44，加粗顯示并添加陰影效果

（7）點(diǎn)擊“插入”命令選項(xiàng)，在彈出的下拉列表中選擇“圖片”選項(xiàng)，然后在隨即彈出的子列表中選擇并點(diǎn)擊“來自文件”命令選項(xiàng)PowerPoint實(shí)現(xiàn)動(dòng)畫效果

（8）在彈出的“插入圖片”窗口中分別導(dǎo)入三幅標(biāo)題圖像第七頁，共三十三頁，編輯于2023年，星期四

返回

第6頁

動(dòng)畫的實(shí)現(xiàn)過程3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果（9）移動(dòng)標(biāo)題圖像時(shí)發(fā)現(xiàn)圖像周圍有白邊會(huì)影響下面動(dòng)畫的效果PowerPoint實(shí)現(xiàn)動(dòng)畫效果

第八頁，共三十三頁，編輯于2023年，星期四

返回

第7頁

動(dòng)畫的實(shí)現(xiàn)過程3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果（10）用鼠標(biāo)點(diǎn)擊“圖片”工具面板上的設(shè)置透明色工具，選中后將鼠標(biāo)移至圖像周圍的白邊處點(diǎn)擊鼠標(biāo)（11）設(shè)置完透明色并調(diào)整三幅標(biāo)題圖像的排放位置PowerPoint實(shí)現(xiàn)動(dòng)畫效果

（12）選擇其中一個(gè)標(biāo)題圖像，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“自定義動(dòng)畫”第九頁，共三十三頁，編輯于2023年，星期四

返回

第8頁

動(dòng)畫的實(shí)現(xiàn)過程3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果（13）程序右側(cè)便會(huì)彈出“自定義動(dòng)畫”設(shè)置面板。點(diǎn)擊“添加效果”按鈕，在彈出的下拉列表中選擇“進(jìn)入”，然后，繼續(xù)在彈出的效果列表中選擇“飛入”效果

（14）“飛入”效果選定后，點(diǎn)擊“開始”欄的下拉列表按鈕，選擇“之前”；然后，再點(diǎn)擊“方向”處的下拉列表按鈕，選擇“自左側(cè)”效果選項(xiàng)。默認(rèn)速度為“非?？臁?/p>

PowerPoint實(shí)現(xiàn)動(dòng)畫效果

（15）按照上面的步驟分別設(shè)置其它兩個(gè)標(biāo)題圖像的動(dòng)畫效果第十頁，共三十三頁，編輯于2023年，星期四

返回

第9頁

動(dòng)畫的實(shí)現(xiàn)過程3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果（16）按住“SHIFT”鍵，分別點(diǎn)擊三個(gè)標(biāo)題圖標(biāo)。使三個(gè)標(biāo)題圖標(biāo)當(dāng)前都處于選中狀態(tài)。

（17）在“自定義動(dòng)畫”設(shè)置面板上點(diǎn)擊“添加效果”按鈕，在下拉列表中選擇“動(dòng)作路徑”，然后選擇“繪制自定義路徑”，在“繪制自定義路徑”選項(xiàng)中選擇“曲線”

PowerPoint實(shí)現(xiàn)動(dòng)畫效果

第十一頁，共三十三頁，編輯于2023年，星期四

返回

第10頁

動(dòng)畫的實(shí)現(xiàn)過程3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果（18）將鼠標(biāo)移至三個(gè)標(biāo)題圖標(biāo)的中央此時(shí)鼠標(biāo)呈十字狀，點(diǎn)擊鼠標(biāo)，然后向右上方移動(dòng)，到達(dá)一定高度，再點(diǎn)擊一下鼠標(biāo)，將鼠標(biāo)繼續(xù)向右下方PowerPoint實(shí)現(xiàn)動(dòng)畫效果

第十二頁，共三十三頁，編輯于2023年，星期四返回

第11頁

動(dòng)畫的實(shí)現(xiàn)過程3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果（19）最終繪制出來的正弦曲線效果PowerPoint實(shí)現(xiàn)動(dòng)畫效果

第十三頁，共三十三頁，編輯于2023年，星期四

返回

第12頁

動(dòng)畫的實(shí)現(xiàn)過程3.1PowerPoint實(shí)現(xiàn)動(dòng)畫效果（20）路徑繪制好后，在“自定義動(dòng)畫”面板中，繼“0”序列的三個(gè)“對(duì)象”之后，又多了“1”序列PowerPoint實(shí)現(xiàn)動(dòng)畫效果

（21）最后分別設(shè)置“開始”、“速度”等選項(xiàng)即可第十四頁，共三十三頁，編輯于2023年，星期四FlashMX實(shí)現(xiàn)動(dòng)畫效果

第十五頁，共三十三頁，編輯于2023年，星期四返回第13頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫創(chuàng)意的解析

光盤主題動(dòng)畫

第十六頁，共三十三頁，編輯于2023年，星期四返回第14頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫創(chuàng)意的解析

創(chuàng)意效果該界面有很強(qiáng)的縱深感，我們可以制作一個(gè)光盤由遠(yuǎn)處飛入，然后劃過一條弧線從屏幕視角中飛出的動(dòng)態(tài)視覺效果。光盤由遠(yuǎn)及近，有小變大，然后從觀者面前飛出，相信會(huì)給人留下很深的印象。

項(xiàng)目分析實(shí)現(xiàn)由遠(yuǎn)及近的視覺效果，對(duì)于光盤本身來說也有一個(gè)從小到大的變化過程，同時(shí)，在移動(dòng)時(shí)，光盤還需要進(jìn)行適當(dāng)?shù)男D(zhuǎn)調(diào)整。最后，我們還可以為光盤制作“拖尾”，以使整個(gè)動(dòng)畫效果更加完美?？紤]到各種情況，我們可以通過Flash實(shí)現(xiàn)。第十七頁，共三十三頁，編輯于2023年，星期四返回第15頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（1）前期的準(zhǔn)備素材工作光盤的掃描及處理第十八頁，共三十三頁，編輯于2023年，星期四返回第16頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（1）前期的準(zhǔn)備素材工作在Photoshop中制作背景圖像第十九頁，共三十三頁，編輯于2023年，星期四返回第17頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（2）打開FlashMX的應(yīng)用程序（3）選擇“修改”菜單下的“文檔”命令

（4）彈出“文檔屬性”窗口，設(shè)置尺寸為寬640px×480px，幀頻為25fps

第二十頁，共三十三頁，編輯于2023年，星期四返回第18頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（5）將鼠標(biāo)至菜單欄中的“插入”選項(xiàng)，點(diǎn)擊“新建元件”命令

（6）打開“創(chuàng)建新元件”對(duì)話框，在“名稱”欄鍵入“光盤”字樣，然后選中“行為”中的“圖形”單選按鈕。第二十一頁，共三十三頁，編輯于2023年，星期四返回第19頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（7）在“工具欄”中選擇“橢圓”工具并在屬性窗口中設(shè)置橢圓的各項(xiàng)設(shè)置（8）按住Shift鍵在界面中畫一個(gè)正圓并將其移動(dòng)到中心位置第二十二頁，共三十三頁，編輯于2023年，星期四返回第20頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（9）用鼠標(biāo)點(diǎn)擊“混色器”窗口中的“填充模式”下拉按鈕，并在彈出的下拉列表中選擇“位圖”填充模式（10）在隨即彈出“導(dǎo)入到庫”文件對(duì)話框，直接調(diào)用光盤素材文件

第二十三頁，共三十三頁，編輯于2023年，星期四返回第21頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（11）點(diǎn)擊編輯窗口上方的“場(chǎng)景1”圖標(biāo)，切換到“場(chǎng)景1”中

（12）選擇“文件”菜單下的“導(dǎo)入”命令，導(dǎo)入背景素材

（13）插入新圖層第二十四頁，共三十三頁，編輯于2023年，星期四返回第22頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（14）點(diǎn)擊“插入新圖層”右側(cè)的“添加引導(dǎo)層”插入引導(dǎo)層（15）選擇工具欄上的鉛筆工具，在工具面板下方的“選項(xiàng)”面板中選擇“平滑”模式。第二十五頁，共三十三頁，編輯于2023年，星期四返回第23頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（16）點(diǎn)擊并拖動(dòng)鼠標(biāo)，繪制出一條弧線（17）在分別在圖層1和引導(dǎo)層的第60幀插入幀第二十六頁，共三十三頁，編輯于2023年，星期四返回第24頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（18）選擇“窗口”菜單下的“庫”命令或按F11，打開“庫”面板

（19）在“時(shí)間軸”窗口中點(diǎn)中“圖層2”的第一幀，然后在“庫”窗口中選中“光盤”選項(xiàng)，并將其拖動(dòng)到編輯區(qū)中并使光盤的中心與先前所繪制的弧線一端重合

（20）在“時(shí)間軸”窗口圖層2的第50幀處插入關(guān)鍵幀，再將光盤元件移動(dòng)到弧線路徑的另一端

（21）圖層2的任意幀上點(diǎn)擊鼠標(biāo)右鍵，在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”

第二十七頁，共三十三頁，編輯于2023年，星期四返回第25頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（22）在屬性面板中選擇“補(bǔ)間”等設(shè)置第二十八頁，共三十三頁，編輯于2023年，星期四返回第26頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（23）光盤的變形操作選中圖層2的第一幀后選擇工具欄中的“任意變形”工具調(diào)整光盤素材第二十九頁，共三十三頁，編輯于2023年，星期四返回第27頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（24）光盤運(yùn)動(dòng)中多重效果的制作新建3個(gè)圖層并清除所有幀選中圖層2所有幀并右擊鼠標(biāo)拷貝圖層在新建層中分別粘貼幀即可第三十頁，共三十三頁，編輯于2023年，星期四返回第28頁

FlashMX實(shí)現(xiàn)動(dòng)畫效果3.2FlashMX完成動(dòng)畫效果動(dòng)畫的實(shí)現(xiàn)過程（25）光盤的透明度的設(shè)置用選取工具點(diǎn)擊要處理的光盤