輕松制作GIF動畫！教你玩轉(zhuǎn)PS時間軸之5個小技巧篇

2016-05-04

3625

1，巧用智能對象

利用技巧，PS時間軸可以做更多相對復(fù)雜的動畫，而這些動畫的實(shí)現(xiàn)更多的是利用智能對象實(shí)現(xiàn)。

轉(zhuǎn)換為智能對象可以N次，轉(zhuǎn)換越深的對象繼承級別越高，每一次的轉(zhuǎn)換都可以給其做不同的動畫或者樣式，并且和被轉(zhuǎn)換的動畫或者樣式疊加。對于樣式，它顯得更有用（例如給一個圖層添加多個投影）。

玩過flash的朋友們都知道有一種元件叫影片剪輯，它可以很靈活地重疊動畫，在PS時間軸里，智能對象相當(dāng)于flash的影片剪輯，所以我們經(jīng)常需要把做好的一個動畫轉(zhuǎn)換為智能對象后再做另一個動畫。例如做一類似地球的公轉(zhuǎn)，首先做好地球的自轉(zhuǎn)，然后轉(zhuǎn)換為智能對象后，再做公轉(zhuǎn)。

值得注意的是，PS的智能對象不能像flash的影片剪輯可以循環(huán)播放，也就是說所有的動畫都是按照時間線單一的從左到右，同時進(jìn)行并且不循環(huán)的。舉個例子，一個只有一次播放的動畫，這個動畫（總場景）一共10秒，在flash中，一個影片剪輯5秒，把這個影片剪輯拖到總場景的第一幀，預(yù)覽動畫可以得知這個影片剪輯循環(huán)播放了兩次（當(dāng)然如果要播放一次在影片剪輯最后一幀加個stop代碼就可以了，這里就不討論flash了）；在PS中，智能對象有5秒的動畫，拖到時間線的第一幀，預(yù)覽動畫可以得知只播放一次。

當(dāng)轉(zhuǎn)換前的對象（智能對象或者圖層）有動畫時，轉(zhuǎn)換后的智能對象動畫長度=轉(zhuǎn)換前的動畫長度，即向右拖動動畫長度有最大值；在轉(zhuǎn)換后的智能對象拉動動畫長度時旁邊會出現(xiàn)一個預(yù)覽窗口，便可以得知轉(zhuǎn)換前的動畫位置，這個對于時間軸上的幀調(diào)整很有幫助。

當(dāng)轉(zhuǎn)換的對象沒有動畫時（所有轉(zhuǎn)換前的對象的關(guān)鍵幀開關(guān)都沒有打開），轉(zhuǎn)換后的智能對象動畫長度可以無限延長，即向右拖動動畫長度沒有限制。

2，巧用剪貼蒙版

通過前面章節(jié)我們已經(jīng)知道只有轉(zhuǎn)換為智能對象才有變換的動作屬性，而變換產(chǎn)生的動畫有移動、縮放、旋轉(zhuǎn)、斜切、翻轉(zhuǎn)，實(shí)際上并沒有從一個圖形變換成另外一種圖形的動畫產(chǎn)生，但是我們卻經(jīng)常需要做這樣的動畫，比如從一個圓變成一個方形，從方形變成多邊形，從多邊形變成其他圖形等等。

因此需要用到剪貼蒙版并且如圖設(shè)置：

剪貼蒙版+縮放

例如我們想要做一個圓形變成矩形的動畫，首先畫足夠大的（為什么要足夠大就不多說了）圓并將其轉(zhuǎn)換為智能對象，再畫一個矩形，填充設(shè)置0，圖層樣式設(shè)置如圖：

然后添加將圓形添加到矩形的圖層蒙版，轉(zhuǎn)到時間軸，給圓形做一個變化的動畫，打開變換的關(guān)鍵幀開關(guān)，添加開始幀關(guān)鍵幀將其縮小，拉動時間線到指定位置并且將其放大

動畫制作完成。

雖然這個變換動畫并沒有像專業(yè)動畫工具中的形狀變化那樣過渡自然，但是這確實(shí)是從一個圖形變成另外一個圖形的最佳辦法。

剪貼蒙版+移動

你還可以使用移動的方法來制作各種動畫，移動的對象可以是上面的圖層，也可以是下面的圖層

這個方法可以制作寫字動畫、波浪動畫等。

（上圖第一個紅色動畫如果是方形可以直接用拉伸實(shí)現(xiàn)，然而很多圖形都必須使用圖層蒙版+移動）

3，確立旋轉(zhuǎn)圖形新的中心點(diǎn)

上一篇跟大家分享過的旋轉(zhuǎn)的時鐘，在這里再跟大家補(bǔ)充，如何確立新的中心點(diǎn)，當(dāng)時只是粗略地說調(diào)整智能對象的畫布，其實(shí)有個更好更方便的方法。為了方便參考，我們制作旋轉(zhuǎn)動畫以畫布的中心點(diǎn)旋轉(zhuǎn)，首先畫一個正圓垂直水平居中對齊這個畫布，圓的大小最好超出需要旋轉(zhuǎn)的圖形，旋轉(zhuǎn)的圖形水平居中圓形（有的圖形不需要）最后將這個圓和旋轉(zhuǎn)的圖形編組并轉(zhuǎn)換為智能對象，再將該圓隱藏/刪除即可。

