補(bǔ)間形狀提示是制作精確補(bǔ)間形狀動畫的一把利器,但這個(gè)工具很多人閑麻煩很少使用。大家在做補(bǔ)間形狀動畫的時(shí)候經(jīng)常會發(fā)現(xiàn)一個(gè)問題,那就是由計(jì)算機(jī)補(bǔ)上的內(nèi)容隨機(jī)性比較大,有時(shí)候圖形的變化不是按我們想要的方式去變化,這時(shí)候就要考慮應(yīng)用補(bǔ)間形狀提示了。
工具/原料
Flash cs6
補(bǔ)間形狀提示
方法/步驟
1、 我們先做一個(gè)補(bǔ)間形狀動畫,這個(gè)動畫我們要做的是數(shù)字1向數(shù)字2的變化,其結(jié)果如圖
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/36a253efdf6fa931b0e5c6004a93f067.jpg)
2、首先打開Flash 新建一個(gè)ActionScript3.0文件。
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/b4469ddb112c3c83f4e8c83329b12df2.jpg)
3、從工具面板選擇文字工具(或按快捷鍵T),設(shè)置相關(guān)屬性,然后在場景左側(cè)輸入數(shù)字1
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/b69a4fea9b19e7dbf0259d2da1cc4801.jpg)
4、然后選擇數(shù)字1,在修改菜單中選擇分離(或直接按CTRL+B),將文字打散。如下面第二張圖為打散狀態(tài)。
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/a54611910a38ad91d028a5bf20c32740.jpg)
5、在同一層第10幀插入一個(gè)空白關(guān)鍵幀(快捷鍵F7)
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/9bbfa9aa2601770109e64df173df4783.jpg)
6、使用文字工具,按第3步的方法在場景右側(cè)輸入數(shù)字2,然后按CTRL+B將其打散。
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/6313a51ba3f9ebf9b9b5d2a2aaea8b8c.jpg)
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/965486b35997e916b2e2e69ba257bb2f.jpg)
7、選擇第一幀,然后點(diǎn)右鍵,選擇創(chuàng)建補(bǔ)間形狀動畫。
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/2afbf0e839fc4e12bd98992e76084634.jpg)
8、打開繪圖紙外觀(洋蔥皮效果按鈕)按鈕,然后調(diào)整右鍵控制柄,使其包含1-10幀,這時(shí)我們可以看到場景中會顯示1是如何過渡到2的。
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/ddf862520fb44a53d2d862f31d6c31a0.jpg)
9、在上面的過渡中我們發(fā)現(xiàn),在1過渡到2的過程中,數(shù)字的變化并不理想,如何讓變化可控呢,請看下一步。
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/94c2d5f4fdc024be4d121ca3a685ab4f.jpg)
10、關(guān)閉繪圖紙外觀(洋蔥皮效果按鈕)按鈕, 選擇數(shù)字1,在修改菜單中選擇形狀-添加形狀提示
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/a126528f3b84e843ccbc4c8c9e6d60a2.jpg)
11、我們可以看到第一幀和第十幀上會出現(xiàn)一個(gè)小小的紅色的圈a
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/77b84fc83010b03a86d3a93dce6794e3.jpg)
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/19312947f108996139efe5faa50e1d6c.jpg)
12、在第1幀和第10幀分別把它們移動到數(shù)字1和2的相應(yīng)位置,其實(shí)要實(shí)現(xiàn)的就是1上的a處會在過渡中變化到2上的a點(diǎn)所在。
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/fe3d1ca2cb4aef1393e4f79194959852.jpg)
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/fef61a20b01631f348ab947a9bd9c527.jpg)
13、使用相同的方法我們再多加幾個(gè)形狀提示來控制動畫。
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/35f82be4bad2ff3e723b921302697a04.jpg)
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/c25ac5651f7ea74f01c95ce568fcd182.jpg)
14、此時(shí)我們再打開洋蔥皮效果觀察整個(gè)動畫,可以看到從1到2的過渡已經(jīng)變的平滑了。
由此可見,通過添加形狀提示,可以更好的控制補(bǔ)間形狀動畫的變化,這個(gè)方法不但適用于文字,也適用于圖形的變化,使用比較靈活。
![Flash cs6動畫制作掃盲教程:[6]補(bǔ)間形狀提示](/d/file/p/2020/07-17/4bc5057eb3866fb49174074f5473e71a.jpg)
END
新聞熱點(diǎn)
疑難解答