簡簡單單創(chuàng)建HTML動畫

童樂安

首先，下載并安裝Hippo Animator。該軟件有三種版本，最后一項Starter Edition供個人用戶自由使用，該版本為基本的HTML動畫和GIF動畫創(chuàng)建提供了足夠的特性，我們可以選擇安裝該版本（圖1）。

啟動軟件后點擊New按鈕新建動畫文件。從左側(cè)欄中選擇動畫類型，然后點擊Create按鈕新建動畫（圖2）。

通過軟件窗口上部的工具欄按鈕，向庫中添加預(yù)置的各種對象，包括線條、形狀、圖像、文本、按鈕、聲音、鏈接、熱點等。然后，從庫中拖動對象到空白畫布上。此外，還可以通過Import按鈕，導(dǎo)入各種圖像、聲音甚至視頻（圖3）。如果覺得對象形狀或大小不合適，可使用右邊的屬性窗格更改其形狀和樣式。

將對象放到適當(dāng)?shù)奈恢煤?，右鍵單擊時間線，然后選擇AddFrame添加幀（圖4）。將時間線滑塊向右移動，移動得越多，下一個動畫需要的時間就越長。

選擇要成為動畫的對象，并將其移動到一個新的位置。形狀和類型也可以調(diào)整。再次右鍵單擊時間線添加幀，如此繼續(xù)，直到所有的對象都按照希望的方式設(shè)置為動畫的形式。

動畫設(shè)置完成后，點擊Export按鈕，并選擇所需的格式來導(dǎo)出動畫。

Hippo Animator創(chuàng)建的動畫可用在PC、iPhone，iPad和Android平臺的Internet Explorer、Firefox、Chrome、Safari、Opera等瀏覽器環(huán)境中，實現(xiàn)跨平臺使用。動畫創(chuàng)建后，導(dǎo)出為HTML、GIF或PNG，使用一行簡單的代碼即可將其添加到網(wǎng)頁或發(fā)布到網(wǎng)上。