當(dāng)前位置:首頁>ps入門教程>動(dòng)圖教程>動(dòng)畫教程>教程內(nèi)容

第三課:設(shè)定幀過渡

來源:大師之路 作者:趙鵬 學(xué)習(xí):6682人次

在開始之前講解一下上節(jié)課的思考題,問題的關(guān)鍵就是很難保證前后幀的軌跡統(tǒng)一,其實(shí)我們換一個(gè)角度想,就會(huì)覺得問題變簡單了?偣膊皇怯6個(gè)幀嗎?我們就先將除了第一幀以外其余5幀中的方塊移動(dòng)到相同的位置,然后再將除了前兩幀以外的其余4幀移動(dòng)到下一個(gè)位置,以此類推。落實(shí)到操作上,其實(shí)就是先選擇幀2到幀6,移動(dòng)到相應(yīng)位置,然后按住CTRL減去選擇幀2,將幀3到幀6移動(dòng)到下一位置,再減去選擇幀3……如此類推直到完成幀6的位置指定。這是一個(gè)操作中很實(shí)用的技巧。具體的操作我們就不再敘述了,有問題的話可以參看本課的視頻教程。

目前我們制作動(dòng)畫的方法還屬于全手動(dòng)類型的,就是逐幀進(jìn)行制作。比如一個(gè)物體的移動(dòng),我們是從頭到尾參與了每一幀的設(shè)定。這種方式能夠帶來最大的可干預(yù)性,但同時(shí)也使得制作變得非常繁瑣,尤其是幀數(shù)多的時(shí)候。今天我們要學(xué)習(xí)的就是利用幀過渡來制作動(dòng)畫,它的基本原理是,設(shè)定好某段運(yùn)動(dòng)的起始幀和結(jié)束幀,然后在這兩幀種產(chǎn)生平均的過渡。如果是物體的移動(dòng),則就是先設(shè)定好移動(dòng)起點(diǎn)幀和終點(diǎn)幀。新建一個(gè)圖像,大約150×150,新建圖層并畫上方塊,將其移動(dòng)到左上角。接著復(fù)制1幀,在新幀中將方塊移動(dòng)到右下角,并將圖層部透明度設(shè)為10%,大致如下左圖所示。然后按下紅色箭頭處的第三課:設(shè)定幀過渡按鈕,將出現(xiàn)如下中圖所示的對話框,紅色箭頭處的過渡方式是指過渡相對哪一幀,由于之前我們選擇的是第2幀,并且總共也只有2幀,所以既可以選擇默認(rèn)的“上一幀”,也可以選擇“第一幀”。要添加的幀數(shù)就是指過渡過程所將占用的幀數(shù),這里設(shè)為3,那么加上原來2幀,這個(gè)動(dòng)畫總共就是5幀。由于只有一個(gè)圖層(背景層未有變化)在參與動(dòng)畫,所以現(xiàn)在圖層選項(xiàng)中任何一個(gè)都是可以的。但不選擇背景層的話會(huì)形成成透明背景,有關(guān)動(dòng)畫背景透明的問題我們會(huì)在以后學(xué)習(xí)到。注意綠色箭頭處的參數(shù),其中有“位置”和“不透明度”這兩項(xiàng)。所謂參數(shù)就是指進(jìn)行動(dòng)畫過渡的圖層屬性,我們之前說過圖層的位置和不透明度的變化可以做成動(dòng)畫,在這里就反映出來了。確定后將會(huì)在動(dòng)畫調(diào)板中看到的效果大致如下右圖所示,可以很清楚地看到方塊的位置和不透明度都發(fā)生了均勻的過渡。如果之前在過渡設(shè)定中關(guān)閉了“位置”或“不透明度”參數(shù),顯然就沒有現(xiàn)在的效果了。

第三課:設(shè)定幀過渡 第三課:設(shè)定幀過渡 第三課:設(shè)定幀過渡

這種利用過渡方式制作動(dòng)畫的方法較為簡便,我們只需要考慮某段動(dòng)畫的開始和結(jié)束的樣子就可以了,中間的過程會(huì)自動(dòng)完成。在這種情況下,開始和結(jié)束的那兩幀被稱之為關(guān)鍵幀(KeyFrame),因?yàn)樗鼈儧Q定了過渡的形態(tài)。以后我們也會(huì)接觸到有多個(gè)關(guān)鍵幀的動(dòng)畫。當(dāng)今許多動(dòng)畫片的制作也采用這種方式,雖然動(dòng)畫片的畫面復(fù)雜的多,但基本的原理是相同的。不過由于過渡均勻的特點(diǎn),有時(shí)也會(huì)使得畫面不夠生動(dòng),缺乏表現(xiàn)力。這是Photoshop功能上的局限。

