圖解制作flash翻書效果

來源:酷知科普網 2.5W

利用flash製作好看的翻書效果

操作方法

(01)新建一個Flash文件(屬性可以自由設定).

圖解制作flash翻書效果

(02)匯入第一個書頁(可以自己畫,這裡舉例用),點選右鍵,彈出快捷選單,選擇“分離”

圖解制作flash翻書效果 第2張

(03)然後選擇第10幀,點選右鍵,彈出快捷選單,選擇“插入關鍵幀”,用任意變形工具把圖片縮放為下圖的樣子,主要是變窄(注意圖片左側圓圈一定移到最左側,不然變形會亂)

圖解制作flash翻書效果 第3張

(04)選擇第11幀,點選右鍵,彈出快捷選單,選擇“插入幀”,(也可以不要,這裡主要是停頓一下)再選擇第12幀,點選右鍵,彈出快捷選單,選擇“插入空白關鍵幀”,用矩形工具畫一個匯入的圖片一般大的圖形(最好是複製第1幀,把顏色填充為灰色,這樣方便),注意這個圖形右側是對應第1幀的左側的,因為是翻頁過來的,相信大家明白的。

圖解制作flash翻書效果 第4張

(05)選擇第20幀,點選右鍵,彈出快捷選單,選擇“插入關鍵幀”,再回到第12幀,把這個灰色圖形用任意變形工具把圖片縮放一下,和第11幀剛好相反。最後把第1——11幀,第12——20幀分別加上形狀動畫。

圖解制作flash翻書效果 第5張

(06)基本上第一頁翻頁效果做出來了,新建圖層2,在第25幀時,匯入第二張圖片,後面的都是重複之面的操作,這裡不在重複了

圖解制作flash翻書效果 第6張

(07)第二頁做完就是這樣了,大家會發現把圖層1的幀數保持和圖層2一致了,而且新建了圖層3並置為圖層1下面,匯入了第二張圖片在第1——24幀作為了背景,放在圖層2顯示之前,這是為了效果更真實,這裡就先介紹到這,以此類推,後面可以做更多的頁數。

圖解制作flash翻書效果 第7張

(08)為了有封底,在這裡又補充了圖層4,並置為圖層3下面,最後效果就出來了

圖解制作flash翻書效果 第8張

特別提示

翻書的書頁具體效果大家還是可以繼續調整的,以求更逼真

熱門標籤