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

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