今天這篇好文通過(guò)兩個(gè)簡(jiǎn)單的案例(小動(dòng)畫(huà)+動(dòng)態(tài)表情包制作),帶同學(xué)們一起來(lái)詳細(xì)認(rèn)識(shí)下PS做逐幀動(dòng)畫(huà)的工作流程和基礎(chǔ)技能。 從理論上來(lái)說(shuō),PS的幀動(dòng)畫(huà)屬于“逐幀動(dòng)畫(huà)”的范疇,利用的依然是人眼的“視覺(jué)暫留”現(xiàn)象,首先來(lái)“高大上”地Look一眼它的定義:

簡(jiǎn)單說(shuō),就是在每一幀上“繪制”動(dòng)畫(huà)的分解動(dòng)作,然后把所有幀按序列排列播放,就能看到完整的動(dòng)作了,最后在保存的時(shí)候選擇gif格式,這就是一個(gè)完整的作品了。當(dāng)然,gif只是格式,說(shuō)到本質(zhì)做的還是動(dòng)畫(huà)。而這里的“繪制”呢,既可以是利用軟件的智能自動(dòng)化如過(guò)渡、關(guān)鍵幀、補(bǔ)間動(dòng)畫(huà)等(不同軟件采用的算法不同),也可以用畫(huà)筆、鋼筆、形狀工具繪制,或者更可手繪每一幀的內(nèi)容。所以,如果小伙伴正好是手繪達(dá)人,那直接手繪出分鏡就是極好的了。

在PS中,幀動(dòng)畫(huà)要在“時(shí)間軸”面板上完成(CS5及之前的版本叫做“動(dòng)畫(huà)”面板,CS6及CC各版本均叫“時(shí)間軸”面板。),打開(kāi)PS之后,如果沒(méi)有看到該面板,可以按如圖所示操作,點(diǎn)擊“窗口”,然后在下拉菜單中點(diǎn)擊“時(shí)間軸”即可打開(kāi),一般顯示在軟件底部。
案例一:位移動(dòng)畫(huà) Step 1 我們首先用一個(gè)位移動(dòng)畫(huà)來(lái)了解下利用PS“過(guò)渡”功能制作“幀動(dòng)畫(huà)”的方法。按如圖所示,新建文件,名稱“位移運(yùn)動(dòng)”,430*430px,72ppi,透明背景,點(diǎn)擊確定。

Ctrl+N,新建文件 選擇圓角矩形工具,繪制一個(gè)圓角矩形,作為動(dòng)畫(huà)的主體。

點(diǎn)擊PS底部的“時(shí)間軸”面板,激活它,然后按如圖所示點(diǎn)擊選擇“創(chuàng)建幀動(dòng)畫(huà)”。PS:“創(chuàng)建視頻時(shí)間軸”留作以后在介紹,我們先從幀動(dòng)畫(huà)快速上手嘍。

Step 2 到現(xiàn)在,已經(jīng)可以看到時(shí)間軸面板上有了一幀內(nèi)容了,我們暫且不說(shuō),先來(lái)觀察下這個(gè)面板,從以下截圖可以看到,它的操作區(qū)域主要在兩個(gè)框線部分,看起來(lái)好像很復(fù)雜滴樣子,好多功能鍵,我們先不逐一介紹它們,而是通過(guò)案例來(lái)一點(diǎn)點(diǎn)感受它們,感受動(dòng)畫(huà)的魅力。

如圖所示點(diǎn)擊“新建幀”,也可以從下拉菜單中點(diǎn)擊“新建幀”,實(shí)現(xiàn)效果是一樣的。在確保“幀2”被選中的情況下,鼠標(biāo)移動(dòng)“圓角矩形”到畫(huà)布最右,此時(shí)就已做出了位移動(dòng)畫(huà)了,按播放鍵就可以預(yù)覽到動(dòng)畫(huà)了。
顯然,此時(shí)的動(dòng)畫(huà)效果簡(jiǎn)直糟透了,生硬、快如閃電、而且是一次就停了,并不是我們平時(shí)看到的循環(huán)播放的gif。那么,接下來(lái)我們逐個(gè)解決。