翻書效果 一、創(chuàng)建文檔 1、打開 Flash 軟件,執(zhí)行【文件】菜單中的【新建】命令,新建一 個 flash 文檔。再單擊“主要工具欄”中的【保存】按鈕,在彈出的 對話框中輸入文件名 “相冊” ,然后單擊保存按鈕。 2、文檔設(shè)置,大小(650*500) ,背景顏色#66FFFF,其他默認(rèn)。 二 圖片導(dǎo)入 點【文件】――導(dǎo)入到庫,在導(dǎo)入到庫面板中找到本例用的素材圖片 和 MP3 音樂,全部選中,點打開。 三 制作按紐 1. 點插入-- 進入封 面按紐的編輯, 在圖層 1 的第一幀拉入庫中的圖片 13 拖到場景中來, 寬高數(shù)值為 280*390,左對齊,垂直中齊。在點擊幀處插入幀,圖層 1 上鎖。添加圖層 2,在圖層 2 的第一幀用矩形工具畫一個無筆觸的 線性矩形條,左色塊為#000000, Alpha 為 60%右色塊為#080808, 2 Alpha 為 0% , 寬高為 20*390 相對于舞臺按 下去,左對齊垂直中齊。添加圖層 3,在圖層 3 的第一幀用文本工具 打上書名,在屬性面板里設(shè)置文本方向水平,字體華文彩云,大小 40,輸入翻動相冊 制作人的名字,調(diào)整好位置。封面按鈕完成了。 2.制作反面按鈕,點插入—新建元件—類型按鈕—名稱為 1,確定。 在元件按紐 1 的編輯區(qū),點選圖層 1,在彈起幀上用矩形工具畫一個 無筆觸,顏色為白色大小 280*390 的矩形,右對齊垂直中齊,點擊幀 處插入幀。添加一個圖層,在圖層 2 的彈起幀上把庫中的位圖 1 拖到 場景中,調(diào)放好位置,添加一個圖層,在圖層 3 的彈起幀畫一個矩形 條(和封面按紐中的相反)右色塊為#000000, Alpha 為 60%左色塊 為#080808,Alpha 為 0%,寬高為 20*390 右對齊垂直中齊。再添加 3 一個圖層用文本工具,字體任意,字號為 12 輸入此按紐的頁碼為 1, 放在左下方 。 3 右鍵點選庫中的按紐元件 1 直接復(fù)制命名為元件 3,雙擊元件 3 進 入元件 3 的編輯區(qū),點擊圖層上的圖片在屬性面板里交換圖片 3,點 確定。 把圖層 4 上的頁碼改為 3。 4 用同樣的方法,在庫中復(fù)制編輯好按紐元件 5.7.9.11 . 3 制作正面按紐 點插入—新建元件—類型按鈕—名稱為 2,確定。 在元件按紐 2 的編輯區(qū),點選圖層 1,在彈起幀上用矩形工具畫一個 無筆觸,顏色為白色大小 280*390 的矩形,左對齊垂直中齊,點擊幀 處插入幀。添加一個圖層,在圖層 2 的彈起幀上把庫中的位圖 2 拖到 場景中,調(diào)放好位置,添加一個圖層,在圖層 3 的彈起幀畫一個矩形 條左色塊為#000000, Alpha 為 60%右色塊為#080808,Alpha 為 0%, 寬高為 20*390 左對齊垂直中齊。再添加一個圖層用文本工具輸入頁 碼 2 放到右下方。 用同上的方法右鍵復(fù)制編輯好元件 4.6.8.10.12. 四 編輯場景 1 把圖層 1 改為正面,點視圖,點標(biāo)尺。再點是視圖—輔助線—顯示 輔助線。 縱向的輔助線 X 軸在 330 的位置。 將場景舞臺從中間分開, 然后從庫中拖入按紐元件 2 到舞臺,將按紐元件 2 水平中齊用鍵盤 上的方向調(diào)整左邊對準(zhǔn) 輔助線 。 5 分別在 21.41.61.81.101.121 幀上插入關(guān)鍵幀,點擊 21 幀選中場景中 按紐元件 2 點右鍵—交換元件, 在彈出對話框里點交換按紐元件 4 點 確定 。 在后面的關(guān)鍵幀上用同樣的方法交換好按牛元件 6.8.10.12。 圖層 1 上 鎖, 6 2 添加一個圖層,改為反面。在 21 幀插入關(guān)鍵幀,把按紐元件 1 從 庫中拖入舞臺上,水平中齊,按紐元件 1 的右邊線與正面書頁圖層中 元件的左端對齊。如圖 然后在 41.61.81.101.121 幀都插上關(guān)鍵幀。 把 41 幀上的元件交換為按 紐元件 3,依次交換好按紐元件 5.7.9.11。圖層 2 上鎖。 3 添加一個圖層改為翻動書頁 在第 1 幀從庫中拖入封面元件到舞臺, 位置與圖層一第一幀上的元件 的位置 相同。用任意變形工具,把封面元件的注冊點移到左邊線的 中間。 7 在 10.11.幀插入關(guān)鍵幀,然后在 11 幀插入關(guān)鍵幀點右鍵交換按鈕元 件 1,再到第 20 幀插入一個關(guān)鍵幀。把橫向輔助線的位置放在按紐 元件的上方,位置在 y 軸-35(估計)在 10 幀處用鼠標(biāo)將封面面元 件向注冊點方向擠壓并向上拖動右邊,(高度是上部接觸到輔助線即 可 ) 使其形狀向一張立著的紙 。 在 8 (10 幀上的 圖)在 11 幀處用鼠標(biāo)將按鈕 1 元件向注冊點方向擠壓并向上拖動 左邊 , 使其形狀象書本翻過來立著的紙一張 , 如圖 : 9 在第一在幀和 11 幀做動畫補間。 現(xiàn)在敲一下回車鍵我們就看到封面 打開翻到第一頁的效果了。選中第一幀到 20 幀點右鍵復(fù)制幀,分別 在 21.41.61.81.101 幀上點右鍵粘貼幀,然后選中 21 和 30 幀,用交換 元件的方法交換按紐元件 2,31 幀和 40 幀交換成按鈕元件 3。向下 每個關(guān)鍵幀上的元件按照頁次順序進行交換。 4 右鍵點擊庫中的音樂,先壓縮一下。點屬性 把使用 MP3 前面的勾去了, 點更新—確定。然后再右鍵點音樂—鏈接 10 標(biāo)識符為 sy 為 Actionscript 導(dǎo)出和在第一幀導(dǎo)出前面都打上勾,點確定。 5 添加一個圖層為 AS 分別在 AS 圖層的 20.40.60.80.100.121 幀上插入關(guān)鍵幀。第一幀上的 語句是 stop(); aa = new Sound(); aa.attachSound("sy"); 20.40.60.80.100.121 幀的語句是 stop(); 圖層上鎖。 6 在按鈕上加語句 打開翻動書頁圖層的鎖,點選第一幀舞臺上封面按紐元件,點右鍵打 開動作面板輸入語句 on (release) { play(); aa.start(0, 5); } 20 幀上按紐元件 1 的語句是 中國老三屆網(wǎng)絡(luò)大學(xué) 11 on (release) { onEnterFrame = function () { prevFrame(); i = _root._currentframe; if (i == 1) { delete this.onEnterFrame; } aa.stop(); }; } 40 幀上按紐元件 3 的語句是 on (release) { onEnterFrame = function () { prevFrame(); i = _root._currentframe; if (i == 20) { delete this.onEnterFrame; } }; 60 幀上按紐元件 5 的語句 on (release) { 12 onEnterFrame= function () { prevFrame(); i = _root._currentframe; if (i == 40) { delete this.onEnterFrame; } }; } 80 幀上按紐元件 7 的語句 on (release) { onEnterFrame = function () { prevFrame(); i = _root._currentframe; if (i == 60) { delete this.onEnterFrame; } }; } 100 幀上按紐元件 9 上的語句 on (release) { onEnterFrame = function () { 13 prevFrame(); i = _root._currentframe; if (i == 80) { delete this.onEnterFrame; } }; } 121 幀上按紐元件 11 的語句 on (release) { onEnterFrame = function () { prevFrame(); i = _root._currentframe; if (i == 100) { delete this.onEnterFrame; } }; } 翻動書頁圖層上鎖。打開正面圖層的鎖,分別在 1.21.41.61.81.101 幀 上舞臺中按紐元件上輸入 on (release) { play(); } 121 幀上按紐元件中輸入 on (release) { gotoAndStop(1); aa.stop(); } 好了 整過過程就結(jié)束了
|