| 網站首頁 | Ps下載中心 | 字體下載 | 筆刷下載 | PSD素材 | 矢量素材 | 圖片素材 | Ps教程 | 設計學院 | Photoshop作品 | 書法藝術 | 
CS6動畫制作入門教程-02第一幀的傳播特性
(載入中...)

在開始之前我們先講解一下上節課后的作業,那是一個有兩個物體一起移動的動畫。所謂的兩個物體其實也就是兩個圖層,分別繪制上方塊和圓,然后復制一幀并相對移動圖層的位置即可。在技術上并沒有太大難度。

要注意看清楚我們的范例動畫,其中的圓并不是一開始就移動的,而是滯后一段時間才開始的。這也就是說在前面幾幀中只需要移動方塊圖層,而并不移動圓圖層。在方塊移動幾幀后再開始移動圓,動畫調板類似于下圖所示。點擊紅色箭頭處可以開啟調板選項,可以自己設定幀縮覽圖的大小。綠色箭頭處的是幀步進按鈕,點擊一次播放一幀,則是播放上一幀。按鈕則是回到起始幀。

我們安排這個范例是想告訴大家,一個較為復雜的動畫往往是由許多物體構成的,而這些物體未必都是一同動作(如移動)的。比如制作一個物體撞擊另外一個物體的動畫時,被撞物體就應該在撞擊物體接觸之前都保持不動。
PScs6移動的動畫時間軸面板

之前我們制作的是位移動畫,是利用圖層的移動。除此之外,還可以通過設定不同的圖層部透明度來產生動畫,制作的方法相信大家應該可以猜得到,那就是在不同的幀中改變圖層調板中的部透明度數值。現在新建一個100×100的圖像,新建一個圖層并繪制一個方塊。然后一次性復制5個幀出來,將會看到6個幀都是相同的內容。將所有幀的停留時間統一改為0.1秒,如下左圖所示。

接著選擇第2幀,在圖層調板中將方塊圖層的不透明度改為80%,第3幀60%,以此類推,到第6幀為0%。形成的效果類似下右圖所示。這時候播放就會看到方塊逐漸漸隱的效果。需要注意的是,通過按鈕隱藏圖層等同于將不透明度設定為0%。
cs6動畫幀

    在這個制作中有一個很大不同,就是我們改變了原先復制一幀后馬上進行設定,設定完后才復制另外一幀的方法。這次是將所有幀一次性復制出來,然后選定幀進行設定。這也是一種制作方法。

        在操作的過程中大家不難發現,對于圖層調板中的不透明度而言,在選擇另外一幀的時候它又會回到100%。這說明一個特性,那就是對其中一幀的不透明度更改并不會影響到其他幀。再試想一下,如果我們用這種方法去制作最初的方塊移動,在前一幀中移動圖層后選擇下一幀時,將發生怎樣的情況呢?

很顯然,我們將看到方塊又回到了原點。而如果此時的圖層位置設定沒有按照前一幀的軌跡,則將構不成流暢的移動效果。因此這種預先建立所有幀然后修改的方法并不適用于位移動畫,其實也不適用于其他動畫。只是遇到需要在指定幀數中制作動畫時才會用到。

現在我們已經掌握了兩種可產生動畫效果的設定,一是圖層位置,二是圖層不透明度,現在可以綜合利用兩者來制作一個既移動又漸隱的動畫了。這可以在剛才單純漸隱的基礎上加以修改。也就是用土辦法,選擇一幀后移動些許,如此往復。

不過我們需要一個從左端移動到右端的效果,也就是說方塊的起始位置必須在左端,但現在所有幀中的方塊都在中間,這該怎么辦呢?既然“所有幀”都在中間,那么我們就讓“所有幀”都到左邊吧。在動畫調板中選擇所有的幀,通過移動工具移動圖層到最左端,就會看到所有幀中方塊的位置都發生了改變。