現(xiàn)在我們面臨一個(gè)新課題,那就是如何讓動(dòng)畫可以完美地循環(huán)播放,也就是從A到B再回到A,這樣才能形成完整循環(huán),稱為往復(fù)式動(dòng)畫。就我們目前的這個(gè)動(dòng)畫來說,可以通過復(fù)制并移動(dòng)幀來完成“回去”的過程。首先復(fù)制幀4,復(fù)制后幀4幀5都是相同的內(nèi)容,而原先的幀5則變?yōu)榱藥?。然后手動(dòng)將幀5移動(dòng)到幀6后方,這樣就交換了兩者的前后順序。過程如下圖所示。從這個(gè)操作可以看出,復(fù)制出來的幀并非都出現(xiàn)在最后,而是出現(xiàn)在原有幀的后面,這個(gè)特點(diǎn)要注意。按照這個(gè)方法將幀3復(fù)制為幀7,幀2復(fù)制為幀8。復(fù)制幀1為幀9是沒有必要的,因?yàn)閹?播放后又會(huì)是幀1,而兩者的內(nèi)容相同。實(shí)際上相當(dāng)于同一個(gè)幀播放了兩倍的時(shí)間。

第三課:設(shè)定幀過渡

撤銷操作到原先只有5幀的時(shí)候,現(xiàn)在介紹另外一個(gè)簡單的方法,那就是選擇幀5后再次執(zhí)行幀過渡,將過渡方式設(shè)為“第一幀”,表示是從現(xiàn)在的幀(第5幀)過渡到第1幀去,添加幀數(shù)保持為3即可,也可以設(shè)定更大的數(shù)值。確定后就能得到一個(gè)往復(fù)式動(dòng)畫了。下圖所示是設(shè)定了添加7幀的效果。在播放這個(gè)往復(fù)式動(dòng)畫的時(shí)候,會(huì)發(fā)現(xiàn)一個(gè)問題,那就是方塊“回場”的時(shí)間比較長。這當(dāng)然是因?yàn)橥瑯拥木嚯x我們用了更多的幀數(shù),如果將幀6到幀12的延遲設(shè)為0.05,就與原先差不多了。

第三課:設(shè)定幀過渡

可能大家會(huì)有一個(gè)疑問,那就是既然總體時(shí)間都差不多,那有什么必要設(shè)定7幀的過渡呢,像原先那樣3幀不就夠了嗎?這就要涉及到一個(gè)動(dòng)畫精細(xì)度的問題了。作為一個(gè)表現(xiàn)運(yùn)動(dòng)的動(dòng)畫來說,幀數(shù)越多它所能表現(xiàn)的瞬間也就越多,幀與幀之間的差異就越微小,過渡的整體效果就越平滑。當(dāng)然同時(shí)也會(huì)帶來制作和存儲(chǔ)上的一些不便。所以一般來說不宜設(shè)定較多的幀數(shù),只需要滿足觀看需要就可以了。

在視頻制作中也存在這個(gè)問題,其原理相同。我們說過電影每秒幀數(shù)是24,那么如果使用高速攝影機(jī)以48FPS拍攝一段電影,再以通常的24FPS播放,我們看到的就是比正常運(yùn)動(dòng)速度慢了一倍的畫面。動(dòng)作影片中的慢鏡頭就是這樣制作出來的。而如果用普通攝影機(jī)拍攝的影片要實(shí)現(xiàn)慢動(dòng)作,就需要延長每幀的停留時(shí)間,要達(dá)到慢一倍的效果,每幀的延遲就要從1/24調(diào)整為1/12,這樣實(shí)際上每秒鐘只播出了12幀,畫面會(huì)有較為明顯的跳動(dòng)感。所以真正的慢鏡頭并不是“正常排,慢慢放”,而是“快快拍,正常放”。同理,低速攝影就是以很低的幀率拍攝,然后正常播放,形成快進(jìn)的效果。常用來拍攝需要長時(shí)間等待的場景然后快速地呈現(xiàn)給觀眾,如花開、日落等。

本節(jié)課需要掌握的就是使用幀過渡制作動(dòng)畫的方法和關(guān)鍵幀的概念,在使用中主要注意過渡方式的選項(xiàng),要弄清楚是“前一幀”還是“第一幀”,一般說來后者場用來制作“回場”以形成往復(fù)式動(dòng)畫。以后大家制作的動(dòng)畫都要優(yōu)先采取往復(fù)式以形成較完美的循環(huán)效果。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
1669302019-02-04 08:33
新人看看~~~~~~~~~~~~~
不要忘記2018-06-06 08:04
學(xué)習(xí)了,很好的帖子
海子土豆2015-09-21 10:36
1442802836828000
海子土豆2015-09-21 10:35
交作業(yè),但上傳圖片好麻煩,不太會(huì)弄
海子土豆2015-09-21 10:34
1442802836828000請輸入圖片地址
海子土豆2015-09-21 10:09
1442802836828000請輸入圖片地址
海子土豆2015-09-21 10:09
交作業(yè),但上傳圖片好麻煩,不太會(huì)弄
海子土豆2015-09-21 10:09
1442802836828000
come on2015-06-09 08:19
201929oah55j5xsoucnx0p.gif
come on2015-06-09 08:06
201929oah55j5xsoucnx0p.gif
紫樂翼2015-01-01 01:45
學(xué)習(xí)了!果斷收藏
小豬胖胖2014-12-31 11:56
不錯(cuò)哦,學(xué)習(xí)
鎀鈊2014-12-31 09:16
謝謝學(xué)習(xí)了。收效好多
輕壓巡洋艦2014-12-31 05:13
樓主威武
太陽沒有腳后跟2014-12-31 04:03
樓主威武,我來mark一下

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!