Skip to main content

如何使用Photoshop為自己的自定義GIF製作動畫

如何使用Photoshop為自己的自定義GIF製作動畫

Geoffrey Carr

在Photoshop中從頭開始創建動畫可能看起來令人生畏,但事實上,它們非常簡單。啟動Photoshop並獲取一些文件。現在是時候通過大量動畫GIF惹惱你朋友的褲子了!

我們已經討論了將視頻和Youtube翻錄成動畫GIF的一些簡單方法,但今天我們將向您展示如何在不使用任何視頻文件的情況下製作簡單的動畫。繼續閱讀 - 這個很有趣。

使用Photoshop的動畫工具創建動畫

對於簡單的動畫,我們將在可以移動的單獨圖層上創建圖像的一部分。我們只會為眼睛的運動製作動畫,但您可以通過這種方式創建任何類型的動畫,包括實際手繪動畫細胞或移動照片。

無論您想要製作什麼動畫,都要從至少兩層開始。在我們的例子中,我們正在使用HTG徽標,我們將他的眼睛移動到第二層,我們可以使用它來為機芯製作動畫。

要開始,請啟動“動畫”面板。通過轉到Window> Animation找到它。

面板彈出窗口底部,使用起來非常簡單。動畫的每個新“框架”有點像文件的快照。點擊

在動畫面板中,只要您想要從文件的當前狀態創建新快照。但還沒有!

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

想法是移動眼睛層 小增量 並沿途拍攝快照。我們將使用 移動工具 (快捷鍵“V”)和 推動我們的層 通過使用 方向鍵。在我們的示例中,我們在每兩個像素左右移動後拍攝了一張快照。

點擊即可

在面板中,您可以看到動畫中創建的新幀。它們在它們之前佔用幀的時間延遲,因此您可能希望首先選擇正確的延遲,因此一旦完成捕獲圖像,您就不必更改幀的負載。

(作者註:如果你和我一樣,那麼無論如何你都會調整延遲數次。事情並不總是按照你想要的方式解決!)

隨身攜帶您的框架,使用圖層面板移動您的對象(在我們的示例中,眼睛),無論您如何關注,並拍攝大量快照。請記住,25左右將等於一秒,因此請相應地拍攝快照。

您還可以使用shift鍵並選擇多個或所有幀並更改延遲來一次編輯多個幀的延遲。請注意,您可以將延遲設置為底部附近的“其他...”,以使用我們的自定義延遲0.05。

導航到“文件”>“存儲為Web和設備”以打開同名工具。

此工具允許您創建瀏覽器友好的動畫GIF,並在工具內部進行測試(如上圖所示,箭頭光標所在的位置)。確保將文件類型設置為GIF並使用Perceptual,Selective或Adaptive中的任何設置。這些可以以不同的方式改變您的圖像,但對於許多人來說,將給出幾乎相同的結果。要減小文件大小,您可以更改 圖片尺寸 (朝下)和你的數量 顏色 (在右上方). 您也可以通過不包括透明度來減小文件大小,儘管我們沒有在我們的示例中(哎呦!).

而且,我們的動畫GIF已經準備好上網,讓人感到高興,震撼和敬畏。


關於動畫包裝它。關於我們方法的想法或問題?有更好的方法,或一些更簡單的技術?想要看到更高級的東西嗎?請在評論中告訴我們,或者發送電子郵件至[email protected],我們可能會將它們包含在即將發布的圖形文章中。

Link
Plus
Send
Send
Pin