此外還有一種方法。整個動畫過程可以看作是一個前因后果的關系。如果你在第一幀刪除了某個圖層,那么之后所有幀中就都不存在這個層了。因此在Photoshop動畫設定中,第一幀是比較特殊的。現在選擇第一幀,確保圖層調板中“傳播幀1”有效,如下左圖紅色箭頭處所示。然后移動圖層,就會發現所有幀中的方塊都統一發生了移動,如下右圖所示。如果“傳播幀1”無效則只會改變第1幀中的方塊位置。

這兩種方法各有利弊,“傳播幀1”其實就是“傳播第1幀,就是將第1幀的改變傳播給所有幀。它可以很方便地改變整個動畫中某些物體的設定。而選擇所有幀的做法在幀數較多的時候會稍顯麻煩,但它可以派生出“選擇某些幀”的方式,比如只要改變前3幀時,就可以前3幀一起選擇后進行設定。

需要注意的是,即使原先每個幀都設定了不同的圖層位置,“傳播幀1”也仍然有效。效果等同于所有幀中的坐標按照第一幀進行偏移。

cs6動畫圖層移動效果

在這里再說一下選擇多個幀的問題,我們已經知道如果要選擇前4幀,可以先選擇幀1后按住SHIFT鍵再點擊幀4,或者反其道而行之也可。但如果要選擇不連續的幀,如幀1、幀3、幀4,則可以先按照之前的方法選擇幀1到幀4,然后按住CTRL鍵單擊幀2,就可以減去選擇幀2。重復操作一次則又可以添加選擇幀2。如果是要選擇距離較遠的個別幀,如幀2、幀11、幀17、幀27,則可以先單獨選擇其中任意一個,再按住CTRL去添加選擇其他的幀。

將所有的幀中的方塊都移動到左端后,要做的就是逐個幀地設定方塊的位置,那就是選擇第2幀移動些許,選擇第3幀移動些許。當然這中間有一個我們已經提到過的問題,就是很難保證移動的流暢。我們在Photoshop中學習過,在選用移動工具的時,可以使用鍵盤上的方向鍵去移動圖層,一次移動1像素,配合SHIFT鍵就可以遠距離移動。

那現在我們就選擇第2幀,用SHIFT+右方向鍵移動。接著選擇第3幀,由于該幀中方塊又回到了起點,所以需要兩次SHIFT+右方向鍵。第4幀中則是3次,以此類推。設定類似下圖所示。第6幀中方塊已消失,可不作設定。

cs6動畫水平移動


使用方向鍵移動的方法盡管可以保證軌跡的一致,但其局限性也很明顯,那就是只適合制作水平垂直或45度角這樣的軌跡。如果我們需要較為隨意的移動軌跡(如一條弧線),又想保持流暢性該如何做呢?當然大家會說如果在開始就使用“復制幀、移動圖層”的方法就不會有現在的困擾,但請別忘記,修改運動軌跡也是常有的事情。所以還是仔細思考一下如何操作吧。

本類熱門教程:

Photoshop給風景圖片加上流

Photoshop放射的霓虹燈GIF

用Photoshop時間軸動畫打造

使用ps和IR制作超級搞笑浣

Photoshop制作相冊自動翻頁
最新更新教程:
Powered by:www.jllllh.com.cn〖粵ICP備09027937號〗〖粵公網安備44078402440812號〗All Rights Reserved.
赛车北京pk10历史记录
大众麻将四人麻将游戏 股票行情软件推荐 麻将规则 教学 麻将作弊器通用版下载 优库乐资讯网 20选5开奖结果 日本av女神松岛枫 郑州沐足和按摩的区别 江苏快三 内蒙古十一选五基本 海豚海岸 皮皮四川麻将群2元 赤月美少女俱乐部全集 河北快3 秒秒彩的原理 日本女优湿身写真 作者:三人行ps學堂    教程來源:ren3.cn    點擊數:    更新時間:2013-4-10