當前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內(nèi)容

新手動畫,做一個簡單的GIF動畫圖片(5)

來源:站酷 作者:醉心卷 學習:30594人次

效果很簡單,希望通過這篇教程讓新手了解一下GIF動態(tài)圖片的使用方法。


先看看效果:
新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

PS里面有一個做GIF動圖的選項,要自己設(shè)置

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

PS每個版本都不一樣,這是PS5,可以挨個試試工作區(qū)窗口后出來的下面頁面是這樣的
開始工作:
1.選擇創(chuàng)建幀動畫,點擊

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

2.出來界面是這樣的,這就是做GIF動圖的標準界面了

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

3.圖層里,不動的背景圖一張(背景進行了處理眼眶填白變空),動的眼珠一張,構(gòu)思的思路是希望眼珠在眼眶內(nèi)沿著邊緣繞一圈,復(fù)制眼珠八層作為動圖使用

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

4.預(yù)備圖片都準備好了,現(xiàn)在設(shè)置一些希望動圖能做到的效果的設(shè)置:
圖片第一張過渡第二張圖片時間設(shè)置,在幀動畫左邊那張圖片0秒那里設(shè)置為0.5秒

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

希望圖片可以一直動一種動,就直接在選擇循環(huán)方式設(shè)置為永遠

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

5.做圖,先增加幀動畫,就是動幾次圖片的意思,選擇復(fù)制幀圖片

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

6.來個八個動作,哇咔咔。第一幀請看幀圖片及對應(yīng)的圖層,要顯示的圖片選擇好

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

7.第二幀請看第二幀對應(yīng)的圖片,選擇好顯示的圖片及眼珠的落點位置,一幀一個動的圖片,千萬不要混合在一起了,作為第一幀用的動的眼珠隱藏掉

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

8.第三幀請看第三幀對應(yīng)的圖片,選擇好顯示的圖片及眼珠的落點位置,第一幀及第二幀要動的眼珠圖層隱藏,以此類推,后面都這么處理

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

9.完成幀動畫,用播放動畫看看效果處理細節(jié)

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

10.保存用WEB格式,一定要選取好GIF格式

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

11.完成,這是GIF格式咯

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

——————————————————————————低調(diào)的分界線

 

還有另一種是直接系統(tǒng)做小范圍動作,不過只能一條直線直來直去的方向
1.出來幀動畫界面后先復(fù)制一層幀動畫,給第二幀的眼珠做一個你想它到哪個落點的地方,想要眼珠動的快一點,這里是0.1秒設(shè)置,然后點擊過渡動畫幀,選擇幀數(shù)

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

2.我是做了一個眼珠上下的動畫,第一幀眼珠在最下,第二幀眼珠在最上,過渡五幀后可以看見過渡圖片即第一幀和第二幀之間多了過渡幀五幀,過渡幀的眼珠動了位置就是對的

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

3.保存-web-gif完成,這是GIF格式咯

新手動畫,做一個簡單的GIF動畫圖片_www.theoat.com.cn

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
惡女2019-05-07 07:00
太強大了
琉鈿2016-04-26 03:21
轉(zhuǎn)動的眼珠

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!