如何用photoshop製作自定義gif動畫

在Photoshop中從頭開始建立動畫可能看起來讓人望而生畏，但實際上，它們非常簡單。啟動Photoshop並獲取一些檔案。是時候用大量的動畫禮物惹惱你的朋友了！...

在Photoshop中從頭開始建立動畫可能看起來讓人望而生畏，但實際上，它們非常簡單。啟動Photoshop並獲取一些檔案。是時候用大量的動畫禮物惹惱你的朋友了！

我們已經討論了一些簡單的方法來將影片和Youtube片段轉換成動畫gif，但是今天我們將向您展示如何在不使用任何影片檔案的情況下**一個簡單的動畫。繼續讀這個很有趣。

使用photoshop的動畫工具建立動畫

對於一個簡單的動畫，我們將在一個單獨的層上建立影象的一部分，我們可以四處移動。我們將只設置眼睛運動的動畫，但是您可以用這種方式建立任何型別的動畫，包括實際的手繪動畫單元或移動的照片。

不管你想做什麼動畫，至少從兩層開始。在我們的例子中，我們使用HTG標誌，我們將他的眼睛移動到第二層，我們可以用它來設定運動的動畫。

要開始，請拉起“動畫”面板。透過進入“視窗>動畫”（Window>Animation）找到它。

The panel pops up at the bottom of the window and is pretty simple to use. Each new “frame” of the animation is sort of like a snapshot of the file. Click the in the animation panel whenever you want to create a new snapshot out of the current state of the file. But not yet!

此面板還允許您為每個單獨的幀設定“延遲”，這意味著在進入下一幀之前，它在螢幕上顯示的時間（以整秒或幾秒為單位）。25幀每秒（0.04）是動畫的標準速率，但對於動畫gif來說可能有點快。對於我們的示例，我們妥協了0.05的延遲，您也可以使用。如果要使用不同的每秒幀數，只需將1除以幀數即可獲得適當的延遲時間。（例如，1秒除以25幀等於0.04延遲時間。）

這個想法是以小的增量移動眼睛層，並沿途拍攝快照。我們將使用移動工具（快捷鍵“V”）和輕推我們的層使用箭頭鍵。在我們的示例中，我們在大約每兩個畫素輕推一次之後就拍攝了一個快照。

By clicking the in the panel, you can see new frames created in the animation. They take the time delay of the frame before them, so you may want to pick the right delay in the first place, so you don’t have to change loads of frames once you’re done capturing the images.

（作者注：如果你和我一樣，無論如何，你會把延遲時間調整無數次。事情並不總是按照你想要的方式發展的！）

在你繼續的過程中，用你的圖層面板來移動你的物體（在我們的例子中，眼睛），不管你怎麼想，並拍攝大量的快照。記住，25秒左右等於1秒，所以相應地拍攝快照。

您還可以使用shift鍵並選擇多個或全部幀並更改延遲，同時編輯多幀的延遲。注意，您可以將延遲設定為底部附近的“其他…”，以使用我們的自定義延遲0.05。

導航到“檔案”>“為Web裝置儲存”以開啟同名工具。

此工具將允許您建立瀏覽器友好的動畫GIF，並在工具內測試它（如上所示，箭頭游標所在的位置）。確保將檔案型別設定為GIF，並使用任何感知、選擇性或自適應設定。這些可以以不同的方式改變你的形象，但對你們中的許多人來說，結果幾乎相同。要減小檔案大小，可以更改影象大小（底部）和顏色數（右上角）。您還可以透過不包含透明度來減小檔案大小，儘管我們的示例中沒有這樣做（哎喲！）。

而且，我們的動畫GIF已經準備好放在網路上取悅，震驚，並創造敬畏。

這就結束了它的動畫。對我們的方法有什麼想法或疑問？有更好的方法，或者更簡單的技術？想看更高階的嗎？請在評論中告訴我們，或將您的想法傳送給我們[email protected]，我們可能會在下一篇圖形文章中包含它們。