Photoshop 也能制作小動(dòng)畫

河北師范大學(xué)信息技術(shù)學(xué)院 王冬雙

制作小動(dòng)畫的工具有很多種，我們最熟悉的Photoshop也能制作出漂亮的小動(dòng)畫。下面我以“秒針滴滴轉(zhuǎn)”為例，為同學(xué)們講解如何在Photoshop中制作出漂亮的小動(dòng)畫。

步驟一：素材準(zhǔn)備

同學(xué)們可以通過(guò)網(wǎng)絡(luò)搜集需要的圖片素材,也可以在Photoshop里面發(fā)揮自己的美術(shù)天分，親自繪制素材。

啟動(dòng)Photoshop CS6，新建“miaozhen”文件，并在畫布上繪制表盤（包括時(shí)針和分針）。為了生動(dòng)形象地出現(xiàn)秒針轉(zhuǎn)動(dòng)的動(dòng)畫效果，我們需要添加16個(gè)秒針圖層，分別繪制秒針,使它們的指向?qū)?yīng)30秒～45秒。

如果你想制作兩個(gè)圖片切換的動(dòng)畫（例如酷炫閃圖），可以將每個(gè)圖片多復(fù)制幾個(gè)圖層，并改變圖層的填充分別為80%、60%、40%、20%，這樣在畫面切換時(shí)就顯得就很平滑（中間值越多，動(dòng)畫過(guò)度越平滑）。

步驟二：幀編輯

幀編輯是小動(dòng)畫制作的核心,一個(gè)一個(gè)的幀不停地切換，就形成了動(dòng)畫的效果。

點(diǎn)擊菜單欄上的“窗口”選項(xiàng)，執(zhí)行下拉菜單中的“時(shí)間軸”命令(cs6以下版本請(qǐng)選擇“動(dòng)畫”命令)，這時(shí)會(huì)在photoshop界面視圖的下方出現(xiàn)時(shí)間軸的動(dòng)畫編輯面板。

選中“時(shí)間軸”面板上的第一幀，打開(kāi)圖層面板并勾選需要在此幀上顯示的素材（此處第一幀顯示的應(yīng)是“30秒”的秒針圖層），并把其他圖層前面的眼睛全部關(guān)掉。

點(diǎn)擊“時(shí)間軸”面板上的新建圖標(biāo)，再建一個(gè)新幀，參照上面的步驟，僅勾選在此幀上要顯示的圖層。在這個(gè)小動(dòng)畫中一共需要建立16幀，其顯示內(nèi)容分別對(duì)應(yīng)16個(gè)圖層。

點(diǎn)擊每個(gè)幀下方的“0秒”選項(xiàng)，在彈出的下拉菜單中設(shè)置每個(gè)幀播放的延遲時(shí)間，在此我們把第一幀和最后一幀延遲時(shí)間設(shè)置為2秒，其余幀設(shè)置為1秒。在制作其他小動(dòng)畫時(shí)，每個(gè)幀設(shè)置的延遲時(shí)間越長(zhǎng)，動(dòng)畫播放速度會(huì)越慢。

所有幀均設(shè)置完成后，一般我們會(huì)將播放次數(shù)設(shè)置為“永遠(yuǎn)”。隨后，我們可以通過(guò)播放按鈕進(jìn)行動(dòng)畫預(yù)覽。

步驟三：動(dòng)畫存儲(chǔ)

幀編輯完成后，點(diǎn)擊菜單欄中的“文件”選項(xiàng)，執(zhí)行下拉菜單中的“存儲(chǔ)為web所用格式”命令，這時(shí)會(huì)彈出一個(gè)對(duì)話框，在這個(gè)對(duì)話框里可以對(duì)剛剛制作的小動(dòng)畫進(jìn)行預(yù)覽和屬性設(shè)置。所有的屬性設(shè)置完成后，點(diǎn)擊“存儲(chǔ)”將小動(dòng)畫保存。這樣一個(gè)“秒針滴滴轉(zhuǎn)”的小動(dòng)畫就制作成功啦！

風(fēng)車轉(zhuǎn)動(dòng)、相冊(cè)翻頁(yè)等動(dòng)畫效果均可以在Photoshop中實(shí)現(xiàn)，其操作要點(diǎn)就是將每個(gè)圖層的內(nèi)容依次設(shè)置為小動(dòng)畫的其中一幀。