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

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











