當前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內容

第六課:過渡幀動畫的局限性

來源:大師之路 作者:趙鵬 學習:5113人次

到現(xiàn)在為止我們制作動畫的過程都是事先建立好所需要的圖層(文字也是一種圖層),再建立各個關鍵幀,之后進行過渡。如果每個動畫都能有這樣充足的事先計劃那當然最好,但如果在已有的動畫基礎上新增圖層會怎樣呢?打開anisample01.psd,會看到該動畫總共有20個幀。點擊動畫調板右上角的第六課:過渡幀動畫的局限性按鈕就能看到“新建在所有幀中都可見的圖層”一項。這樣在已經(jīng)為圖像建立了多個幀的前提下,若新增圖層,則該圖層默認在所有幀中都可見,位置及不透明度也相同,F(xiàn)在選擇第1幀,在圖像左上角新增一個矢量圓角矩形層及文字(如果看不懂這句話,則說明沒有掌握基礎知識)。就會看到所有幀中都出現(xiàn)相同的內容。如下圖所示。其實在選擇其他幀時新建層也可以達到同樣目的,但圓角矩形及文字未必能直接就位于指定位置,總是需要使用移動工具作調整的。所以此時要利用“傳播幀1”的特性來確保在所有幀中的位置相同。如果在其他幀中調整位置,就只對一幀有效。

第六課:過渡幀動畫的局限性

通常情況下都應開啟“新建在所有幀中都可見的圖層”選項。如果關閉,新建的圖層只會出現(xiàn)在當前所選擇(多選無效)的幀中。如果想在所選擇的多個幀中可見,可以在圖層調板中先隱藏再顯示該層,此時動畫調板中所選擇的多個幀就會同時出現(xiàn)該層的內容。

現(xiàn)在回到正題,即如何在20幀中加入另外一組文字動畫,新的文字既有移動也有不透明度變化。如果是從零開始設定關鍵幀的話,大家都知道該如何操作。但如果要添加到現(xiàn)有的幀中,則非常麻煩。此時不能再建立關鍵幀,因為新增關鍵幀勢必增加幀數(shù)。那自然也就不能使用關鍵幀過渡。也許大家會想到去修改關鍵幀,或建立兩套幀系統(tǒng)再將之混合。能夠這樣想很好,說明思路靈活。但很遺憾這兩個方法都不可行。一旦執(zhí)行了過渡,關鍵幀就無法修改,除非撤銷操作從頭再來。而Photoshop只提供一套幀系統(tǒng)。現(xiàn)在唯一可行的方法就是逐幀地手動調整“去留無意”的位置和不透明度。并且最好一次搞定,因為再次修改將會煩上加煩。

就算從零開始,也未必就能制作好這個動畫。因為我們使用的方法是建立關鍵幀后進行過渡,那么原先的“悄然來去”總共使用了4個關鍵幀,而“去留無意”的動作也必須設定為4個關鍵幀,只有這樣才能統(tǒng)一執(zhí)行幀過渡。如果后者需要設定為5個關鍵幀,就涉及到統(tǒng)一關鍵幀的問題,需要將“悄然來去”擴展為5個關鍵幀。如下圖所示,第3幀就是新建立的關鍵幀?梢钥闯鏊鋵嵕褪窃趲2和幀4之間取一個中間狀態(tài)。但這樣做要基于一個前提,那就是“去留無意”的某個關鍵幀必須是和這個新幀相吻合的。如果“去留無意”作W波浪狀移動,那么其波峰和波谷的關鍵幀就要與“悄然來去”的關鍵幀一一對應才可以。這就造成一種情形,兩個文字盡管移動的軌跡不同,但 運動軌跡改變的時間卻很相似。這會使動畫顯得單調。

第六課:過渡幀動畫的局限性

所以,在制作過渡幀動畫的時候,最重要的事情就是事先規(guī)劃好動畫的具體細節(jié),做到完全的把握,然后才開始制作關鍵幀并執(zhí)行過渡。這個過程一旦完成就不可修改,除非全部從頭再來。我們在基礎教程部分的時候,曾再三強調在制作中要保留最大的可編輯性(如使用調整層等),以方便以后有可能發(fā)生的修改。這種思維適用于任何領域,卻唯獨在此不適用,因為過渡幀動畫的特殊性,使其一旦成型就不可修改。這也是以往很少人使用Photoshop及ImageReady(早期與前者搭配)去制作較復雜動畫的原因。

在基礎部分我們曾經(jīng)蜻蜓點水地使用了Premiere制作電影,大家對其中的通過時間軸設定電影的方式應該還有印象。另外觀看了GoLive視頻教程的讀者也對DHTML(動態(tài)網(wǎng)頁)制作中的時間軸印象頗深,F(xiàn)在CS3版本的Photoshop也具備了時間軸設定方式,我們從此可以擺脫過渡幀動畫的局限了。我們將在下一課學習使用時間軸。

之所以我們沒有在一開始就介紹時間軸,是因為幀式動畫是所有動畫的基礎。時間軸只是在設定方式上不同,形成的最終動畫仍然是以幀形式存在的。并且時間軸適合制作情節(jié)較為復雜的動畫,對于一些類似單個文字移動這樣的效果,使用過渡幀制作更快更簡單。還有一類動畫稱為“獨立圖層動畫”,主要用來制作一些無法用關鍵幀過渡完成的效果,如鳥類拍打翅膀的動畫,就是分開5個獨立圖層分別繪制一種翅膀形態(tài),然后在不同的幀中顯示不同的圖層,如下中圖所示,我們使用5個圖層繪制5種形態(tài),然后在5幀中分別順序顯示某一層,之后又增加了3幀制作回場,形成了8幀的往復式動畫。其中幀28、幀37及幀46內容相同。

第六課:過渡幀動畫的局限性 第六課:過渡幀動畫的局限性

由于Photoshop不支持旋轉動畫,也不支持任意變形動畫,因此要制作這兩類動畫時,就必須采用“獨立圖層”方式,逐幀指定圖層的顯示狀態(tài)。今天的作業(yè)是將下面兩個動畫制作出來,總體難度不大,主要考驗在基礎知識部分學習過路徑,以及自由變換工具的使用,凡是這類涉及像素重組的變換,都應當優(yōu)先使用矢量圖形。使用路徑方式繪制物體,通過【編輯>變換路徑>再次】命令多次旋轉和縮放。如果操作上有困難,應復習基礎教程中的相應內容。

第六課:過渡幀動畫的局限性 第六課:過渡幀動畫的局限性

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
20882980422018-09-30 10:30
太喜歡了
18058259052018-09-27 08:52
余悸cc2017-05-28 11:31
昨天半夜無聊,對著鏡子玩石頭剪刀布,沒想到最后還贏了幾局,真高興!

關注大神微博加入>>

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