關閉→
當前位置:知科普>IT科技>CC製作GIF動態圖像的方法,超詳細 - 使用Photoshop

CC製作GIF動態圖像的方法,超詳細 - 使用Photoshop

知科普 人氣:2.61W
如何使用Photoshop CC製作GIF動態圖像呢?下面是具體操作步驟。

使用Photoshop CC製作GIF動態圖像的方法,超詳細

材料/工具

Photo shop cc2017

步驟

開啟PS,點擊新建。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第2張

創建一個“400x400”的畫布,點擊“創建”。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第3張

在“視窗”選項中開啟“時間軸”。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第4張

下拉時間軸中央的選項。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第5張

選擇“創建幀動畫”。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第6張

選中背景圖層後點擊“創建幀動畫”即可將其添加至時間軸。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第7張

將時間軸中的背景圖層如圖所示選項設定成“永遠”。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第8張

時間設定爲0.5秒。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第9張

點擊時間軸框中圖示圖標,複製一個幀。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第10張

在工具欄選擇“矩形工具”,添加一個矩形圖層(它自動填充爲紅色)。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第11張

選中時間軸中的其中一個幀

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第12張

在圖層下關閉該幀矩形的小眼睛。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第13張

另一個幀的兩個小眼睛都開啓。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第14張

點擊時間軸播放按鈕,即可看到動態效果。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第15張

最後要進行儲存了,注意這裏要點擊檔案下面的匯出而不是平時經常用的存儲,選擇“存儲爲Web......”選項。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第16張

存儲好後開啟它,即可看到動態效果圖了。

使用Photoshop CC製作GIF動態圖像的方法,超詳細 第17張
TAG標籤:#gif #圖像 #photoshop #cc #