（溫馨提示：在某些情況下，轉(zhuǎn)換為智能對象的畫布會超出實(shí)際元素本身容納的畫布，例如上圖的圓形是300px×300px，和轉(zhuǎn)換的圖形一起轉(zhuǎn)換為智能對象后可能會超出300px×300px的畫布，事實(shí)上這是很讓人頭疼的問題，而我們只能把智能對象的畫布調(diào)整為300px×300px，再將圖層編組后飽滿畫布。）

4，導(dǎo)出動畫

PS導(dǎo)出大型gif動畫需要占用電腦很大的內(nèi)存，對于分辨率很大，或者幀數(shù)太多，可能會彈出未知錯誤的提示框，也就是內(nèi)存不足，然而就算你加到16G,有時候還會無法導(dǎo)出。這個時候我們必須妥協(xié)，降低百分比（縮小分辨率）。如果你做的動畫有2700px寬度，你最好在導(dǎo)出之前先把圖像大小降低百分比，移動網(wǎng)站建設(shè),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),廣州響應(yīng)式網(wǎng)站再做導(dǎo)出，否則你需要經(jīng)過漫長時間的等待，甚至出錯。

（經(jīng)驗(yàn)證明先把PSD圖像降低百分比再導(dǎo)出gif，比進(jìn)入導(dǎo)出gif面板時降低百分比的文件要小一些）

PS自動限制導(dǎo)出的gif動畫最多為500幀（如果有朋友知道如何設(shè)置超過500幀請賜教），超出的部分自動裁剪并導(dǎo)出前面500幀的gif動畫。慶幸的是這500幀是真正發(fā)生動作的幀，也就是說，在連續(xù)的N個幀都沒發(fā)產(chǎn)生動畫，它也為一幀。當(dāng)然如果你做的動畫幀數(shù)太多，PS已經(jīng)很難保證導(dǎo)出的gif的顏色還能保持原來的顏色。而如果出于某些情況確實(shí)需要超過500幀的動畫，我們只好導(dǎo)出視頻格式。

渲染視頻，還可以給其添加音軌，前提是你必須啟用音軌。

另外，gif文件大小是個必須考慮的問題，通過調(diào)整導(dǎo)出的參數(shù)，文件大小會發(fā)生對應(yīng)的變化，而動畫的質(zhì)量也跟隨變化。一般情況下（幀數(shù)比較少的動畫），按照以下參數(shù)設(shè)置

顏色256最高值，仿色的設(shè)置對文件的大小影響尤其明顯，數(shù)值越高，顏色精確度越好（導(dǎo)出的gif質(zhì)量越好），而文件的大小則越大，因此需要結(jié)合實(shí)際情況設(shè)置數(shù)值。其他的參數(shù)可以試設(shè)置并且對應(yīng)看下預(yù)覽信息。

5，合成gif

將一個gif格式的動畫放到另外一個gif或者新建的PSD文件里。幾個月前有個酷友分享過合成gif動畫技巧，然而步驟太多過于繁瑣，事實(shí)上有個非常簡單的辦法。

這里再重復(fù)一下，直接ctrl+J復(fù)制圖層雖然不能復(fù)制其本身的動畫（拖動可以復(fù)制其動畫，移動網(wǎng)站建設(shè),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),廣州響應(yīng)式網(wǎng)站并且拖動到另外一個文件同樣生效），但是對于智能對象而言，它可以復(fù)制里面的動畫（即轉(zhuǎn)換前的對象動畫）。

舉個例子，我們需要把A.gif的動畫合并在新建的B.PSD里面，首先把A.gif文件拖到PS里面，可以得知時間軸上的動畫是幀動畫，

點(diǎn)擊轉(zhuǎn)換為視頻時間軸，然后在圖層面板選擇所有圖層，轉(zhuǎn)換為智能對象，再把這個智能對象拖到B.PSD里面，這個時候B.PSD就有A.gif的動畫了，前提是B.PSD必須創(chuàng)建了時間軸。對于一個PSD的某一個動畫拖到另外一個PSD，也是將其動畫圖層轉(zhuǎn)換為智能對象再拖動，并且經(jīng)常這樣使用。

額外話：當(dāng)我們調(diào)出時間軸以后，選擇移動工具并按鍵盤的上下左右已經(jīng)不能移動元素了，就算關(guān)閉時間軸面板它還是移動幀的位置，因此必須按住ctrl+鍵盤方向才可以移動。

（給大家出個題，做上面的loading動畫，技巧：圖層樣式+旋轉(zhuǎn)）

以上就是本期分享的內(nèi)容，制作動畫的五大點(diǎn)：巧用智能對象、巧用剪貼蒙版、確立旋轉(zhuǎn)圖形的新的中心點(diǎn)、導(dǎo)出動畫、合成gif，其中智能對象是制作gif最常用到的，還有很多理論和技巧等著你發(fā)現(xiàn)。有任何問題請留意，歡迎共同探討。

關(guān)注我們：在查找公眾號中搜索：zomsky1688，或者掃描下方二維碼快速關(guān)注。
廣州市縱天信息科技有限公司公眾號