實例說明
制作一本可以翻頁的書,講述一個古老的故事。
有關(guān)知識
隱形按鈕,tellTarget的應用,對象的縮放、變形及中心點編輯,關(guān)鍵幀動畫等。
制作過程
步驟1:打開flash MX,按Ctrl+M,在電影屬性對話框設置播放速度:18fps;大?。?50px*300px;背景顏色:白色。
步驟2:從菜單欄中選擇插入>添加符號(Insert>New Symbol),在出現(xiàn)的對話框中選圖像(Graphic),命名為cover,用繪圖工具在舞臺畫一本書的封面,左上角對齊舞臺的中心點,如圖1所示。
圖1制作圖書封面
步驟3:制作書的內(nèi)頁。新建圖像符號page,用矩形工具繪制大小和cover相等的矩形, 左上角對齊舞臺的中心點。
步驟4:新建隱形按鈕button, 選取Hit幀,按F6插入一個關(guān)鍵幀,在舞臺用矩形工具畫一長方形,如圖2所示。
圖2制作隱形按鈕
步驟5:新建電影片斷pages,新建book層,將第1幀設為空白幀(blank keyframe),Actions設置為停止(stop)。
在第2幀處按F7插入空關(guān)鍵幀,將圖像cover放置在舞臺內(nèi),左上角和舞臺中心點對齊。
在第3幀處按F7插入空關(guān)鍵幀,將圖像page放置在舞臺內(nèi),并和圖像cover對齊。
在第8幀按F5插入幀,使book層的幀長度為8幀,如圖3所示。
圖3制作層book,對齊中心點
步驟6:新建button&page層,放置在book層上面,同樣將第1幀設為空白幀,在第2幀處插入關(guān)鍵幀,將隱形按鈕button放置在層中,并利用縮放工具將按鈕大小拉伸為和cover同樣大小并覆蓋在cover上方。
在3,4,5,6,7,8幀處分別建立關(guān)鍵幀,用文字工具寫上書的頁數(shù)1, 2, 3, 4, 5, 6。如圖4所示。
圖4給電影加上隱形按鈕和頁數(shù)
步驟7:新建text層和pagebutton層,其中text層加入文字,而pagebutton層放入對應的按鈕。在第4、第5幀處建立關(guān)鍵幀,制作書本的向后翻頁按鈕next; 在第5、第7幀處建立關(guān)鍵幀,制作書本的向前翻頁按鈕pre;在第8幀處建立按鈕close,作用是當按下此按鈕,書本關(guān)上,返回到初始狀態(tài)。如圖5所示。
圖5建立關(guān)閉書本按鈕
步驟8:新建電影片斷book,幀長度為37幀。增加cover層,將圖像cover放置在舞臺內(nèi),左上角和舞臺中心點對齊。第2至37幀為空白幀。如圖6所示。
步驟9:新建rightflip層,將電影片斷pages放置在舞臺內(nèi),和舞臺中心點對齊。在屬性面板將其命名為rightflip。如圖6所示。
圖6 rightflip的位置
提示:因為電影片斷pages第一幀為空白幀,所以在舞臺上只能看到一個小空心圓。
步驟10:在rightflip層下新建leftpage層。將電影片斷pages放置在舞臺內(nèi),并在Instance面板將其命名為leftpage,如圖7所示。
圖7放置rightpage
提示:leftpage水平方向和rightflip平行,并相距一本書的距離。也就是當這本書打開以后,左邊的效果要由leftpage完成,所以位置一定要放好.。
步驟11:在rightflip層上方新建leftflip層。將電影片斷pages放置在舞臺內(nèi),和rightflip對齊,并將其命名為leftflip,這個層主要是用來表現(xiàn)翻頁效果。
提示:因為電影片斷pages第一幀是空白幀,表現(xiàn)在層中是一個小空心圓,效果很不直觀,這時如果先將pages的第1幀刪除,就能更直觀的調(diào)整效果了(光盤中的d.fla為已刪除第1幀的源程序),當然在做好電影片斷book后,別忘了再將第1幀還原為空白幀。如圖8所示。
圖8好象兩本書并排,效果更直觀
選中第2幀、第9幀,按F6將其分別設為關(guān)鍵幀。在Transform面板,將第9幀處的pages的水平縮放設置為85%,垂直變形設置為-85,如圖9所示。
圖9設置變形
在第10幀建立空關(guān)鍵幀,將電影片斷pages放置在舞臺上,水平方向和第2幀對齊,垂直方向在第2幀的左邊一本書的距離,選擇修改>變形>編輯中心點(Modify>Transform>Edit center)命令,將pages的中心點移至右上角,如圖10所示。
圖10編輯中心點
選中第18,19,20,29幀,按F6建立關(guān)鍵幀。
將第10,第29幀處pages的Transform設置為:水平縮放85%;垂直變形85。如圖11所示。
圖11設置Trnsform
將第19幀的pages拖放在舞臺外。
拷貝第9幀至30幀;拷貝第2幀至36幀;拷貝第19幀至37幀。
第36幀處pages的Transform設置為:水平縮放95%;.垂直變形-10。
在Frame面板中,將第2至9,10至18,20至29,30至36幀的漸變設置為移動(Motion),如圖12所示。
圖12產(chǎn)生移動漸變
新建Actions層,在第1,2,10,18,19,20,29,37幀處建立關(guān)鍵幀,并分別設置其Actions:
第1幀:
stop (); //停止
tellTarget ("rightflip") { //告知目標(“rightflip”)
nextFrame (); //跳至下一幀
}
第2幀:
tellTarget ("rightflip") { //告知目標(“rightflip”)
nextFrame (); //跳至下一幀
}
tellTarget ("rightflip") { //告知目標(“rightflip”)
nextFrame (); //跳至下一幀
}
tellTarget ("leftflip") { //告知目標(“l(fā)eftflip”)
nextFrame (); //跳至下一幀
}
第10幀:
tellTarget ("leftflip") { //告知目標(“l(fā)eftflip”)
nextFrame (); //跳至下一幀
}
第18幀:
tellTarget ("leftpage") { //告知目標(“l(fā)eftpage”)
nextFrame (); //跳至下一幀
}
tellTarget ("leftpage") { //告知目標(“l(fā)eftpage”)
nextFrame (); //跳至下一幀
}
第19幀:
stop (); //停止
第20幀:
tellTarget ("leftpage") { //告知目標(“l(fā)eftpage”)
prevFrame (); //跳至上一幀
}
tellTarget ("leftpage") { //告知目標(“l(fā)eftpage”)
prevFrame (); //跳至上一幀
}
第29幀:
tellTarget ("leftflip") { //告知目標(“l(fā)eftflip”)
prevFrame (); //跳至上一幀
}
第37幀:
tellTarget ("leftflip") { //告知目標(“l(fā)eftflip”)
prevFrame (); //跳至上一幀
}
stop (); //停止
tellTarget ("rightflip") { //告知目標(“rightflip”)
prevFrame (); //跳至上一幀
}
tellTarget ("rightflip") { //告知目標(“rightflip”)
prevFrame (); //跳至上一幀
}
步驟12:回到電影片斷pages,在層button&page的第2幀處,將按鈕button的Actions設置為:
on (release) { //當鼠標放開
tellTarget ("..") { //告知目標(“..”)
gotoAndPlay (2); //跳至并播放幀(2)
}
}
提示:因在電影片斷book中使用pages,所以告知目標(“..”)表示告知電影片斷book。
步驟13:在pagebutton層,分別設置按鈕的Actions。
第3幀按鈕next的Actions:
on (release) { //當鼠標放開
tellTarget ("..") { //告知目標(“..”)
gotoAndPlay (2); //跳至并播放幀2
}
}
第4幀按鈕pre的Actions:
on (release) { //當鼠標放開
tellTarget ("..") { //告知目標(“..”)
gotoAndPlay (20); //跳至并播放幀20
}
}
第5幀按鈕next的Actions:
on (release) { //當鼠標放開
tellTarget ("..") { //告知目標(“..”)
gotoAndPlay (2); //跳至并播放幀2
}
}
第6幀按鈕pre的Actions:
on (release) { //當鼠標放開
tellTarget ("..") { //告知目標(“..”)
gotoAndPlay (20); //跳至并播放幀20
}
}
第7幀按鈕close的Actions:
on (release) { //當鼠標放開
tellTarget ("../leftpage") { //告知目標(“../leftpage”)
gotoAndStop (1); //跳至并停止幀1
}
tellTarget ("../leftflip") { //告知目標(“../leftflip”)
gotoAndStop (2); //跳至并停止幀2
}
tellTarget ("../rightflip") { //告知目標(“../rightflip”)
gotoAndStop (4); //跳至并停止幀4
}
tellTarget ("..") { //告知目標(“..”)
gotoAndPlay (32); //跳至并播放幀32
}
}
這樣,當按下按鈕 next時產(chǎn)生向后翻頁動作;當按下按鈕pre時,產(chǎn)生向前翻頁動作;按下按鈕close時,回到初始狀態(tài)。
步驟14:回到場景中,將電影片斷book放置在場景中,擺放好位置,.如圖13所示。
圖13將電影片斷拖入場景
步驟15:現(xiàn)在可以按Ctrl+Enter測試效果。
當然輸出效果是在內(nèi)頁里是添加了一些圖形后的形成的,可以在電影片斷pages中另放一些畫面,以表達一個完整的故事,頁數(shù)也可以設定。