Photoshop制作釣魚小游戲的常態動畫

想必大家都對釣魚的小游戲不會陌生，在本節實例的學習中就將通過使用Photoshop和ImageReady這兩款軟件制作釣魚小游戲的常態動畫。如圖10-64所示，為本實例的完成效果。

圖10-64 完成效果技術提示
在本實例的設計、制作流程中，動畫所需的靜態圖像都已經在素材文件中準備好了。主要通過對“動畫”和“圖層”調板進行設置制作出釣魚游戲的常態動畫。如圖10-65所示，為本實例的完成效果。

圖10-65 制作流程
制作步驟
（1）啟動Photoshop，打開本書附帶光盤Chapter-10“釣魚小游戲.psd”文件，如圖10-66所示。
提示：在“釣魚小游戲.psd”文件中，已包含制作該實例需要的所有圖層圖像。

圖10-66 “釣魚小游戲.psd”文件
（2）在“圖層”調板中，選擇“圖層 13”。然后執行“圖層”→“圖層樣式”→“外發光”命令，為該圖層添加“外發光”效果，如圖10-67所示。

圖10-67 設置“外發光”圖層樣式效果
（3）單擊“在ImageReady中編輯”按鈕，將當前文件傳送到ImageReady中。然后在“圖層”調板中，隱藏“圖層 13”的“外發光”圖層樣式效果，設置第1幀動畫，如圖10-68所示。

圖10-68 設置第1幀動畫
（4）接著參照圖10-69所示，通過調整“組 1”圖層組中小魚圖像所在視圖中的位置，設置第2～5幀動畫。

圖10-69 設置第2～3幀動畫
（5）在“動畫”調板中選擇第3幀動畫，然后單擊“過渡”按鈕，參照圖10-70所示，在第2幀和第3幀動畫之間插入2個過渡幀，這時調板中共有7幀動畫。

圖10-70 設置過渡幀

（6）再在第5幀和第6幀之間插入3個過渡幀，這時共有10幀動畫。在第9幀與第10幀之間插入6個過渡幀，這時共有16幀動畫。
（7）接下來選擇第5幀動畫，再單擊“復制當前幀”按鈕，創建第6幀動畫，然后將泡泡圖像所在的“圖層 6”顯示，編輯第6幀動畫，如圖10-71所示。

圖10-71 編輯第6幀動畫
（8）按照上一步驟的操作方法，通過創建動畫幀、編輯動畫幀的方法，繼續在第6幀之后，編輯第7～11幀動畫，如圖10-72所示。

圖10-72 編輯第7～11幀動畫
（9）分別復制當前的第1幀和第22幀，再創建出兩個動畫幀，這時的動畫幀共有24幀。配合使用鍵，同時選中第2、4、6、8、10、12、14、16、18、20、22、24幀動畫，然后在“圖層”調板中隱藏“圖層 1”，并顯示“圖層 2”，更改選中幀的波浪效果，如圖10-73所示。

圖10-73 更改選中幀的波浪效果
（10）完成上述操作后，將第1～24幀全部選中，然后設置這些選中幀的延遲時間為0.3秒，如圖10-74所示。
提示：在設置動畫幀的延遲時間之前，選擇動畫的第24幀，在“圖層”調板中將小魚圖像所在“組1”圖層組隱藏，編輯出該幀效果。

圖10-74 設置延遲時間
（11）按下鍵，存儲“釣魚小游戲.psd”文件。再執行“文件”→“存儲優化結果”命令，設置文件名為“釣魚小游戲常態動畫”，存儲優化結果為“HTML和圖像”格式文件。
讀者可打開本書附帶光盤Chapter-10“釣魚小游戲常態動畫.html”文件查看最終效果。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com