首頁 > 軟體

PS製作GIF動畫心動圖片

2019-12-14 13:33:57

  GIF動畫圖片,不僅美觀,表達的內容也豐富。用Photoshop製作出精美的圖片,再新增上動畫,這是多麼完美的圖片。

  小編用製作心動圖片的過程,來介紹如何在Photoshop中製作動畫圖片。


1

新建檔案,根據自己製作的動畫的大小選擇檔案的大小。這裡使用的預設選項裡的預設Photoshop大小。


2

將前景色設定成紅色。選擇「直線工具」,點「自定形狀工具」,在「形狀」選項裡選擇心形圖案,按住滑鼠左鍵,拖動滑鼠,直到滿意的大小後,鬆開左鍵。



3

可以按快捷鍵Ctrl+',將網格顯示出來,有助於調節比例。

點「直線工具」,在檔案中按滑鼠右鍵,選擇「填充路徑」。因為前景色已經設定完成,這裡就不需選擇,直接「確定」。一個紅色的心形就完成了。




4

使用「矩形選框工具」,將圖案選中,按刪除鍵,將繪製的路徑刪除。整個心形完全變成了紅色。進行複製,然後貼上,需要幾個圖層,就貼上幾次,圖層設定完成。

只選中背景,其它圖層都不選。點「矩形選框工具」,將背景圖中的心形選中,按刪除鍵刪除它。在調節圖層時,圖層會顯示出黑白格。用空白背景可掩蓋黑白格。




5

選中圖層1,對它進行編輯,用「自由變換」功能,將圖層1中的心形縮小。調整到合適位置後,點「移動工具」,會彈出詢問視窗,點「應用」。或者雙擊左鍵,也是應用。所有的圖層都是這樣調整。

在移動狀態中,用方向鍵對圖形進行調整,可以測試位置是否合適。例如:只選中圖層3和圖層4,連續的點圖層4的可視選項,就會看到效果。




6

對所有圖層的位置進行調節後,點選單欄「視窗」選項中的「動畫」。

在下方的動畫視窗中,將0秒改成0.1秒。點視窗右面的箭頭,選擇「新建影格」,或使用快捷鍵Ctrl+Shfit+Alt+F,有幾個圖層就建幾個影格,建成的影格與第一個影格完全一樣。




7

將動畫與圖層進行關聯。例如:動畫1,選擇背景和圖層1。動畫2,選擇背景和圖層2。其它動畫均如此設定。設定完成後,點視窗下方的「播放動畫」,可以進行預覽。


8

對動畫效果滿意後,進行儲存。

點選單欄中的「檔案」,選擇「儲存為Web所用格式」,在彈出的視窗中選擇右上角的「儲存」,在彈出的儲存視窗中,選擇儲存位置和檔名後,點「儲存」。檔案就以GIF格式進行儲存了。

現在就可以用圖片瀏覽器檢視製作的動畫圖片了。





IT145.com E-mail:sddin#qq.com