使用軟體：PS CS6版本
使用Photoshop將圖片製作成動畫步驟如下：
步驟1：前期準備：在PS裡製作GIF所需要準備顯示的幾個視窗：圖層、動畫、動作。一張完成動作的GIF如下圖這樣分解的，每一幀負責顯示各自的圖層內容。
步驟2：做一些設定以便日後操作的過程簡化。在動畫面板右邊的三角選項中取消對“新建在所有幀中都看見的圖層”的勾選。這個選項的用處是，處在其它幀的時候直接新建的圖層或複製的圖層會預設在多有幀中顯示，這適合不變化的圖案，例如背景。建立2個動作“GIF修改”，“GIF清空”，2個所儲存的步驟只有一個區別，前一個的目的是在完成一幀的畫面後，自定新建動畫幀，然後複製前一幀對應的圖層內容再降低被複制內容的圖層的透明度，以便修改部分畫面的變化。後一個的目的只是降低前一幀所對應的圖層透明度，然後另外新建一個透明度圖層以便繪製全新的畫面。
步驟3：新建一個需要尺寸的檔案，在動畫（幀）視窗中預設已經顯示一幀，新建圖層“a”，繪製第一幀的畫面。
步驟4：完成第一幀畫面後，點選動作“GIF清空”或者快捷鍵Ctrl+F4，會自動降低圖層“a”的透明度，在“a”的上面自動建立透明圖層，需要手動命名以作區別，便於日後可能的查詢修改。這裡命MISTRA層“d”，以示中間還有2幀“b”和“c”作為中間幀，“a”和“d”即為關鍵幀。
步驟5：被降低透明度的圖層“a”，有助於後一幀畫面的參考定型，避免動作的角色出現嚴重的形變。
步驟6：第二幀對於的圖層“d”完成，隱藏圖層“a”，接下來就開始在這亮幀之間補上中間幀來完善一個完整的動作。
步驟7：圖層“b”和“c”的建立方式和“d”相同，都是透過動作“GIF修改”或“GIF清空”自動建立而成。
步驟8：最後調整，匯出動畫。完成動畫後，在“檔案”選單中選擇“儲存為Web和裝置所有格式”，可以預覽最終效果的顯示效果和匯出GIF格式。
步驟10：使用PS將圖片做成動畫效果，最終圖。
使用軟體：PS CS6版本
使用Photoshop將圖片製作成動畫步驟如下：
步驟1：前期準備：在PS裡製作GIF所需要準備顯示的幾個視窗：圖層、動畫、動作。一張完成動作的GIF如下圖這樣分解的，每一幀負責顯示各自的圖層內容。
步驟2：做一些設定以便日後操作的過程簡化。在動畫面板右邊的三角選項中取消對“新建在所有幀中都看見的圖層”的勾選。這個選項的用處是，處在其它幀的時候直接新建的圖層或複製的圖層會預設在多有幀中顯示，這適合不變化的圖案，例如背景。建立2個動作“GIF修改”，“GIF清空”，2個所儲存的步驟只有一個區別，前一個的目的是在完成一幀的畫面後，自定新建動畫幀，然後複製前一幀對應的圖層內容再降低被複制內容的圖層的透明度，以便修改部分畫面的變化。後一個的目的只是降低前一幀所對應的圖層透明度，然後另外新建一個透明度圖層以便繪製全新的畫面。
步驟3：新建一個需要尺寸的檔案，在動畫（幀）視窗中預設已經顯示一幀，新建圖層“a”，繪製第一幀的畫面。
步驟4：完成第一幀畫面後，點選動作“GIF清空”或者快捷鍵Ctrl+F4，會自動降低圖層“a”的透明度，在“a”的上面自動建立透明圖層，需要手動命名以作區別，便於日後可能的查詢修改。這裡命MISTRA層“d”，以示中間還有2幀“b”和“c”作為中間幀，“a”和“d”即為關鍵幀。
步驟5：被降低透明度的圖層“a”，有助於後一幀畫面的參考定型，避免動作的角色出現嚴重的形變。
步驟6：第二幀對於的圖層“d”完成，隱藏圖層“a”，接下來就開始在這亮幀之間補上中間幀來完善一個完整的動作。
步驟7：圖層“b”和“c”的建立方式和“d”相同，都是透過動作“GIF修改”或“GIF清空”自動建立而成。
步驟8：最後調整，匯出動畫。完成動畫後，在“檔案”選單中選擇“儲存為Web和裝置所有格式”，可以預覽最終效果的顯示效果和匯出GIF格式。
步驟10：使用PS將圖片做成動畫效果，最終圖。