如何在 Adobe Photoshop中創建一個故障效果的Gif動畫

在這個教程裡我將創建一個故障效果的動畫模板，你可以將其應用到任何圖片上。

我以同樣的方式創建了 Retrowave 8 範本動畫，這個方式跟我在GraphicRiver上的作品集如出一轍。

教程資源

• 這個效果適合所有的照片。你可以在Unsplash或是Pixabay上找到一些免費的圖片，或者你可以在PhotoDune上購買高質量圖片。在這裡我用的這張圖來自Unsplash.

1.如何準備文檔

第 1 步

按Control+N創建一個新文檔並使用以下設置︰500x 500像素;解析度為 300 DPI。

第 2 步

選擇文檔 > 放置，將你的圖像放置在文檔裡面。

第 3 步

調整你的圖像以填充整個文檔畫布，然後按一下確定。

第 4 步

右鍵點擊你的圖像圖層並選擇柵格化圖層。

第 5 步

按 M 鍵，然後選擇你文檔的方框。

第 6 步

若要裁剪我們的圖像，按右鍵選擇你的選區和選擇通過剪切選擇圖層。

第 7 步

選擇你其餘圖層空白的地方，點擊右下載圖層面板最下方選擇的刪除圖標。

第 8 步

在你新的圖層名稱上雙擊，將其名字更改為"預留位置"。

第 9 步

在圖層上按右鍵，然後選擇轉換為智能對象。

2.如何創關鍵幀和動畫元素

第 1 步

你需要為我們的動畫製作幀。複製你這個智能對象七次，右擊 > 複製。

第 2 步

將重複的圖層根據序列號重命名，如下圖所示。

第 3 步

除了第二層，將所有的圖層不可見。

第 4 步

選擇你的第二個幀，請按Control＋T,，然後按一下變形圖標。

第 5 步

將網點拉出為不同的方向，讓圖像看上去被拉伸。

第 6 步

使下一個幀圖層可見，以同樣的方式使用變形工具。

第 7 步

使用變形工具將下一幀圖層拉伸一點點。

第 8 步

選中下一幀圖層，按Control＋T，然後選擇編輯 > 變換 > 扭曲。

第 9 步

確認shift鍵被按下，將上面的右上角指向為-2 ° 和下面的右下角指向為 2 °，然後按一下確認。

第 10 步

在同一圖層上雙擊，然後取消綠色和藍色通道的選擇。

第 11 步

選擇下一幀圖層。在扭曲的模式下使用變換工具將左上角的點 2 ° 移動到左側和底部右側點 2 ° 到左邊，並按一下輸入。

第 12 步

雙擊圖層，然後取消選中的紅色和藍色通道。

第 13 步

選擇我們的最後一層，混合模式改為實色疊印。

第14步

現在我們需要創建電視紋理。使用快捷键U并用以下設置創建一個新的矩形︰ 寬度︰500 px; 高度：4px。

第 15 步

將矩形移動到文檔的頂部。

第16步

複製該矩形，按住shift 鍵并将其向下移動8个像素。

第十七步

現在你需要創建更多重複的矩形，直到他們填滿整個文檔。

第 18 步

按住shift 鍵，同時選擇所有矩形圖層，然後按右鍵並選擇柵格化圖層。

第 19 步

之後，按右鍵並選擇合併圖層。

第20步

重複我們新的圖層並將其移 504像素了按下 shift 鍵。

第 21 步

將這些圖層合併並重命名圖層為"電視紋理"。

第22步

更改圖層的透明度為15%，混合模式為覆蓋。

第 23 步

創建一個新的圖層，使用Shift+Control+N 和並命名它為"框架"，然後填充黑色。填充選項更改為 0%。

第 24 步

在圖層上雙擊，選擇描邊參數。使用以下設置：大小：25像素;位置︰ 裡面顏色為：黑色。

第25步

現在我們需要柵格化圖層樣式︰ 鼠標右擊 > 柵格化圖層樣式。

第 26 步

選擇濾鏡 > 模糊 > 高斯模糊並使用以下設置︰ 半徑：4像素。

第 27 步

使用Control＋T並同時按下shift鍵調整圖層以適合畫布。

3.如何創建動畫

第 1 步

現在，我們已準備好要開始創建我們的動畫。選擇視窗 > 時間表，然後點擊創建視頻時間表。

第 2 步

使第一和第二幀可見，然後選擇第二幀，然後選擇時間軸面板。

