本篇動態圖片教程制作出來的動畫效果有點雷達的感覺，就是由幾個旋轉的線條組成，該教程所用版本是CC2017，用到時間軸，CC版本的都有，所以較新版本的同學都能學習。先來看看效果圖：

這個教程需要比較高版本的PS，不然沒有時間軸窗口。我的是CC 2017。

首先打開你的Ps，新建一個畫布，最好是方形。接著拉出參考線。

CTRL+R調出標尺
選擇工具在圖上拉出水平以及垂直方向的居中參考線，找到圖層中心位置。

調出時間軸窗口。

創建視頻時間軸

鼠標在邊界將工作窗口范圍拉大，方便稍后操作。

選擇橢圓工具。

選中形狀，同時按CTRL+SHIFT在參考線交叉位置，單擊拖動，拉出正圓。
之后設置參數
填充：無色
描邊：有色
邊大小自定
邊樣式自定

點擊箭頭呼出下級菜單。

在新的形狀圖層文字或空白處，右鍵將其轉換為智能對象

可以看到這邊跟剛才已經不一樣。

雙擊圖層縮略圖，進入智能對象編輯。

可以看到多出一個工程，這就是剛剛的智能對象，這里所做調整，保存后，會實時同步至原來工程。

點擊下方按鈕添加蒙版，并選中蒙版層。

用選框工具選中，整個圖形的一半，并填充黑色。
這里我的背景色是黑色，則使用CTRL+DELETE，進行背景色填充。

填充之后，蒙版看起來是這樣，圓環隱藏了一半。

之后，“Ctrl+S”保存，回到原工程。

畫布這時候什么也沒有，因為都被隱藏了。

轉到時間軸窗口。 時間線拉到開頭，點擊紅框內按鈕，可以看到右邊多出一個關鍵幀。

我們把時間線拉到15f處，點小菱形，再新建一個關鍵幀。(圖中為了給大家看到15f，把紅線拉到旁邊了) 之后紅線保持在15f處。

選中圖層。執行"Ctrl+T"變換.

CTRL+T并旋轉180度，會看到原先被遮擋的半圓，經過旋轉，出現在另一邊，之后回車。

這時候拖動紅線，可以看到大致效果，圓環動起來了。

靠近尾部的地方再新建關鍵幀，不要完全在邊上，不然無法調整圖形!

再次CTRL+T進行相同的180度旋轉，可以看到又被隱藏了，回車確認。

到這里，半個圓環的動態基本制作完成。 咱們繼續，復制一層，把蒙版反過來。

這個時候再把關鍵幀拖到底。

播放一下，你會得到這樣的動態!

轉換完畢，再雙擊縮略圖打開。

進入智能對象，將白色背景層隱藏。

回到原工程，隨意在底下添加圖片，純色，都會動噢。

你會發現，即使轉成智能對象，它依然會動。

而智能對象是可以編輯的，比如放大，縮小，旋轉，變形..... 你可以把它整個放大，縮小，它還是會動!

重要的是，這個動圖是智能對象，里面的圓也是智能對象，我們可以一級一級往上跳，調整它的屬性，比如線改成白色，改成虛線。

圓環遮一半，或者遮四分之三。或者給它加上投影，描邊，等等。

我簡單舉個栗子：

最終效果圖!