IT科技

當前位置 /首頁/IT科技 > /列表

Photoshop如何製作動畫圖片

如何用PS做動態圖片?動態圖片怎麼做?

今天小編就教大家做動態圖片。

Photoshop如何製作動畫圖片

材料/工具

電腦Photoshop

方法

新建一個圖層。點擊文件裏的新建,這裏新建一個300*300像素,背景為透明的圖層。

Photoshop如何製作動畫圖片 第2張

製作所需圖層

Photoshop如何製作動畫圖片 第3張

單擊快捷工具欄中的“跳到ImageReady”按鈕

Photoshop如何製作動畫圖片 第4張

這裏需要説明的是,在CS2以後的版本都沒有ImageReady了,做動畫直接在PS裏面“窗口—>動畫”調出動畫面板,製作方法跟ImageReady一樣。這裏小編使用是CS4,所以打開方式為窗口—>動畫。

Photoshop如何製作動畫圖片 第5張

打開動畫窗口後,若為下圖一所示,則點擊窗口右下方按鈕,切換至圖二

Photoshop如何製作動畫圖片 第6張

圖二

Photoshop如何製作動畫圖片 第7張

圖二中已經有了一幀圖片,接下來,點擊面板上的複製當前幀按鈕,複製出所需幀數

Photoshop如何製作動畫圖片 第8張

點擊第一幀圖片,然後將星光1圖層隱藏掉,然後鼠標點擊第二幀,此時將星光2圖層隱藏,星光1恢復可見,以此類推將五幀圖片分別設置完成。此步驟為製作動圖的最核心步驟,體現了動圖是由每幀圖片構成的原則。

Photoshop如何製作動畫圖片 第9張

待設置好每一幀圖片後,接着調節每幀圖片的播放時間,如下圖所示。

Photoshop如何製作動畫圖片 第10張

待設置好每一幀圖片後,接着調節每幀圖片的循環次數,如下圖所示。

Photoshop如何製作動畫圖片 第11張

點擊播放按鈕,即可預覽效果,不滿意效果可以繼續調整,知道得到想要的效果。

Photoshop如何製作動畫圖片 第12張

待調整好之後,保存文件。點擊文件->存儲為Web和設備所用格式,點擊存儲即可。

Photoshop如何製作動畫圖片 第13張