第 3 步

更改"框架 02"的不透明度為 0%。

第 4 步

在時間軸面板中打開第二幀，並將時間指示標移動到0:00:00:05。

第 5 步

現在你需要創建第一個關鍵幀。按一下不透明度旁的計時器圖標來創建第一個關鍵幀。

第 6 步

將時間指示標移動到 0:00:00:13，然後更改圖層的不透明度為 100%。

第 7 步

在那之後，將時間指示標移動到 0:00:00:20 並更改圖層的不透明度為 0%。

第 8 步

選擇下一圖層並更改其不透明度為 0%。在那之後，更改不透明度，以同樣的方式，在 0:00:00:13、 0:00:00:20 和 0:00:00:26 創建三個關鍵幀。

第 9 步

在時間表面板上選擇三個關鍵幀，然後按右鍵並選擇複製。

第 10 步

將時間表指示標移動到 0:00:01:00，按一下新的關鍵幀，並通過使用Control＋V 粘貼關鍵幀。

第 11 步

在那之後，將時間表指示標移動到 00:00:02:00，再粘貼你的關鍵幀。將第一個關鍵幀移動到 0:00:00:24 並將最後一個關鍵幀移動到 0:00:02:20 。這樣我們讓我們的圖層有所變化。

第 12 步

現在我們需要將時間軸指示標移動到 00:00:03:10 並再次粘貼關鍵幀。在那之後，將第一個關鍵幀移動到 0:00:03:13 並將最後一個關鍵幀移動到 0:00:03:21。

第 13 步

讓我們到下一圖層。選擇"框架 04"圖層並更改圖層的不透明度為 0%。在那之後，添加兩個短序列關鍵幀，像之前那樣，在0:00:00:18和0:00:01:03添加中央關鍵幀。

第14步

在0:00:03:00 中央關鍵幀在 0:00:03:05 和 0:00:03:20 在最後的關鍵幀添加另一個關鍵幀序列。

第 15 步

複製剛剛創建的關鍵幀，並將它移動到 00:00:04:00。

第16步

在圖層面板中，選擇下一圖層並更改不透明度為 0%。在那之後，添加三個短序列的關鍵幀，像以前那樣，將中間關鍵幀放在在 0:00:00:15、 0:00:01:00 和 0:00:01:15。

第17步

在 0:00:02:15、 0:00:02:20 和 0:00:03:20 分別再次添加關鍵幀。

第 18 步

現在我們需要為下一個圖層創建動畫。更改"框架 06"的不透明度為 0%，分別在 0:00:01:00、 0:00:01:15 和 0:00:02:00 創建三個關鍵幀。

第 19 步

拷貝關鍵幀並粘貼在 0:00:03:00 為第一個關鍵幀。

第20步

選擇最後一個圖層，然後更改不透明度為0%。在那之後，創建關鍵幀序列在如下各時間點︰ 0:00:00:15、 0:00:00:18 和 0:00:00:22。

第 21 步

創建兩個重複的關鍵幀並將其移動到 0:00:01:24 和 0:00:01:24。

第22步

創建最後一個關鍵幀的重複序列，將其移動到 0:00:03:10。

第 23 步

現在是製作我們電視效果的時間了。選擇電視效果圖，點擊時間按鈕（在位置旁），在0:00:00:00設立第一關鍵幀。

第 24 步

將時間指示器移動到時間表的末尾，然後按下shift 鍵並向下移動圖層到500像素。

4.如何將動畫保存為 Gif 檔

現在我們可以渲染動畫啦。按Alt＋Shift＋Control＋S，打開儲存為網絡，選擇循環模式：永遠 之後，便可以將你的動畫保存為 gif 檔。如果你想要縮小gif檔的大小，還可以在此功能表中改變圖像大小。

5.如何替換範本中使用的圖像

第 1 步

如果您想要更改你動畫中應用的圖片，在預留位置圖層上，按一下滑鼠右鍵 > 編輯內容。

第 2 步

將你的新圖像放置在你的舊圖像前，按 Alt＋F4 關閉預留位置，然後選擇保存。

太精采啦，你完成啦！

使用這個教程，我們可以在Adobe Photoshop中使用智能對象來創建動畫的範本。

我希望你喜歡本教程，你可以隨時與我聯繫，從我這獲得任何與本教程相關的説明。你還可以查看我在GraphicRiver上的作品Retrowave 8 Bit 範本。