Flash動(dòng)畫(huà)實(shí)戰(zhàn)精選-從前有座山

1、從前有座山實(shí)例說(shuō)明制作一本可以翻頁(yè)的書(shū)，講述一個(gè)古老的故事。有關(guān)知識(shí)隱形按鈕，tellTarget的應(yīng)用，對(duì)象的縮放、變形及中心點(diǎn)編輯，關(guān)鍵幀動(dòng)畫(huà)等。制作過(guò)程步驟1：打開(kāi)flash MX，按Ctrl+M，在電影屬性對(duì)話(huà)框設(shè)置播放速度：18fps；大?。?50px*300px；背景顏色：白色。步驟2：從菜單欄中選擇插入>添加符號(hào)（Insert>New Symbol），在出現(xiàn)的對(duì)話(huà)框中選圖像（Graphic），命名為cover，用繪圖工具在舞臺(tái)畫(huà)一本書(shū)的封面，左上角對(duì)齊舞臺(tái)的中心點(diǎn)，如圖1所示。圖1制作圖書(shū)封面步驟3：制作書(shū)的內(nèi)頁(yè)。新建圖像符號(hào)page，用矩形工具繪制大小和cover相

2、等的矩形， 左上角對(duì)齊舞臺(tái)的中心點(diǎn)。步驟4：新建隱形按鈕button， 選取Hit幀，按F6插入一個(gè)關(guān)鍵幀，在舞臺(tái)用矩形工具畫(huà)一長(zhǎng)方形，如圖2所示。圖2制作隱形按鈕步驟5：新建電影片斷pages，新建book層，將第1幀設(shè)為空白幀（blank keyframe），Actions設(shè)置為停止（stop）。在第2幀處按F7插入空關(guān)鍵幀，將圖像cover放置在舞臺(tái)內(nèi)，左上角和舞臺(tái)中心點(diǎn)對(duì)齊。在第3幀處按F7插入空關(guān)鍵幀，將圖像page放置在舞臺(tái)內(nèi)，并和圖像cover對(duì)齊。在第8幀按F5插入幀，使book層的幀長(zhǎng)度為8幀，如圖3所示。圖3制作層book，對(duì)齊中心點(diǎn)步驟6：新建button&pag

3、e層，放置在book層上面，同樣將第1幀設(shè)為空白幀，在第2幀處插入關(guān)鍵幀，將隱形按鈕button放置在層中，并利用縮放工具將按鈕大小拉伸為和cover同樣大小并覆蓋在cover上方。在3，4，5，6，7，8幀處分別建立關(guān)鍵幀，用文字工具寫(xiě)上書(shū)的頁(yè)數(shù)1， 2， 3， 4， 5， 6。如圖4所示。圖4給電影加上隱形按鈕和頁(yè)數(shù)    步驟7：新建text層和pagebutton層，其中text層加入文字，而pagebutton層放入對(duì)應(yīng)的按鈕。在第4、第5幀處建立關(guān)鍵幀，制作書(shū)本的向后翻頁(yè)按鈕next； 在第5、第7幀處建立關(guān)鍵幀，制作書(shū)本的向前翻頁(yè)按鈕pre；在第8幀

4、處建立按鈕close，作用是當(dāng)按下此按鈕，書(shū)本關(guān)上，返回到初始狀態(tài)。如圖5所示。圖5建立關(guān)閉書(shū)本按鈕步驟8：新建電影片斷book，幀長(zhǎng)度為37幀。增加cover層，將圖像cover放置在舞臺(tái)內(nèi)，左上角和舞臺(tái)中心點(diǎn)對(duì)齊。第2至37幀為空白幀。如圖6所示。步驟9：新建rightflip層，將電影片斷pages放置在舞臺(tái)內(nèi)，和舞臺(tái)中心點(diǎn)對(duì)齊。在屬性面板將其命名為rightflip。如圖6所示。圖6 rightflip的位置提示：因?yàn)殡娪捌瑪鄍ages第一幀為空白幀，所以在舞臺(tái)上只能看到一個(gè)小空心圓。步驟10：在rightflip層下新建leftpage層。將電影片斷pages放置在舞臺(tái)內(nèi)，并在Ins

5、tance面板將其命名為leftpage，如圖7所示。圖7放置rightpage提示：leftpage水平方向和rightflip平行，并相距一本書(shū)的距離。也就是當(dāng)這本書(shū)打開(kāi)以后，左邊的效果要由leftpage完成，所以位置一定要放好.。步驟11：在rightflip層上方新建leftflip層。將電影片斷pages放置在舞臺(tái)內(nèi)，和rightflip對(duì)齊，并將其命名為leftflip，這個(gè)層主要是用來(lái)表現(xiàn)翻頁(yè)效果。提示：因?yàn)殡娪捌瑪鄍ages第一幀是空白幀，表現(xiàn)在層中是一個(gè)小空心圓，效果很不直觀，這時(shí)如果先將pages的第1幀刪除，就能更直觀的調(diào)整效果了（光盤(pán)中的d.fla為已刪除第1幀的源程

