今天這篇好文通過(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)學(xué)習(xí)吧。

從理論上來(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è)解決。

Step 3

生硬，是因?yàn)闆](méi)有過(guò)渡，按下圖所示，為動(dòng)畫(huà)添加“過(guò)渡”效果，在圖2中可以看到“過(guò)渡”將對(duì)運(yùn)動(dòng)的位置、不透明度、效果三個(gè)屬性發(fā)揮作用，以及設(shè)定要添加的中間幀有多少幀，根據(jù)所需效果設(shè)定這個(gè)幀數(shù)。

PS：過(guò)渡方式，設(shè)定的是從當(dāng)前幀過(guò)渡到哪一幀，本案例因?yàn)槭窃谶x中第二幀的基礎(chǔ)下點(diǎn)擊的“過(guò)渡”，所以自然是過(guò)渡到上一幀了。設(shè)定好之后，點(diǎn)擊確定，再次播放即可看到?jīng)]那么生硬了。當(dāng)然了，要想更自然，還應(yīng)該為運(yùn)動(dòng)添加模糊，才更符合現(xiàn)實(shí)情況了。

接下來(lái)，快如閃電?這是因?yàn)槊恳粠际?秒的，我們需要設(shè)定每一幀的延遲時(shí)間，來(lái)調(diào)節(jié)動(dòng)畫(huà)的節(jié)奏，操作方式如圖所示，即可以選擇預(yù)設(shè)的幾個(gè)時(shí)間，也可以點(diǎn)擊其他去自定義。至于動(dòng)畫(huà)的節(jié)奏，以位移類動(dòng)畫(huà)為例，當(dāng)然先是加速運(yùn)動(dòng)，然后是勻速，最后是減速直到停止運(yùn)動(dòng)。大家可以多建立一些過(guò)渡幀數(shù)，然后調(diào)節(jié)，頭幾幀對(duì)的延遲時(shí)間長(zhǎng)一點(diǎn)，中間幾幀短一些，最后幾幀再長(zhǎng)起來(lái)。PS：當(dāng)然每一次動(dòng)畫(huà)追求的效果不同，還要具體問(wèn)題具體分析了。

播放一次就停?那就需要設(shè)定動(dòng)畫(huà)的循環(huán)選項(xiàng)了，如圖操作，選擇“永遠(yuǎn)”即可。此時(shí)，再次點(diǎn)擊播放預(yù)覽，上述三個(gè)問(wèn)題基本解決。然后，根據(jù)效果進(jìn)行微調(diào)。接下來(lái)就可以保存為gif了。

最新評(píng)論