上一篇文章跟大家講過PS時間軸的基礎,估計大家比我都懂,接下來跟大家分享制作簡單GIF動畫的一些技巧,對于一些名稱上篇已經講過,這篇就不再描述了,如果不懂的朋友可以先看上一篇《玩轉PS時間軸之基礎篇》。下面出現的動畫都有提供下載,同在一個PSD里面。
教程源文件:MissYuan_教程源文件.rar

一般來說,制作動畫不會選擇像素圖層,因為它的動作屬性可操作性太少,正如我們設計UI的時候也不會直接用像素繪制。如果我們需要制作的動畫中包括旋轉或者縮放,我們只能把圖層轉換為智能對象,而文字圖層是個例外(但并不絕對),因為它已經有變換的動作屬性,然而僅僅改變顏色或者移動位置直接用形狀圖層制作便可。

PS時間軸沒有像flash那樣可以設置運動軌跡,但是它的運動也是有規律的,即跟隨最近原則,比如我們做一個旋轉動畫,第一幀的角度為0°,下一幀的角度旋轉360°,事實上它還是0°,也就不會產生動畫;另一種情況,第一幀的角度為0°,下一幀的角度旋轉270°,產生動畫則是反轉90°,因此,必要的情況下我們需要在開始幀和結束幀之間添加更多的關鍵幀。顏色變化更是如此。

關鍵幀的拷貝和粘貼
大部分情況下我們做的動畫都是循環的,因此在開始幀(第一幀)和結束幀(最后一幀)都是一樣的,所以我們先復制第一幀再把時間線拖到最后并復粘貼。操作:右鍵點擊想要拷貝的關鍵幀→拖動時間線到想要的位置→右鍵點擊任意關鍵幀→粘貼(溫馨提示:這里會重新在拖動時間線的位置上生成一個新的關鍵幀,而不是替換你當前右鍵點擊的關鍵幀,除非時間線剛好在這個關鍵幀上)
具有動畫的圖層拷貝
我們都知道圖層的快捷復制是直接按ctrl+J,而這種操作無法將其動畫復制到時間軸上,也就是無法復制時間軸上的動作屬性(復制組可以將其動畫復制到時間軸上)。還有一種操作就是在當前圖層按住alt+鼠標移動,即可復制時間軸上的動作屬性,并且哪怕你鼠標復制圖層后移動到任何位置,再次回到時間軸面板拖動時間線它還是保持原來的位置,事實上這是一個良性的bug(溫馨提示:如果你不重新拖動時間線直接導出動畫,有一幀的位置就是你拖動的位置)。

制作類似咻一咻的動畫
首先分析動畫是由圓環從小變大并且慢慢消失,如果我們直接用圓圈減去的方法制作圓環,那么圓環的寬度并不能保持一致,因此采用圖層樣式的方法,操作:用形狀工具畫一個足夠大的正圓(為什么要足夠大?幾年前已經粗略講過圖層樣式和智能對象,這里再補一下,就是當前形狀大小轉換為智能對象后,它最大的形狀也就是當前固定了,如果轉換為智能對象后再放大,則會失真,所以寧可畫得大一些,轉換智能對象后縮小后再次放大也不至于失真了,圖片更是如此)→轉換為智能對象再將其縮小→將其圖層填充為0→添加圖層樣式→描邊。
接下來轉到時間軸上制作動畫。圓環發生縮放屬于變換的動作屬性,因此在變換旁邊打開關鍵幀開關,然后拖動時間線到指定位置,再次放大圓環。圓環還有慢慢消失的動作,則在透明度上旁邊打開關鍵幀開關,設置開始幀的透明度為100,結束幀的透明度為0,一個圓環的動作已經完成了。我們需要很多個圓環跟著節奏,所以按照上面說的動畫的圖層拷貝,alt+鼠標移動(復制N個),生成相同的動作以后,再調整各個圖層動畫預覽的位置錯開時間緊隨節奏,動畫制作完畢。

你還可以運用在其他動畫上

情非得已
Photoshop詳細解析GIF動畫圖片的優化技巧2016-12-27
Photoshop詳細解析GIF動畫中批量處理技巧2015-12-20
Photoshop結合AI制作時尚閃爍霓虹燈動畫效果2015-11-26
Photoshop制作超酷的藍色霓虹燈效果圖2015-01-26
Photoshop合成絢麗的山水瀑布動畫效果2013-10-05
Photoshop制作林間流動效果的云彩動畫2012-06-09
Photoshop制作滑動效果的霓虹字動畫教程2012-06-03
Photsohop制作夏日清爽的美女照片滾動動畫效果2012-04-24
Photoshop制作流暢的中國風動畫簽名教程2012-04-15
Photoshop制作相冊自動翻頁GIF動畫教程2012-02-22
GIF教程:用PS制作GIF動畫表情教程
相關文章19922019-02-21
果凍動畫:PS制作果凍跳動GIF動畫
相關文章17502019-01-10
下雨動畫:PS制作逼真的下雨GIF動畫
相關文章18322018-12-20
Photoshop制作信息干擾錯位GIF動畫效果
相關文章9752018-12-10
Photoshop制作簡潔的網頁加載GIF動畫
相關文章15602018-08-06
Photoshop把靜態照片做成GIF放大動畫效果
相關文章14952018-05-07
Photoshop制作動畫特效的微信表情
相關文章11872018-03-19
Photoshop制作手機圖片循環滾動動畫效果
相關文章16002017-12-17
