摘 要:隨著Flash軟件版本的不斷升級,傳統(tǒng)的一些功能也有了顛覆性的改變。2013年底在建設(shè)課題《藝術(shù)設(shè)計(jì)網(wǎng)絡(luò)輔助教學(xué)平臺的開發(fā)研究》(項(xiàng)目編號12535201)過程中,為《Flash動畫制作》網(wǎng)絡(luò)課程錄制微課視頻時(shí),比平時(shí)執(zhí)教中更深切地體會到了這一點(diǎn)。其中感觸最深的就是“動作補(bǔ)間動畫”的全新突破。本文從老版本與新版本的使用對比,最終得出結(jié)論,是執(zhí)教者的經(jīng)驗(yàn)總結(jié)。
關(guān)鍵詞:FlashCS6;動作補(bǔ)間動畫;版本升級
中圖分類號:TP317.4 文獻(xiàn)標(biāo)識碼:A
1 引言(Introduction)
Flash是目前非常流行的一個(gè)二維動畫制作軟件,可以實(shí)現(xiàn)多種動畫特效[1]。隨著Adobe公司的收購并對軟件繼續(xù)開發(fā),新的Adobe公司首先推出了全新的Flash CS3和功能強(qiáng)大的腳本語言ActionScript 3.0,伴隨著CS4和CS6問世,功能越來越強(qiáng)大,傳統(tǒng)的一些功能也有了顛覆性改變。
補(bǔ)間動畫是Flash軟件中非常重要的表現(xiàn)手段,它有動作補(bǔ)間動畫與形狀補(bǔ)間動畫兩種。今天我們只探討版本升級前后有關(guān)“動作補(bǔ)間動畫”的問題。
2 老版的“動作補(bǔ)間動畫”創(chuàng)建(The old version of
the "motion tweening" create)
老版本的Flash制作動作補(bǔ)間動畫是指,在Flash的時(shí)間軸面板上,有兩個(gè)或兩個(gè)以上的關(guān)鍵幀,在一個(gè)關(guān)鍵幀上放置一個(gè)元件,然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件的大小、顏色、位置、透明度等,在“起始幀和結(jié)束幀”之間內(nèi)單擊右鍵,在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動畫,F(xiàn)lash會自動根據(jù)二者之間的幀的值創(chuàng)建動畫,這樣就建立了“動作補(bǔ)間動畫”,也就是定頭、定尾、做動畫(開始幀結(jié)束幀創(chuàng)建動畫動作)。
動作補(bǔ)間動畫創(chuàng)建成功后,時(shí)間軸面板的背景色變?yōu)榈仙谄鹗紟徒Y(jié)束幀之間有一個(gè)長長的箭頭;構(gòu)成動作補(bǔ)間動畫的元素是元件,包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等,但不能是形狀,只有把形狀組合(Ctrl+G)或者轉(zhuǎn)換成元件后才可以做動作補(bǔ)間動畫。圖層顯示如圖1所示。
圖1 老版動作補(bǔ)間圖層狀態(tài)
Fig.1 The old version of a motion tween layer state
3 新版的“動作補(bǔ)間動畫”創(chuàng)建(The new version
of "a motion tween animation creation")
Flash版本更新后,在第一個(gè)關(guān)鍵幀上單擊鼠標(biāo)右鍵,彈出的菜單中,創(chuàng)建補(bǔ)間動畫會出現(xiàn)兩個(gè)選項(xiàng):“創(chuàng)建補(bǔ)間動畫”和“創(chuàng)建傳統(tǒng)補(bǔ)間”,如圖2所示。
圖2 右鍵菜單顯示內(nèi)容
Fig.2 Right click menu display content
3.1 創(chuàng)建傳統(tǒng)補(bǔ)間
新版中右鍵彈出菜中“創(chuàng)建傳統(tǒng)補(bǔ)間動畫”,其實(shí)就是老版的動作補(bǔ)間動畫,也就是定頭、定尾、做動畫[2]。在同一MC的,同一時(shí)間軸上的不同時(shí)間點(diǎn),兩個(gè)關(guān)鍵幀之間創(chuàng)建運(yùn)動補(bǔ)間。創(chuàng)建后的圖層顯示也跟老版完全一樣。
3.2 創(chuàng)建補(bǔ)間動畫
3.2.1 錯(cuò)誤現(xiàn)象分析
在教學(xué)中糾正學(xué)生制作問題時(shí)發(fā)現(xiàn),用Flash CS6按照老版的操作方式制作運(yùn)動動畫,使用“創(chuàng)建補(bǔ)間動畫”時(shí),圖層上的兩個(gè)關(guān)鍵幀之間出現(xiàn)藍(lán)色色塊,但沒有中間的補(bǔ)間箭頭,同時(shí),想要的運(yùn)動動作也沒有產(chǎn)生。
3.2.2 解決方法
方法一:刪除補(bǔ)間,重新設(shè)置為“創(chuàng)建傳統(tǒng)補(bǔ)間”,變回原來的正常狀態(tài)。
方法二:在制作運(yùn)動動畫時(shí),只需創(chuàng)建一個(gè)關(guān)鍵幀,在這唯一的關(guān)鍵幀上單擊鼠標(biāo)右鍵,彈出的菜單中選擇“創(chuàng)建補(bǔ)間動畫”,時(shí)間軸變化如圖3所示,幀自動延至24幀,圖層變成淡藍(lán)色,圖層與普通圖層顯示有所不同,看截圖如圖4所示對比效果。
圖3 新版動作補(bǔ)間圖層狀態(tài)
Fig.3 The new version of a motion tween layer state
圖4 圖層對比
Fig.4 Layer contrast
頭有了,我們不需要尾,也就是不用在尾部創(chuàng)建關(guān)鍵幀,只要在時(shí)間軸上我們想產(chǎn)生運(yùn)動的位置上單擊,然后在舞臺上移動或改變對象屬性,這時(shí),圖層上會自動生成一個(gè)關(guān)鍵幀,同時(shí)產(chǎn)生運(yùn)動軌跡。圖層變化如圖5所示,舞臺中對象變化如圖6所示,虛線部分就是運(yùn)動軌跡。
圖5 圖層變化 圖6 對象變化
Fig.5 The layer change Fig.6 The change of object
3.2.3 更多改變
預(yù)覽動畫可以看到,小球按這條虛線作直線運(yùn)動。新版的方便之處是不是僅此而已呢?當(dāng)然不是!老版中的引導(dǎo)動畫制作時(shí),需要單獨(dú)創(chuàng)建引導(dǎo)層,繪制引導(dǎo)路徑,在這里一切都不需要。我們只要在本圖層上操作,直接改變運(yùn)動軌跡就能輕松實(shí)現(xiàn)效果。具體操作如下,首先把鼠標(biāo)指針滑動到運(yùn)動軌跡的虛線上方,其次,當(dāng)鼠標(biāo)指針后面出現(xiàn)弧形時(shí),按下鼠標(biāo)左鍵拖拽出你要的形狀,如圖7所示拖拽時(shí)及拖拽后效果。
圖7 拖拽時(shí)及拖拽后效果
Fig.7 Drag and drag effect
4 結(jié)論(Conclusion)
此功能在AS3.0或是AS2.0腳本均能使用。只需要定頭、做動畫(開始幀選中對應(yīng)幀改變對象位置)[3]??梢岳眯卵a(bǔ)間動畫來完成大批量或更為靈活的動畫調(diào)整。
參考文獻(xiàn)(References)
[1] 陳靜.FLASH補(bǔ)間動畫教學(xué)心得[J].新課程學(xué)習(xí),2013,(10):
114-115.
[2] 趙聲攀.Flash補(bǔ)間動畫中的旋轉(zhuǎn)走樣分析[J].信息與電腦(理
論版),2012,(4):59-60.
[3] shzzl.Flash CS5.5創(chuàng)建補(bǔ)間動畫與創(chuàng)建傳統(tǒng)補(bǔ)間的區(qū)別[Z].百
度文庫,2012.
作者簡介:
王潤玲(1970-),女,本科,副教授.研究領(lǐng)域:多媒體技術(shù)與
應(yīng)用.endprint
摘 要:隨著Flash軟件版本的不斷升級,傳統(tǒng)的一些功能也有了顛覆性的改變。2013年底在建設(shè)課題《藝術(shù)設(shè)計(jì)網(wǎng)絡(luò)輔助教學(xué)平臺的開發(fā)研究》(項(xiàng)目編號12535201)過程中,為《Flash動畫制作》網(wǎng)絡(luò)課程錄制微課視頻時(shí),比平時(shí)執(zhí)教中更深切地體會到了這一點(diǎn)。其中感觸最深的就是“動作補(bǔ)間動畫”的全新突破。本文從老版本與新版本的使用對比,最終得出結(jié)論,是執(zhí)教者的經(jīng)驗(yàn)總結(jié)。
關(guān)鍵詞:FlashCS6;動作補(bǔ)間動畫;版本升級
中圖分類號:TP317.4 文獻(xiàn)標(biāo)識碼:A
1 引言(Introduction)
Flash是目前非常流行的一個(gè)二維動畫制作軟件,可以實(shí)現(xiàn)多種動畫特效[1]。隨著Adobe公司的收購并對軟件繼續(xù)開發(fā),新的Adobe公司首先推出了全新的Flash CS3和功能強(qiáng)大的腳本語言ActionScript 3.0,伴隨著CS4和CS6問世,功能越來越強(qiáng)大,傳統(tǒng)的一些功能也有了顛覆性改變。
補(bǔ)間動畫是Flash軟件中非常重要的表現(xiàn)手段,它有動作補(bǔ)間動畫與形狀補(bǔ)間動畫兩種。今天我們只探討版本升級前后有關(guān)“動作補(bǔ)間動畫”的問題。
2 老版的“動作補(bǔ)間動畫”創(chuàng)建(The old version of
the "motion tweening" create)
老版本的Flash制作動作補(bǔ)間動畫是指,在Flash的時(shí)間軸面板上,有兩個(gè)或兩個(gè)以上的關(guān)鍵幀,在一個(gè)關(guān)鍵幀上放置一個(gè)元件,然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件的大小、顏色、位置、透明度等,在“起始幀和結(jié)束幀”之間內(nèi)單擊右鍵,在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動畫,F(xiàn)lash會自動根據(jù)二者之間的幀的值創(chuàng)建動畫,這樣就建立了“動作補(bǔ)間動畫”,也就是定頭、定尾、做動畫(開始幀結(jié)束幀創(chuàng)建動畫動作)。
動作補(bǔ)間動畫創(chuàng)建成功后,時(shí)間軸面板的背景色變?yōu)榈仙?,在起始幀和結(jié)束幀之間有一個(gè)長長的箭頭;構(gòu)成動作補(bǔ)間動畫的元素是元件,包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等,但不能是形狀,只有把形狀組合(Ctrl+G)或者轉(zhuǎn)換成元件后才可以做動作補(bǔ)間動畫。圖層顯示如圖1所示。
圖1 老版動作補(bǔ)間圖層狀態(tài)
Fig.1 The old version of a motion tween layer state
3 新版的“動作補(bǔ)間動畫”創(chuàng)建(The new version
of "a motion tween animation creation")
Flash版本更新后,在第一個(gè)關(guān)鍵幀上單擊鼠標(biāo)右鍵,彈出的菜單中,創(chuàng)建補(bǔ)間動畫會出現(xiàn)兩個(gè)選項(xiàng):“創(chuàng)建補(bǔ)間動畫”和“創(chuàng)建傳統(tǒng)補(bǔ)間”,如圖2所示。
圖2 右鍵菜單顯示內(nèi)容
Fig.2 Right click menu display content
3.1 創(chuàng)建傳統(tǒng)補(bǔ)間
新版中右鍵彈出菜中“創(chuàng)建傳統(tǒng)補(bǔ)間動畫”,其實(shí)就是老版的動作補(bǔ)間動畫,也就是定頭、定尾、做動畫[2]。在同一MC的,同一時(shí)間軸上的不同時(shí)間點(diǎn),兩個(gè)關(guān)鍵幀之間創(chuàng)建運(yùn)動補(bǔ)間。創(chuàng)建后的圖層顯示也跟老版完全一樣。
3.2 創(chuàng)建補(bǔ)間動畫
3.2.1 錯(cuò)誤現(xiàn)象分析
在教學(xué)中糾正學(xué)生制作問題時(shí)發(fā)現(xiàn),用Flash CS6按照老版的操作方式制作運(yùn)動動畫,使用“創(chuàng)建補(bǔ)間動畫”時(shí),圖層上的兩個(gè)關(guān)鍵幀之間出現(xiàn)藍(lán)色色塊,但沒有中間的補(bǔ)間箭頭,同時(shí),想要的運(yùn)動動作也沒有產(chǎn)生。
3.2.2 解決方法
方法一:刪除補(bǔ)間,重新設(shè)置為“創(chuàng)建傳統(tǒng)補(bǔ)間”,變回原來的正常狀態(tài)。
方法二:在制作運(yùn)動動畫時(shí),只需創(chuàng)建一個(gè)關(guān)鍵幀,在這唯一的關(guān)鍵幀上單擊鼠標(biāo)右鍵,彈出的菜單中選擇“創(chuàng)建補(bǔ)間動畫”,時(shí)間軸變化如圖3所示,幀自動延至24幀,圖層變成淡藍(lán)色,圖層與普通圖層顯示有所不同,看截圖如圖4所示對比效果。
圖3 新版動作補(bǔ)間圖層狀態(tài)
Fig.3 The new version of a motion tween layer state
圖4 圖層對比
Fig.4 Layer contrast
頭有了,我們不需要尾,也就是不用在尾部創(chuàng)建關(guān)鍵幀,只要在時(shí)間軸上我們想產(chǎn)生運(yùn)動的位置上單擊,然后在舞臺上移動或改變對象屬性,這時(shí),圖層上會自動生成一個(gè)關(guān)鍵幀,同時(shí)產(chǎn)生運(yùn)動軌跡。圖層變化如圖5所示,舞臺中對象變化如圖6所示,虛線部分就是運(yùn)動軌跡。
圖5 圖層變化 圖6 對象變化
Fig.5 The layer change Fig.6 The change of object
3.2.3 更多改變
預(yù)覽動畫可以看到,小球按這條虛線作直線運(yùn)動。新版的方便之處是不是僅此而已呢?當(dāng)然不是!老版中的引導(dǎo)動畫制作時(shí),需要單獨(dú)創(chuàng)建引導(dǎo)層,繪制引導(dǎo)路徑,在這里一切都不需要。我們只要在本圖層上操作,直接改變運(yùn)動軌跡就能輕松實(shí)現(xiàn)效果。具體操作如下,首先把鼠標(biāo)指針滑動到運(yùn)動軌跡的虛線上方,其次,當(dāng)鼠標(biāo)指針后面出現(xiàn)弧形時(shí),按下鼠標(biāo)左鍵拖拽出你要的形狀,如圖7所示拖拽時(shí)及拖拽后效果。
圖7 拖拽時(shí)及拖拽后效果
Fig.7 Drag and drag effect
4 結(jié)論(Conclusion)
此功能在AS3.0或是AS2.0腳本均能使用。只需要定頭、做動畫(開始幀選中對應(yīng)幀改變對象位置)[3]??梢岳眯卵a(bǔ)間動畫來完成大批量或更為靈活的動畫調(diào)整。
參考文獻(xiàn)(References)
[1] 陳靜.FLASH補(bǔ)間動畫教學(xué)心得[J].新課程學(xué)習(xí),2013,(10):
114-115.
[2] 趙聲攀.Flash補(bǔ)間動畫中的旋轉(zhuǎn)走樣分析[J].信息與電腦(理
論版),2012,(4):59-60.
[3] shzzl.Flash CS5.5創(chuàng)建補(bǔ)間動畫與創(chuàng)建傳統(tǒng)補(bǔ)間的區(qū)別[Z].百
度文庫,2012.
作者簡介:
王潤玲(1970-),女,本科,副教授.研究領(lǐng)域:多媒體技術(shù)與
應(yīng)用.endprint
摘 要:隨著Flash軟件版本的不斷升級,傳統(tǒng)的一些功能也有了顛覆性的改變。2013年底在建設(shè)課題《藝術(shù)設(shè)計(jì)網(wǎng)絡(luò)輔助教學(xué)平臺的開發(fā)研究》(項(xiàng)目編號12535201)過程中,為《Flash動畫制作》網(wǎng)絡(luò)課程錄制微課視頻時(shí),比平時(shí)執(zhí)教中更深切地體會到了這一點(diǎn)。其中感觸最深的就是“動作補(bǔ)間動畫”的全新突破。本文從老版本與新版本的使用對比,最終得出結(jié)論,是執(zhí)教者的經(jīng)驗(yàn)總結(jié)。
關(guān)鍵詞:FlashCS6;動作補(bǔ)間動畫;版本升級
中圖分類號:TP317.4 文獻(xiàn)標(biāo)識碼:A
1 引言(Introduction)
Flash是目前非常流行的一個(gè)二維動畫制作軟件,可以實(shí)現(xiàn)多種動畫特效[1]。隨著Adobe公司的收購并對軟件繼續(xù)開發(fā),新的Adobe公司首先推出了全新的Flash CS3和功能強(qiáng)大的腳本語言ActionScript 3.0,伴隨著CS4和CS6問世,功能越來越強(qiáng)大,傳統(tǒng)的一些功能也有了顛覆性改變。
補(bǔ)間動畫是Flash軟件中非常重要的表現(xiàn)手段,它有動作補(bǔ)間動畫與形狀補(bǔ)間動畫兩種。今天我們只探討版本升級前后有關(guān)“動作補(bǔ)間動畫”的問題。
2 老版的“動作補(bǔ)間動畫”創(chuàng)建(The old version of
the "motion tweening" create)
老版本的Flash制作動作補(bǔ)間動畫是指,在Flash的時(shí)間軸面板上,有兩個(gè)或兩個(gè)以上的關(guān)鍵幀,在一個(gè)關(guān)鍵幀上放置一個(gè)元件,然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件的大小、顏色、位置、透明度等,在“起始幀和結(jié)束幀”之間內(nèi)單擊右鍵,在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動畫,F(xiàn)lash會自動根據(jù)二者之間的幀的值創(chuàng)建動畫,這樣就建立了“動作補(bǔ)間動畫”,也就是定頭、定尾、做動畫(開始幀結(jié)束幀創(chuàng)建動畫動作)。
動作補(bǔ)間動畫創(chuàng)建成功后,時(shí)間軸面板的背景色變?yōu)榈仙?,在起始幀和結(jié)束幀之間有一個(gè)長長的箭頭;構(gòu)成動作補(bǔ)間動畫的元素是元件,包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等,但不能是形狀,只有把形狀組合(Ctrl+G)或者轉(zhuǎn)換成元件后才可以做動作補(bǔ)間動畫。圖層顯示如圖1所示。
圖1 老版動作補(bǔ)間圖層狀態(tài)
Fig.1 The old version of a motion tween layer state
3 新版的“動作補(bǔ)間動畫”創(chuàng)建(The new version
of "a motion tween animation creation")
Flash版本更新后,在第一個(gè)關(guān)鍵幀上單擊鼠標(biāo)右鍵,彈出的菜單中,創(chuàng)建補(bǔ)間動畫會出現(xiàn)兩個(gè)選項(xiàng):“創(chuàng)建補(bǔ)間動畫”和“創(chuàng)建傳統(tǒng)補(bǔ)間”,如圖2所示。
圖2 右鍵菜單顯示內(nèi)容
Fig.2 Right click menu display content
3.1 創(chuàng)建傳統(tǒng)補(bǔ)間
新版中右鍵彈出菜中“創(chuàng)建傳統(tǒng)補(bǔ)間動畫”,其實(shí)就是老版的動作補(bǔ)間動畫,也就是定頭、定尾、做動畫[2]。在同一MC的,同一時(shí)間軸上的不同時(shí)間點(diǎn),兩個(gè)關(guān)鍵幀之間創(chuàng)建運(yùn)動補(bǔ)間。創(chuàng)建后的圖層顯示也跟老版完全一樣。
3.2 創(chuàng)建補(bǔ)間動畫
3.2.1 錯(cuò)誤現(xiàn)象分析
在教學(xué)中糾正學(xué)生制作問題時(shí)發(fā)現(xiàn),用Flash CS6按照老版的操作方式制作運(yùn)動動畫,使用“創(chuàng)建補(bǔ)間動畫”時(shí),圖層上的兩個(gè)關(guān)鍵幀之間出現(xiàn)藍(lán)色色塊,但沒有中間的補(bǔ)間箭頭,同時(shí),想要的運(yùn)動動作也沒有產(chǎn)生。
3.2.2 解決方法
方法一:刪除補(bǔ)間,重新設(shè)置為“創(chuàng)建傳統(tǒng)補(bǔ)間”,變回原來的正常狀態(tài)。
方法二:在制作運(yùn)動動畫時(shí),只需創(chuàng)建一個(gè)關(guān)鍵幀,在這唯一的關(guān)鍵幀上單擊鼠標(biāo)右鍵,彈出的菜單中選擇“創(chuàng)建補(bǔ)間動畫”,時(shí)間軸變化如圖3所示,幀自動延至24幀,圖層變成淡藍(lán)色,圖層與普通圖層顯示有所不同,看截圖如圖4所示對比效果。
圖3 新版動作補(bǔ)間圖層狀態(tài)
Fig.3 The new version of a motion tween layer state
圖4 圖層對比
Fig.4 Layer contrast
頭有了,我們不需要尾,也就是不用在尾部創(chuàng)建關(guān)鍵幀,只要在時(shí)間軸上我們想產(chǎn)生運(yùn)動的位置上單擊,然后在舞臺上移動或改變對象屬性,這時(shí),圖層上會自動生成一個(gè)關(guān)鍵幀,同時(shí)產(chǎn)生運(yùn)動軌跡。圖層變化如圖5所示,舞臺中對象變化如圖6所示,虛線部分就是運(yùn)動軌跡。
圖5 圖層變化 圖6 對象變化
Fig.5 The layer change Fig.6 The change of object
3.2.3 更多改變
預(yù)覽動畫可以看到,小球按這條虛線作直線運(yùn)動。新版的方便之處是不是僅此而已呢?當(dāng)然不是!老版中的引導(dǎo)動畫制作時(shí),需要單獨(dú)創(chuàng)建引導(dǎo)層,繪制引導(dǎo)路徑,在這里一切都不需要。我們只要在本圖層上操作,直接改變運(yùn)動軌跡就能輕松實(shí)現(xiàn)效果。具體操作如下,首先把鼠標(biāo)指針滑動到運(yùn)動軌跡的虛線上方,其次,當(dāng)鼠標(biāo)指針后面出現(xiàn)弧形時(shí),按下鼠標(biāo)左鍵拖拽出你要的形狀,如圖7所示拖拽時(shí)及拖拽后效果。
圖7 拖拽時(shí)及拖拽后效果
Fig.7 Drag and drag effect
4 結(jié)論(Conclusion)
此功能在AS3.0或是AS2.0腳本均能使用。只需要定頭、做動畫(開始幀選中對應(yīng)幀改變對象位置)[3]。可以利用新補(bǔ)間動畫來完成大批量或更為靈活的動畫調(diào)整。
參考文獻(xiàn)(References)
[1] 陳靜.FLASH補(bǔ)間動畫教學(xué)心得[J].新課程學(xué)習(xí),2013,(10):
114-115.
[2] 趙聲攀.Flash補(bǔ)間動畫中的旋轉(zhuǎn)走樣分析[J].信息與電腦(理
論版),2012,(4):59-60.
[3] shzzl.Flash CS5.5創(chuàng)建補(bǔ)間動畫與創(chuàng)建傳統(tǒng)補(bǔ)間的區(qū)別[Z].百
度文庫,2012.
作者簡介:
王潤玲(1970-),女,本科,副教授.研究領(lǐng)域:多媒體技術(shù)與
應(yīng)用.endprint