用ps制作gif動圖


今天設計跟我說,需要兩張圖來回替換,項目已經寫好數據,懶得再寫,干脆換成gif好了,下面記錄一下使用pscs6制作gif動圖

方法/步驟

1、首先把你需要顯示的圖片全部在ps中打開,並且不同的圖片放在不同的層中,放圖要有順序方便后期制 如圖:

ps gif動態圖片制作圖文教程

2、然后點窗口,選擇時間軸,如圖:

ps gif動態圖片制作圖文教程

3、接下來設置第一幀顯示,也就是初始畫面。先點擊時間軸上的第一幀 如圖:再把圖層一左邊的框點一下出現一個眼睛(顯示),其他圖層全部去掉眼睛(隱藏),初始畫面就出來了。如圖所示:

ps gif動態圖片制作圖文教程

ps gif動態圖片制作圖文教程

4、然后設置第二幀,還是先點擊時間軸上的第二幀。在圖層中把剛剛點上的第一層的眼睛去掉,第二層的眼睛點出來,也就是這個時間只顯示第二層的圖片,其他都不顯示。如圖:

ps gif動態圖片制作圖文教程

5、然后是同樣的步驟,在第三幀上,隱藏一二層點出顯示第三層,如圖:

ps gif動態圖片制作圖文教程

6、第四幀、第五幀、第六、七、、、、、、后邊的幀數都一樣的步驟以此類推,完成所有的幀之后,你可以點擊播放看看你制作的效果如何。

ps gif動態圖片制作圖文教程

7、如果覺得顯示的時間不對可以選擇自己設定每一幀的顯示時間及間隔(點擊每一幀的下面那個小三角箭頭既可以設置)如圖:

ps gif動態圖片制作圖文教程

8、接下來當然就是保存了,保存時注意。要選擇儲存為(web所用格式)如圖:

ps gif動態圖片制作圖文教程

9、最后選擇gif格式,保存就ok了。

ps gif動態圖片制作圖文教程

內容轉載http://www.jb51.net/photoshop/276668.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM