今天這篇好文通過兩個(gè)簡(jiǎn)單的案例(小動(dòng)畫+動(dòng)態(tài)表情包制作),帶同學(xué)們一起來詳細(xì)認(rèn)識(shí)下PS做逐幀動(dòng)畫的工作流程和基礎(chǔ)技能。 從理論上來說,PS的幀動(dòng)畫屬于“逐幀動(dòng)畫”的范疇,利用的依然是人眼的“視覺暫留”現(xiàn)象,首先來“高大上”地Look一眼它的定義: 簡(jiǎn)單說,就是在每一幀上“繪制”動(dòng)畫的分解動(dòng)作,然后把所有幀按序列排列播放,就能看到完整的動(dòng)作了,最后在保存的時(shí)候選擇gif格式,這就是一個(gè)完整的作品了。當(dāng)然,gif只是格式,說到本質(zhì)做的還是動(dòng)畫。而這里的“繪制”呢,既可以是利用軟件的智能自動(dòng)化如過渡、關(guān)鍵幀、補(bǔ)間動(dòng)畫等(不同軟件采用的算法不同),也可以用畫筆、鋼筆、形狀工具繪制,或者更可手繪每一幀的內(nèi)容。所以,如果小伙伴正好是手繪達(dá)人,那直接手繪出分鏡就是極好的了。
在PS中,幀動(dòng)畫要在“時(shí)間軸”面板上完成(CS5及之前的版本叫做“動(dòng)畫”面板,CS6及CC各版本均叫“時(shí)間軸”面板。),打開PS之后,如果沒有看到該面板,可以按如圖所示操作,點(diǎn)擊“窗口”,然后在下拉菜單中點(diǎn)擊“時(shí)間軸”即可打開,一般顯示在軟件底部。
案例一:位移動(dòng)畫 Step 1 我們首先用一個(gè)位移動(dòng)畫來了解下利用PS“過渡”功能制作“幀動(dòng)畫”的方法。按如圖所示,新建文件,名稱“位移運(yùn)動(dòng)”,430*430px,72ppi,透明背景,點(diǎn)擊確定。 Ctrl+N,新建文件 選擇圓角矩形工具,繪制一個(gè)圓角矩形,作為動(dòng)畫的主體。
點(diǎn)擊PS底部的“時(shí)間軸”面板,激活它,然后按如圖所示點(diǎn)擊選擇“創(chuàng)建幀動(dòng)畫”。PS:“創(chuàng)建視頻時(shí)間軸”留作以后在介紹,我們先從幀動(dòng)畫快速上手嘍。 Step 2 到現(xiàn)在,已經(jīng)可以看到時(shí)間軸面板上有了一幀內(nèi)容了,我們暫且不說,先來觀察下這個(gè)面板,從以下截圖可以看到,它的操作區(qū)域主要在兩個(gè)框線部分,看起來好像很復(fù)雜滴樣子,好多功能鍵,我們先不逐一介紹它們,而是通過案例來一點(diǎn)點(diǎn)感受它們,感受動(dòng)畫的魅力。 如圖所示點(diǎn)擊“新建幀”,也可以從下拉菜單中點(diǎn)擊“新建幀”,實(shí)現(xiàn)效果是一樣的。在確保“幀2”被選中的情況下,鼠標(biāo)移動(dòng)“圓角矩形”到畫布最右,此時(shí)就已做出了位移動(dòng)畫了,按播放鍵就可以預(yù)覽到動(dòng)畫了。
顯然,此時(shí)的動(dòng)畫效果簡(jiǎn)直糟透了,生硬、快如閃電、而且是一次就停了,并不是我們平時(shí)看到的循環(huán)播放的gif。那么,接下來我們逐個(gè)解決。