完成這種動圖，我常使用的軟體為PowerPoint+PhotoShop組合。

1.1 畫出動圖中各個框的初始位置，如圖所示

1.2 為各個框新增動畫，規劃它們的動作路徑，如測試框1運動和測試框2左右交換，箭頭水平翻轉，需要用的兩種動畫：強調效果裡的陀螺旋和動作路徑裡的直線。如圖所示

新增動畫後，各個框的運動路徑如下

其中每個動畫都選擇“與上一動畫同時”，其中箭頭是陀螺旋和直線運動的疊加。

1.3 將動圖另存為mp4影片，如圖所示

這樣，動圖的素材就已經做好了。接下來用PS將mp4影片變為gif動圖

2. 使用PS做動圖

2.1 開啟PS的時間軸

2.2 匯入影片檔案

2.3 選擇影片片段。選擇 檔案→匯入→影片幀到圖層 後，會彈出如下對話方塊

我們可以滑動左右兩個遊標來確定動圖的起始位置，去掉兩頭多餘的部分。從PPt匯出的動圖一般前後都有挺長時間的靜止部分。然後選擇“確定”。

2.4 裁剪動圖。可以看到，原圖周圍有很多白色區域，我們選擇左邊的剪裁，選擇感興趣區域，如圖所示

2.5 儲存為gif圖。裁剪後，即可存圖。選擇 檔案→儲存為Web所用格式，會彈出如下對話方塊

選擇“儲存”即可。

上面演示的例子生成的動圖就像這樣