書本翻頁效果

《書本翻頁效果》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第十一節(jié)　書本翻頁效果上面這個(gè)示例稍微大了一點(diǎn)，所以如果網(wǎng)速比較慢的話還請大家稍稍多等一會(huì)兒，因?yàn)樾疫\(yùn)鳥花了五個(gè)多小時(shí)才把它做好，不看是有點(diǎn)可惜（是我感到可惜，呵呵）。花了這么長的時(shí)間是因?yàn)橐粊硇疫\(yùn)鳥技術(shù)還不太熟練，許多地方改動(dòng)過十幾次；二來在做的過程中一直在構(gòu)思還要做些什么內(nèi)容，希望能有創(chuàng)意一點(diǎn)。由于這一章是Flash的進(jìn)階教程，因此幸運(yùn)鳥盡量先不使用Actions編程這樣高級的Flash技術(shù)。這一章中，我們主要學(xué)習(xí)如何運(yùn)用簡單的Flash基本操作來實(shí)現(xiàn)比較逼真的各類效果，以上的書本翻頁效果就是典型的例子，在這個(gè)示例中，用到的技術(shù)只不過是最簡單的形體漸變和運(yùn)動(dòng)漸變，但

2、我們看到最后生成的效果還是比較真實(shí)的。好了，下面我就把制作的方法給大家詳細(xì)介紹一下。首先，新建一個(gè)文件，把背景色設(shè)為黑色。接著來制作書本的封面和封底，這個(gè)大家都會(huì)做，就是簡單的矩形，我就不多說了。如果想讓封面和封底看上去有點(diǎn)厚度，可以在封面的上邊和右邊加上兩條顏色稍有不同的細(xì)線就行了。對封底來說，細(xì)線應(yīng)該在上邊和左邊。另外我們注意到封面和封底的內(nèi)側(cè)（封三）一樣，封底和封面的內(nèi)側(cè)（封二）一樣，所以只需要做成一個(gè)圖符，我們在這里把封底做成圖符起名為frontcoverinside，也就是封二，需要用到封三的時(shí)候只需水平翻轉(zhuǎn)即可。不過這樣做出來的只是非常簡易的封皮，我們還可以

3、給封皮上加些圖案和文字，注意添加圖案文字最好新建幾個(gè)層放置，這樣便于修改。為了實(shí)現(xiàn)流暢的翻頁（變形）效果，我們需要把加工過的封面和封底分別單獨(dú)做成圖符frontcover和backcover，見下圖，在這里要說明的是請大家注意十字定位符的位置，因?yàn)樗鼘⑹菍ο笞冃蔚闹行狞c(diǎn)。　　　　　　　　　　現(xiàn)在按Ctrl-F8新建一個(gè)電影片斷類圖符pageflip，我們將把所有的翻頁效果都做在這個(gè)圖符中。新建若干層備用，這一次我們把層的順序自下而上排列，最下面的層是第1層。我們先簡要介紹一下層的分布關(guān)系。在最下面的第1層應(yīng)該放書本的封底（封三），起名為backcoverstatic，封

4、底一直僅位于最下層直到它最后翻起合上。第2層起名為frontcoverstatic，我們放上封面以及封面打開后（封二）的靜止?fàn)顟B(tài)，封面位于較下面的層是因?yàn)榉饷嬉坏┐蜷_就會(huì)被內(nèi)頁遮住。下面的圖會(huì)給我們一個(gè)層分布的初步概念。在最開始書本是合上的，所以我們把圖符frontcover拖出來放好。第3層名為pageflipover，用來放置內(nèi)頁翻開后其背面的靜止畫面，如下圖所示當(dāng)?shù)?頁完全打開后，這一層的相應(yīng)幀上就會(huì)放置粉紅色的頁面靜止圖案，這一層在開始的若干幀中暫時(shí)不放任何內(nèi)容。第4層名為pages，用來放置頁面翻開時(shí)靜止的內(nèi)頁正面畫面，如下圖所示淺灰色的第2頁。這一層在封面一

5、開始翻頁就必須把內(nèi)頁畫面放好。第3層和第4層的內(nèi)容一個(gè)在左一個(gè)在右，互不遮蓋，所以這兩層的順序無關(guān)緊要。第5層至第12層放置內(nèi)頁翻開的動(dòng)畫。所以這一層的內(nèi)容最為關(guān)鍵和重要，我們一會(huì)兒重點(diǎn)介紹這一層的制作。第13層frontcoveranimation放封面打開的動(dòng)畫，這一層相對較高，因?yàn)樵诜饷娣_的過程中會(huì)遮住部分內(nèi)頁。第14層backcoveranimation用來放置封底的動(dòng)畫。第13層和第14層動(dòng)畫不會(huì)同時(shí)發(fā)生，所以這兩層的相對位置無所謂。好了，所有的層關(guān)系都明確了，下面我們就要開始動(dòng)手做了。在第2層frontcoverstatic的第10幀按F5鍵，書本的封面圖

6、案將保持靜止直到第10幀，從第11幀開始書本翻頁。在第11幀按F7插入空幀。選中封面，按Ctrl-C復(fù)制。從第11幀開始封面翻開，同時(shí)內(nèi)頁和封三顯示出來，所以有三個(gè)層從這一幀開始要添加內(nèi)容。先看封面翻開的動(dòng)畫，在第13層frontcoveranimation的第11幀按F6插入關(guān)鍵幀，按Ctrl+Shift-V把剛才復(fù)制的內(nèi)容粘貼回原處。在第39幀按F6插入關(guān)鍵幀，如下圖所示，對封面實(shí)例進(jìn)行先旋轉(zhuǎn)再放縮的操作，注意兩次操作只會(huì)用到右邊中間的手柄，最后得到下面右圖所示的形狀?！　　　　　　　　　　≡诘?0幀按F7插入空幀，在第75幀按F6插入關(guān)鍵幀。從圖庫中把frontc

7、overinside圖符拖出來放好，要求它的右邊與第11幀中封面的左邊正好重合，這個(gè)圖符用作封二的靜止畫面。選中它按Ctrl-C復(fù)制，回到第40幀，按Ctrl+Shift-V粘貼，然后同樣做旋轉(zhuǎn)和放縮，見下圖。下面的右圖是第40幀做好后的樣子?，F(xiàn)在分別把第11幀和第40幀幀屬性設(shè)為運(yùn)動(dòng)漸變?！　　　　　　　　　　　　　　≡诘?層backcoverstatic的第11幀按F6插入關(guān)鍵幀，把backcover圖符拖進(jìn)來放好，并在第314幀按F5鍵，這一層是封三所在層，會(huì)長時(shí)間保持靜止。書本內(nèi)頁層也就是第4層的第11幀內(nèi)容我們過一會(huì)兒再做。為了