當前位置:妙知谷 >

遊戲數碼 >電腦 >

圖解制作flash翻書效果

圖解制作flash翻書效果

利用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張

特別提示

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

標籤: Flash 翻書
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/diannao/6rdyr.html