Photoshop CS3制作動(dòng)畫:設(shè)定幀過渡

在開始前面介紹一下上節(jié)課的思索題,問題的重點(diǎn)就是非常難保證前后幀的軌跡統(tǒng)一,其實(shí)我們換一角度想,就會(huì)感覺問題變簡(jiǎn)易了??偣膊皇怯?個(gè)幀嗎?我們就先把除了第一幀以外其他5幀中的方塊拖動(dòng)到同樣的地方,之后再把除了前兩幀以外的其他4幀拖動(dòng)到下一地方,以此類推。
落實(shí)到操作上,其實(shí)就是先選取幀2到幀6,拖動(dòng)到適合地方,之后按住CTRL減去選取幀2,把幀3到幀6拖動(dòng)到下一地方,再減去選取幀3……這樣類推直到做完幀6的地方指定。這是一操作中非常實(shí)用的技巧。詳細(xì)的操作我們就不再敘述了,有問題的話可參看本課的視頻教程。
目前我們打造動(dòng)畫的技法還屬于全手動(dòng)類型的,就是逐幀執(zhí)行打造。比如一物體的拖動(dòng),我們是從頭到尾參和了每一幀的設(shè)置。這種方式能夠帶來最大的可干預(yù)性,但同時(shí)也使得打造變得很繁瑣,尤其是幀數(shù)多的時(shí)候。馬上我們要學(xué)習(xí)的就是運(yùn)用幀過渡來打造動(dòng)畫,它的基本原理是,設(shè)置好某段運(yùn)動(dòng)的起始幀與結(jié)束幀,之后在這兩幀種產(chǎn)生平均的過渡。假如是物體的拖動(dòng),則就是先設(shè)置好拖動(dòng)起點(diǎn)幀與終點(diǎn)幀。
創(chuàng)建一圖象,大概150×150,創(chuàng)建圖層并畫上面塊,把其拖動(dòng)到左上角。繼續(xù)拷貝1幀,在新幀中把方塊拖動(dòng)到右下角,并把圖層部透明度設(shè)置成10%,大概如下左圖。之后按下紅色箭頭處的按鈕,把出現(xiàn)如下中圖的對(duì)話框,紅色箭頭處的過渡方式是指過渡相對(duì)哪一幀,因?yàn)榍懊嫖覀冞x取的是第2幀,并且總共也只有2幀,因此既可選取默認(rèn)的“上一幀”,也可選取“第一幀”。要加上的幀數(shù)就是指過渡步驟所把占用的幀數(shù),這兒設(shè)置成3,那么添加原來2幀,這個(gè)動(dòng)畫總共就是5幀。
因?yàn)橹挥幸粓D層(背景層未有變化)在參和動(dòng)畫,因此此刻圖層選項(xiàng)中任意一都是可的。但不選取背景層的話會(huì)形成成透明背景,有關(guān)動(dòng)畫背景透明的問題我們會(huì)在以后學(xué)習(xí)到。留意綠色箭頭處的參數(shù),其中有“地方”與“不透明度”這兩項(xiàng)。所謂參數(shù)就是指執(zhí)行動(dòng)畫過渡的圖層屬性,我們前面說過圖層的地方與不透明度的變化可做成動(dòng)畫,在這兒就反映出來了。
確認(rèn)后把會(huì)在動(dòng)畫調(diào)板中看到的效果大概如下右圖,可非常清晰地看到方塊的地方與不透明度都發(fā)生了均勻的過渡。假如前面在過渡設(shè)置中關(guān)掉了“地方”或者“不透明度”參數(shù),顯然就沒有此刻的效果了。
這種運(yùn)用過渡方式打造動(dòng)畫的技法很為簡(jiǎn)便,我們只想要考慮某段動(dòng)畫的開始與結(jié)束的樣子即可,中間的步驟會(huì)主動(dòng)做完。在這種情況下,開始與結(jié)束的那兩幀被稱之為重點(diǎn)幀(KeyFrame),由于它們決定了過渡的形態(tài)。以后我們也會(huì)接觸到有多個(gè)重點(diǎn)幀的動(dòng)畫。
當(dāng)今許多動(dòng)畫片的打造也采用這種方式,雖然動(dòng)畫片的畫面煩雜的多,但基本的原理是同樣的。但因?yàn)檫^渡均勻的特點(diǎn),有時(shí)也會(huì)使得畫面不夠生動(dòng),缺乏表現(xiàn)力。這是Photoshop功能上的局限。
相關(guān)文章
ps怎么做旋轉(zhuǎn)的文字? photoshop做中心旋轉(zhuǎn)文字動(dòng)畫效果的技巧
ps怎么做旋轉(zhuǎn)的文字?ps中想要制作一個(gè)文字旋轉(zhuǎn)的動(dòng)畫,該怎么做以中心軸旋轉(zhuǎn)的效果呢?下面我們就來看看photoshop做中心旋轉(zhuǎn)文字動(dòng)畫效果的技巧,詳細(xì)請(qǐng)看下文介紹2022-06-15Photoshop CS中怎么創(chuàng)建動(dòng)畫幀呢?
這篇教程是向腳本之家的朋友分享Photoshop CS中怎么創(chuàng)建動(dòng)畫幀方法,教程比較基礎(chǔ),適合新手來學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以參考本文,來看看吧2017-02-16Photoshop中GIF動(dòng)畫圖片的優(yōu)化技巧
這篇教程是向腳本之家的朋友分享Photoshop中GIF動(dòng)畫圖片的優(yōu)化技巧,教程真的很不錯(cuò),非常值得學(xué)習(xí),推薦到腳本之家,喜歡的朋友可以參考本文2016-12-28Photoshop詳細(xì)解析GIF動(dòng)畫的一些技巧及注意的問題
這篇教程主要是向腳本之家的朋友分享Photoshop詳細(xì)解析GIF動(dòng)畫的一些技巧及注意的問題,教程真的很不錯(cuò),很值得大家學(xué)習(xí),推薦過來,一起來學(xué)習(xí)吧2016-02-22小白也會(huì):如何用Photoshop制作3D人物動(dòng)畫
下面小編就為大家介紹如何用Photoshop制作3D人物動(dòng)畫方法,教程很不錯(cuò),小白用戶也會(huì),好了,感興趣的朋友一起來學(xué)習(xí)吧2015-06-03Photoshop CS5制作超酷流暢的手寫簽名GIF動(dòng)畫教程
這篇教程是向大家介紹如何利用Photoshop CS5制作超酷流暢的手寫簽名GIF動(dòng)畫,教程制作出來的效果非常不錯(cuò),整體動(dòng)畫非常流程。不過大家需要注意的是,本教程是使用CS5版本2014-09-04Photoshop結(jié)合AE制作超炫的GIF動(dòng)畫圖片
本教程是向大家介紹Photoshop結(jié)合AE制作超炫的GIF動(dòng)畫圖片,教程很實(shí)用,介紹的非常詳細(xì),需要學(xué)習(xí)者對(duì)這兩款軟件都比較熟悉。轉(zhuǎn)發(fā)過來,喜歡的朋友可以跟著一起來學(xué)習(xí)制作2014-07-23- 很多朋友在使用ps只做動(dòng)畫的時(shí)候總是不那么得心應(yīng)手,今天小編跟大家在此分享一下用PS制作GIF動(dòng)畫過程跟技巧!2013-10-10
- 注:要使用路徑文字功能,Photoshop CS 版本 首先使用鋼筆工具的路徑方式畫一條開放的路徑(路徑的具體繪制方法請(qǐng)參照結(jié)尾所附帶的教程地址) 然后選用文字工具注意將光標(biāo)2009-02-21