Flash cs6動(dòng)畫(huà)制作掃盲教程:圖片補(bǔ)間形狀提示
補(bǔ)間形狀提示是制作精確補(bǔ)間形狀動(dòng)畫(huà)的一把利器,但這個(gè)工具很多人閑麻煩很少使用。大家在做補(bǔ)間形狀動(dòng)畫(huà)的時(shí)候經(jīng)常會(huì)發(fā)現(xiàn)一個(gè)問(wèn)題,那就是由計(jì)算機(jī)補(bǔ)上的內(nèi)容隨機(jī)性比較大,有時(shí)候圖形的變化不是按我們想要的方式去變化,這時(shí)候就要考慮應(yīng)用補(bǔ)間形狀提示了。
工具/原料
Flash cs6
補(bǔ)間形狀提示
方法/步驟
1、 我們先做一個(gè)補(bǔ)間形狀動(dòng)畫(huà),這個(gè)動(dòng)畫(huà)我們要做的是數(shù)字1向數(shù)字2的變化,其結(jié)果如圖
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435348.jpg)
2、首先打開(kāi)Flash 新建一個(gè)ActionScript3.0文件。
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435349.jpg)
3、從工具面板選擇文字工具(或按快捷鍵T),設(shè)置相關(guān)屬性,然后在場(chǎng)景左側(cè)輸入數(shù)字1
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435350.jpg)
4、然后選擇數(shù)字1,在修改菜單中選擇分離(或直接按CTRL+B),將文字打散。如下面第二張圖為打散狀態(tài)。
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435351.jpg)
5、在同一層第10幀插入一個(gè)空白關(guān)鍵幀(快捷鍵F7)
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435352.jpg)
6、使用文字工具,按第3步的方法在場(chǎng)景右側(cè)輸入數(shù)字2,然后按CTRL+B將其打散。
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435353.jpg)
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435354.jpg)
7、選擇第一幀,然后點(diǎn)右鍵,選擇創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)。
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435355.jpg)
8、打開(kāi)繪圖紙外觀(洋蔥皮效果按鈕)按鈕,然后調(diào)整右鍵控制柄,使其包含1-10幀,這時(shí)我們可以看到場(chǎng)景中會(huì)顯示1是如何過(guò)渡到2的。
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435356.jpg)
9、在上面的過(guò)渡中我們發(fā)現(xiàn),在1過(guò)渡到2的過(guò)程中,數(shù)字的變化并不理想,如何讓變化可控呢,請(qǐng)看下一步。
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435357.jpg)
10、關(guān)閉繪圖紙外觀(洋蔥皮效果按鈕)按鈕, 選擇數(shù)字1,在修改菜單中選擇形狀-添加形狀提示
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435358.jpg)
11、我們可以看到第一幀和第十幀上會(huì)出現(xiàn)一個(gè)小小的紅色的圈a
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435359.jpg)
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435360.jpg)
12、在第1幀和第10幀分別把它們移動(dòng)到數(shù)字1和2的相應(yīng)位置,其實(shí)要實(shí)現(xiàn)的就是1上的a處會(huì)在過(guò)渡中變化到2上的a點(diǎn)所在。
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435361.jpg)
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435362.jpg)
13、使用相同的方法我們?cè)俣嗉訋讉€(gè)形狀提示來(lái)控制動(dòng)畫(huà)。
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435363.jpg)
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435364.jpg)
14、此時(shí)我們?cè)俅蜷_(kāi)洋蔥皮效果觀察整個(gè)動(dòng)畫(huà),可以看到從1到2的過(guò)渡已經(jīng)變的平滑了。
由此可見(jiàn),通過(guò)添加形狀提示,可以更好的控制補(bǔ)間形狀動(dòng)畫(huà)的變化,這個(gè)方法不但適用于文字,也適用于圖形的變化,使用比較靈活。
![Flash cs6動(dòng)畫(huà)制作掃盲教程:[6]補(bǔ)間形狀提示](http://img.jbzj.com/file_images/article/201407/20140722150435365.jpg)
END
相關(guān)文章

flash如何做雨滴下落的動(dòng)畫(huà)效果? Flash8做一個(gè)下雨效果的技巧
flash如何做雨滴下落的動(dòng)畫(huà)效果?想要做一個(gè)逼真的雨滴落下的效果,該怎么做雨滴落下水花擴(kuò)散的效果呢?下面我們就來(lái)看看Flash8做一個(gè)下雨效果的技巧2022-08-18
flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫(huà)效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫(huà)效果怎么做?經(jīng)常使用flash制作動(dòng)畫(huà)效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來(lái)看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細(xì)請(qǐng)看下文介紹2022-07-23
flash怎么把形狀變成文字? flash星星變文字動(dòng)畫(huà)的實(shí)現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來(lái)看看flash星星變文字動(dòng)畫(huà)的實(shí)現(xiàn)方法,詳細(xì)請(qǐng)看下文介紹2022-06-06
flash怎么制作補(bǔ)間動(dòng)畫(huà)? flash變形動(dòng)畫(huà)的實(shí)現(xiàn)方法
flash怎么制作補(bǔ)間動(dòng)畫(huà)?flash中想要制作形狀變化的動(dòng)畫(huà)效果,該怎么制作補(bǔ)間動(dòng)畫(huà)呢?下面我們就來(lái)就來(lái)看看flash變形動(dòng)畫(huà)的實(shí)現(xiàn)方法2022-02-06
FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動(dòng)畫(huà)的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動(dòng)畫(huà)熊愛(ài)國(guó),該怎么制作這個(gè)效果呢?下面我們就來(lái)看看flash制作風(fēng)吹荷花動(dòng)畫(huà)的技巧2022-02-06
flash怎么制作荷花在荷花池里搖擺的動(dòng)畫(huà)? FLASH做擺動(dòng)荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動(dòng)畫(huà)??flash中想要制作荷花搖擺的動(dòng)畫(huà),該怎么制作荷花搖曳的動(dòng)畫(huà)呢?下面我們就來(lái)看看FLASH做擺動(dòng)荷花的技巧2022-02-06
flash怎么做徑向彩虹文字動(dòng)畫(huà)? 文字添加彩虹動(dòng)畫(huà)效果的技巧
flash怎么做徑向彩虹文字動(dòng)畫(huà)?flash椎間盤(pán)買個(gè)輸入的文字,想要添加動(dòng)畫(huà)效果,該怎么添加徑向彩虹文字效果呢?下面我們就來(lái)看看flash文字添加彩虹動(dòng)畫(huà)效果的技巧,詳細(xì)請(qǐng)2021-11-09
flash怎么做眨眼動(dòng)畫(huà)效果? flash動(dòng)漫人物眨眼動(dòng)畫(huà)的做法
flash怎么做眨眼動(dòng)畫(huà)效果?flash中想要制作一個(gè)動(dòng)漫人物的眼睛眨眼動(dòng)畫(huà),該怎么制作呢?下面我們就來(lái)看看flash動(dòng)漫人物眨眼動(dòng)畫(huà)的做法2021-11-08
flash怎么制作火焰文字效果? flash做火焰字體動(dòng)畫(huà)的技巧
flash怎么制作火焰文字效果?flash中想要制作一個(gè)熊熊燃燒的活顏文字,該怎么制作這個(gè)文字效果呢?下面我們就來(lái)看看flash做火焰字體動(dòng)畫(huà)的技巧2021-11-01
flash怎么做文字動(dòng)畫(huà)logo? 閃動(dòng)的片頭動(dòng)畫(huà)flash的實(shí)現(xiàn)方法
flash怎么做文字動(dòng)畫(huà)logo?flash中想要制作一個(gè)文字logo的動(dòng)畫(huà),讓文字閃爍,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看flash制作文字動(dòng)畫(huà)的技巧2021-10-29











