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

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法(4)

來源:太平洋電腦網(wǎng) 作者:么么茶 學(xué)習(xí):27496人次

教程其實(shí)很簡單,主要講解了三種調(diào)整動(dòng)態(tài)圖片顏色的方法,分別是添加調(diào)整層、設(shè)置圖層樣式和逐幀調(diào)整,都是一些基礎(chǔ)方法,新手可以看看。教程是翻譯教程,所以參考圖都是英文界面的,大家打開自己的PS對(duì)照學(xué)習(xí)。
  相比靜態(tài)圖,GIF動(dòng)態(tài)圖更加能讓你的設(shè)計(jì)作品吸引人們的眼光。本期國外精品翻譯教程就跟大家一起學(xué)習(xí)三種在Photoshop調(diào)整GIF動(dòng)態(tài)圖的方法。

  用Photoshop CS5、CS6或創(chuàng)意云版本打開GIF動(dòng)態(tài)圖;在主菜單欄中選擇“窗口>時(shí)間軸”或者“窗口>時(shí)間軸”;在主菜單欄中選擇“窗口>圖層”。

  一、調(diào)整圖層

  在圖層面板,選擇頂端圖層,然后點(diǎn)擊調(diào)整圖層按鈕,添加調(diào)整圖層。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖01

  選擇其中的調(diào)整圖層,調(diào)整圖層上的任何改變都會(huì)影響下面所以幀和圖層的效果。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖02

  通過嘗試不同的調(diào)整圖層,達(dá)到想要的調(diào)整效果。這會(huì)給整個(gè)動(dòng)態(tài)圖的色彩和對(duì)比度帶來很大的改變。當(dāng)調(diào)整完成后需要保存,選擇“文件>存儲(chǔ)為Web所用格式”。選擇GIF格式和需要輸出的顏色數(shù)量。確保透明色、雜邊和動(dòng)畫選項(xiàng)都設(shè)置正確。點(diǎn)擊存儲(chǔ),保存為新文件。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖03

  原圖

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖04

  調(diào)整效果

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖05

  二、混合選項(xiàng)

  點(diǎn)擊時(shí)間軸窗口中全部的幀并點(diǎn)擊刪除按鈕。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖06

  在圖層面板選擇最低端的圖層,然后點(diǎn)擊“fx”按鈕,選擇混合選項(xiàng)。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖07

  對(duì)剛才選擇的圖層應(yīng)用想要的混合選項(xiàng)。下圖所示的是顏色疊加混合選項(xiàng),你可以根據(jù)需要選擇投影、描邊或者多種效果疊加。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖08

  確定最底圖層應(yīng)用好圖層樣式后,右擊縮略圖選擇“拷貝圖層樣式”,然后選擇全部的圖層,右擊選擇“粘貼圖層樣式”。這樣全部圖層都會(huì)應(yīng)用到剛才設(shè)置的圖層樣式。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖09

  在時(shí)間軸或者動(dòng)畫面板中,點(diǎn)擊右上角,選擇“從圖層創(chuàng)建幀”,將每一個(gè)圖層都轉(zhuǎn)為獨(dú)立幀。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖10

  選擇全部幀,對(duì)著小三角右擊,選擇“其它”,設(shè)置延遲0.03秒30 fps回放。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖11

  完成后,前面的操作一樣,存儲(chǔ)為Web所用格式。

  原圖

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖12

  調(diào)整效果

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖13

  三、逐幀制作

  逐幀地制作動(dòng)畫是一個(gè)費(fèi)時(shí)的活,但是具有很大的靈活性。因?yàn)镚IF動(dòng)態(tài)圖由一系列的圖案組成,每個(gè)圖案都可以做不同處理,創(chuàng)造出想要的效果。

  在動(dòng)畫或者時(shí)間軸面板中,選擇全部的幀,點(diǎn)擊垃圾桶圖標(biāo),刪除全部幀。在圖層面板中,對(duì)每個(gè)圖層應(yīng)用色彩半調(diào)。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖14

  在時(shí)間軸或者動(dòng)畫面板中,點(diǎn)擊右上角,選擇“從圖層創(chuàng)建幀”,將每一個(gè)圖層都轉(zhuǎn)為獨(dú)立幀。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖15

  選擇全部幀,對(duì)著小三角右擊,選擇“其它”,設(shè)置延遲0.03秒30 fps回放。

  完成后,前面的操作一樣,存儲(chǔ)為Web所用格式。

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖16

  原圖

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖17

  調(diào)整效果

動(dòng)圖技巧,分享三種調(diào)整GIF動(dòng)圖的方法_m.theoat.com.cn
圖18

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

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

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