新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片(5)

來(lái)源:站酷 作者:醉心卷 學(xué)習(xí):30594人次

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


先看看效果:
新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

PS里面有一個(gè)做GIF動(dòng)圖的選項(xiàng),要自己設(shè)置

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

PS每個(gè)版本都不一樣,這是PS5,可以挨個(gè)試試工作區(qū)窗口后出來(lái)的下面頁(yè)面是這樣的
開(kāi)始工作:
1.選擇創(chuàng)建幀動(dòng)畫(huà),點(diǎn)擊

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

2.出來(lái)界面是這樣的,這就是做GIF動(dòng)圖的標(biāo)準(zhǔn)界面了

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

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

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

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

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

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

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

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

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

6.來(lái)個(gè)八個(gè)動(dòng)作,哇咔咔。第一幀請(qǐng)看幀圖片及對(duì)應(yīng)的圖層,要顯示的圖片選擇好

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

7.第二幀請(qǐng)看第二幀對(duì)應(yīng)的圖片,選擇好顯示的圖片及眼珠的落點(diǎn)位置,一幀一個(gè)動(dòng)的圖片,千萬(wàn)不要混合在一起了,作為第一幀用的動(dòng)的眼珠隱藏掉

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

8.第三幀請(qǐng)看第三幀對(duì)應(yīng)的圖片,選擇好顯示的圖片及眼珠的落點(diǎn)位置,第一幀及第二幀要?jiǎng)拥难壑閳D層隱藏,以此類(lèi)推,后面都這么處理

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

9.完成幀動(dòng)畫(huà),用播放動(dòng)畫(huà)看看效果處理細(xì)節(jié)

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

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

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

11.完成,這是GIF格式咯

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

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

 

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

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

2.我是做了一個(gè)眼珠上下的動(dòng)畫(huà),第一幀眼珠在最下,第二幀眼珠在最上,過(guò)渡五幀后可以看見(jiàn)過(guò)渡圖片即第一幀和第二幀之間多了過(guò)渡幀五幀,過(guò)渡幀的眼珠動(dòng)了位置就是對(duì)的

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

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

新手動(dòng)畫(huà),做一個(gè)簡(jiǎn)單的GIF動(dòng)畫(huà)圖片_theoat.com.cn

學(xué)習(xí) · 提示

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

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

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