關閉→
當前位置:知科普>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標籤:#圖像 #photoshop #cc #gif #