河北師范大學信息技術學院 王冬雙


制作小動畫的工具有很多種,我們最熟悉的Photoshop也能制作出漂亮的小動畫。下面我以“秒針滴滴轉”為例,為同學們講解如何在Photoshop中制作出漂亮的小動畫。
同學們可以通過網絡搜集需要的圖片素材,也可以在Photoshop里面發揮自己的美術天分,親自繪制素材。
啟動Photoshop CS6,新建“miaozhen”文件,并在畫布上繪制表盤(包括時針和分針)。為了生動形象地出現秒針轉動的動畫效果,我們需要添加16個秒針圖層,分別繪制秒針,使它們的指向對應30秒~45秒。
如果你想制作兩個圖片切換的動畫(例如酷炫閃圖),可以將每個圖片多復制幾個圖層,并改變圖層的填充分別為80%、60%、40%、20%,這樣在畫面切換時就顯得就很平滑(中間值越多,動畫過度越平滑)。
幀編輯是小動畫制作的核心,一個一個的幀不停地切換,就形成了動畫的效果。
點擊菜單欄上的“窗口”選項,執行下拉菜單中的“時間軸”命令(cs6以下版本請選擇“動畫”命令),這時會在photoshop界面視圖的下方出現時間軸的動畫編輯面板。
選中“時間軸”面板上的第一幀,打開圖層面板并勾選需要在此幀上顯示的素材(此處第一幀顯示的應是“30秒”的秒針圖層),并把其他圖層前面的眼睛全部關掉。
點擊“時間軸”面板上的新建圖標,再建一個新幀,參照上面的步驟,僅勾選在此幀上要顯示的圖層。在這個小動畫中一共需要建立16幀,其顯示內容分別對應16個圖層。

點擊每個幀下方的“0秒”選項,在彈出的下拉菜單中設置每個幀播放的延遲時間,在此我們把第一幀和最后一幀延遲時間設置為2秒,其余幀設置為1秒。在制作其他小動畫時,每個幀設置的延遲時間越長,動畫播放速度會越慢。
所有幀均設置完成后,一般我們會將播放次數設置為“永遠”。隨后,我們可以通過播放按鈕進行動畫預覽。
幀編輯完成后,點擊菜單欄中的“文件”選項,執行下拉菜單中的“存儲為web所用格式”命令,這時會彈出一個對話框,在這個對話框里可以對剛剛制作的小動畫進行預覽和屬性設置。所有的屬性設置完成后,點擊“存儲”將小動畫保存。這樣一個“秒針滴滴轉”的小動畫就制作成功啦!
風車轉動、相冊翻頁等動畫效果均可以在Photoshop中實現,其操作要點就是將每個圖層的內容依次設置為小動畫的其中一幀。