6、序），當(dāng)然在做好電影片斷book后，別忘了再將第1幀還原為空白幀。如圖8所示。圖8好象兩本書(shū)并排，效果更直觀    選中第2幀、第9幀，按F6將其分別設(shè)為關(guān)鍵幀。在Transform面板，將第9幀處的pages的水平縮放設(shè)置為85%，垂直變形設(shè)置為-85，如圖9所示。圖9設(shè)置變形    在第10幀建立空關(guān)鍵幀，將電影片斷pages放置在舞臺(tái)上，水平方向和第2幀對(duì)齊，垂直方向在第2幀的左邊一本書(shū)的距離，選擇修改>變形>編輯中心點(diǎn)(Modify>Transform>Edit center)命令，將pages的中心點(diǎn)

7、移至右上角，如圖10所示。圖10編輯中心點(diǎn)選中第18，19，20，29幀，按F6建立關(guān)鍵幀。將第10，第29幀處pages的Transform設(shè)置為：水平縮放85%；垂直變形85。如圖11所示。圖11設(shè)置Trnsform將第19幀的pages拖放在舞臺(tái)外?？截惖?幀至30幀；拷貝第2幀至36幀;拷貝第19幀至37幀。第36幀處pages的Transform設(shè)置為：水平縮放95%；.垂直變形-10。在Frame面板中，將第2至9，10至18，20至29，30至36幀的漸變?cè)O(shè)置為移動(dòng)(Motion)，如圖12所示。圖12產(chǎn)生移動(dòng)漸變新建Actions層，在第1，2，10，18，19，20，29，3

8、7幀處建立關(guān)鍵幀，并分別設(shè)置其Actions： 第1幀：stop ();tellTarget ("rightflip")     nextFrame ();停止告知目標(biāo)(“rightflip”)跳至下一幀第2幀：tellTarget ("rightflip")     nextFrame ();tellTarget ("rightflip")     nextFrame ();tellTarget ("leftflip&quo

9、t;)     nextFrame ();告知目標(biāo)(“rightflip”)跳至下一幀告知目標(biāo)(“rightflip”)跳至下一幀告知目標(biāo)(“l(fā)eftflip”)跳至下一幀第10幀：tellTarget ("leftflip")     nextFrame ();告知目標(biāo)(“l(fā)eftflip”)跳至下一幀第18幀：tellTarget ("leftpage")     nextFrame ();tellTarget ("leftpage") &#

10、160;   nextFrame ();告知目標(biāo)(“l(fā)eftpage”)跳至下一幀告知目標(biāo)(“l(fā)eftpage”)跳至下一幀第19幀：stop ();停止第20幀：tellTarget ("leftpage")     prevFrame ();tellTarget ("leftpage")     prevFrame ();告知目標(biāo)(“l(fā)eftpage”)跳至上一幀告知目標(biāo)(“l(fā)eftpage”)跳至上一幀第29幀：tellTarget ("leftflip&qu

11、ot;)     prevFrame ();告知目標(biāo)(“l(fā)eftflip”)跳至上一幀第37幀：tellTarget ("leftflip")     prevFrame ();stop ();tellTarget ("rightflip")     prevFrame ();tellTarget ("rightflip")     prevFrame ();告知目標(biāo)(“l(fā)eftflip”)跳至上一幀停止告知目標(biāo)(“

12、rightflip”)跳至上一幀告知目標(biāo)(“rightflip”)跳至上一幀    步驟12：回到電影片斷pages，在層button&page的第2幀處，將按鈕button的Actions設(shè)置為：on (release)     tellTarget (".")         gotoAndPlay (2);    當(dāng)鼠標(biāo)放開(kāi)告知目標(biāo)(“.”)跳至并播放幀（2）提示：因在電影片斷book中使用pages，

13、所以告知目標(biāo)(“.”)表示告知電影片斷book。步驟13：在pagebutton層，分別設(shè)置按鈕的Actions。第3幀按鈕next的Actions：on (release)     tellTarget (".")         gotoAndPlay (2);    當(dāng)鼠標(biāo)放開(kāi)告知目標(biāo)(“.”)跳至并播放幀2    第4幀按鈕pre的Actions：on (release)    

14、 tellTarget (".")         gotoAndPlay (20);    當(dāng)鼠標(biāo)放開(kāi)告知目標(biāo)(“.”)跳至并播放幀20    第5幀按鈕next的Actions：on (release)     tellTarget (".")         gotoAndPlay (2);  

15、0; 當(dāng)鼠標(biāo)放開(kāi)告知目標(biāo)(“.”)跳至并播放幀2    第6幀按鈕pre的Actions：on (release)     tellTarget (".")         gotoAndPlay (20);    當(dāng)鼠標(biāo)放開(kāi)告知目標(biāo)(“.”)跳至并播放幀20    第7幀按鈕close的Actions：on (release)     tellTarget

16、 ("./leftpage")         gotoAndStop (1);        tellTarget ("./leftflip")         gotoAndStop (2);        tellTarget ("./rightflip")         gotoAndStop (4);        tellTarget (".")         gotoAndPlay (32);    當(dāng)鼠標(biāo)放開(kāi)告知目標(biāo)(“./leftpage”)跳至并停止幀1告知目標(biāo)(“./leftflip”)跳至并停止幀2告知目標(biāo)(“./rightflip”)跳至并停止幀4告知目標(biāo)(“.”)