flash基礎(chǔ)教程第七章-展示頁(yè)
2025-05-16 18:07本頁(yè)面
【正文】 范例解析（二） ── 制作 “ 街頭籃球 ” 籃球是目前世界上最受歡迎的體育項(xiàng)目之一，相信讀者對(duì)其也十分熟悉。 關(guān)閉測(cè)試播放器，然后選中“圖層 2”的第 1幀，在 【 屬性 】面板中勾選 【 調(diào)整到路徑 】 選項(xiàng)，如圖 710所示。 用鼠標(biāo)右鍵單擊“圖層 1”，在彈出的快捷菜單中選擇 【 引導(dǎo)層】 命令，將“圖層 1”轉(zhuǎn)化為引導(dǎo)層，然后將“圖層 2”拖到“圖層1”的下面，將其轉(zhuǎn)化為被引導(dǎo)層，此時(shí)圖層效果如圖 79所示。 變形中心 整體效果 放大圖 圖 77 放置汽車元件 在“圖層 2”的第 80幀處插入關(guān)鍵幀，設(shè)置第 80幀處汽車元件的位置如圖 78所示。 新建圖層并重名為“圖層 2”，并將其拖到“圖層 1”的下面。 在默認(rèn)“圖層 1”中繪制如圖 76所示的路徑。 范例解析（一） ── 創(chuàng)建引導(dǎo)層動(dòng)畫練習(xí) 請(qǐng)同學(xué)們?cè)诶蠋煹膸ьI(lǐng)下進(jìn)行創(chuàng)建引導(dǎo)層動(dòng)畫練習(xí)，并完成以下操作 。圖 75所示為小球的全部運(yùn)動(dòng)軌跡，通過觀察可以很清晰地發(fā)現(xiàn)引導(dǎo)層的引導(dǎo)功能 小球在第 1幀的位置 小球在第 50幀的位置 圖 74 設(shè)置小球起始位置 圖 75 小球的運(yùn)動(dòng) 引導(dǎo)層上的路徑在發(fā)布后，并不會(huì)顯示出來(lái)，只是作為被引導(dǎo)元素的運(yùn)動(dòng)軌跡。 圖 72 創(chuàng)建引導(dǎo)層 圖 73 多層被引導(dǎo) 二、引導(dǎo)層動(dòng)畫原理。 ? 引導(dǎo)層動(dòng)畫原理 ? 引導(dǎo)層動(dòng)畫提高 ? 課后作業(yè) 本章大綱 引導(dǎo)層動(dòng)畫原理 知識(shí)點(diǎn)講解 引導(dǎo)層動(dòng)畫的創(chuàng)建方法和原理都是十分簡(jiǎn)單的，只要通過下面的學(xué)習(xí)，讀者可以輕松掌握 。 ?掌握使用引導(dǎo)層動(dòng)畫表達(dá)藝術(shù)創(chuàng)意的方法 。學(xué)習(xí)目標(biāo) 第 7講 制作引導(dǎo)層動(dòng)畫 ?掌握引導(dǎo)層動(dòng)畫模擬籃球運(yùn)動(dòng)的效果 。 ?掌握引導(dǎo)層動(dòng)畫制作氣泡飄動(dòng)的效果 。 ?掌握使用多層引導(dǎo)動(dòng)畫模擬魚兒游動(dòng)的效果 。 圖 71 兩個(gè)圖層的引 一、創(chuàng)建引導(dǎo)層和被引導(dǎo)層 。 圖 74所示為被引導(dǎo)層上小球在第 1幀和第 50幀處的位置。在被引導(dǎo)層上被引導(dǎo)的圖形必須是元件，而且必須創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫，同時(shí)還需要將元件在關(guān)鍵幀處的“變形中心”設(shè)置到引導(dǎo)層上的路徑上，才能成功創(chuàng)建引導(dǎo)層動(dòng)畫。 打開教學(xué)資源中的“素材 \第 7講 \創(chuàng)建引導(dǎo)層動(dòng)畫練習(xí) \賽車 .fla”文件。 圖 76 繪制路徑 在“圖層 1”的第 80幀處插入幀。 將 【 庫(kù) 】 面板中的“汽車 1”元件拖動(dòng)到舞臺(tái)中，并設(shè)置其位置如圖 77所示 。 變形中心 圖 78 放置汽車位置 在“圖層 2”的第 1幀～第 80幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。 圖 79 創(chuàng)建引導(dǎo)層動(dòng)畫 按 Ctrl+Enter快捷鍵，測(cè)試播放影片，發(fā)現(xiàn)汽車的運(yùn)動(dòng)效果是錯(cuò)誤的。再測(cè)試播放影片，發(fā)現(xiàn)汽車的運(yùn)動(dòng)效果正確 。利用動(dòng)畫來(lái)制作投籃效果就需要使用引導(dǎo)層動(dòng)畫來(lái)完成，其設(shè)計(jì)思路及效果如圖 711所示 。 （ 1）由于本案例講解的重點(diǎn)是引導(dǎo)層動(dòng)畫，所以該動(dòng)畫中的場(chǎng)景、道具、人物等都由本書提供，并給出制作模板，讀者只需完成引導(dǎo)層動(dòng)畫的相關(guān)部分。 圖 712 打開模板 雙擊場(chǎng)景中的 “ 男孩 ” 元件進(jìn)入其元件內(nèi)部 ， 觀察前 5幀的動(dòng)畫 ， 如圖 713所示 。 第 1幀 第 2幀 第 3幀 第 4幀 第 5幀 圖 713 男孩元件的前 5幀動(dòng)畫 （ 2）返回主場(chǎng)景，觀察整個(gè)舞臺(tái)如圖 714所示，可以發(fā)現(xiàn)籃球在運(yùn)動(dòng)過程中，要經(jīng)過“男孩的手”、“籃筐”、“球網(wǎng)”這 3個(gè)圖形。 男孩的手 籃筐前沿 球網(wǎng) 籃板 籃筐后沿 圖 714
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1