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

ps cc結(jié)合AE做一個(gè)時(shí)鐘動(dòng)態(tài)圖(5)

來(lái)源：站酷 作者：bigxixi 學(xué)習(xí)：16900人次

 

然后就耐心等待圖像載入到PS圖層里（如果你的圖像序列很多，會(huì)載入相當(dāng)長(zhǎng)一段時(shí)間）

 

Photoshop結(jié)合AE制作動(dòng)態(tài)圖片教程

 

點(diǎn)擊 創(chuàng)建幀動(dòng)畫，時(shí)間軸變成這樣（有時(shí)候載入圖層后你的時(shí)間軸直接是下圖這樣，就不用點(diǎn)創(chuàng)建幀動(dòng)畫那一步驟）：

 

Photoshop結(jié)合AE制作動(dòng)態(tài)圖片教程

 

然后點(diǎn)擊時(shí)間軸右上角的選項(xiàng)菜單，選擇 從圖層建立幀：

 

Photoshop結(jié)合AE制作動(dòng)態(tài)圖片教程

 

這樣終于把動(dòng)畫導(dǎo)進(jìn)來(lái)了，可以先點(diǎn)下面的播放按鈕播放一下，看看播放順序是否正確

 

Photoshop結(jié)合AE制作動(dòng)態(tài)圖片教程

 

如果發(fā)現(xiàn)反了（多數(shù)情況如此），點(diǎn)擊剛才的小菜單，選擇 反向幀 來(lái)修正：

 

Photoshop結(jié)合AE制作動(dòng)態(tài)圖片教程

 

然后，選擇時(shí)間軸上的所有幀，點(diǎn)擊下面的“0秒”，在彈出來(lái)的菜單選擇 其他時(shí)間 ，用以設(shè)置每幀存在時(shí)間：

 

Photoshop結(jié)合AE制作動(dòng)態(tài)圖片教程

 

彈出來(lái)的面板輸入0.04，這個(gè)值是根據(jù)我們動(dòng)畫設(shè)置的25幀/秒來(lái)計(jì)算的（大家想想如果動(dòng)畫設(shè)置了30幀/秒或者其他值這里該填多少？），

 

Photoshop結(jié)合AE制作動(dòng)態(tài)圖片教程

 

確定之后的步驟和之前相同了，點(diǎn)擊文件→存儲(chǔ)為web所用格式：

 

Photoshop結(jié)合AE制作動(dòng)態(tài)圖片教程

 

Photoshop結(jié)合AE制作動(dòng)態(tài)圖片教程

 

Photoshop結(jié)合AE制作動(dòng)態(tài)圖片教程

 

 

如果有問(wèn)題或者建議，歡迎討論！

學(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)論
論語(yǔ)2017-09-16 06:09
想學(xué)，但看完步驟卻有心無(wú)力
落燁無(wú)悔2014-07-23 11:04
樓主我想學(xué)<給力>
維他命蕃茄2014-07-23 08:36
樓主 無(wú)敵�。。�！樓主 無(wú)敵！�。�！樓主 無(wú)敵�。�！
鳳樓火鳳凰2014-07-23 01:01
來(lái)吧，學(xué)系學(xué)習(xí)
牛奶sunnysky2014-07-23 12:54
第一次進(jìn)來(lái)，學(xué)習(xí)一下。
擦擦擦的時(shí)候2014-07-23 12:44
好東西大家一起分享= =
貴族十字楓2014-07-23 12:14
好好看的感覺(jué)
浮躁邊緣2014-07-23 08:50
不錯(cuò)不錯(cuò)
HoganZhang2014-07-23 08:24
謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.
老東愛(ài)自己2014-07-23 05:20
hahaha
墻角上的小螞蟻2014-07-23 05:01
好復(fù)雜啊
征東平西將軍2014-07-23 03:27
看看一看看一看看一看看一看看一看看一看看一看看一
盛夏冰安2014-07-23 01:58
學(xué)習(xí)看下。、。。。。。。。。。。。。。。。。采集
擱得住2014-07-23 01:26
?2、關(guān)于GIF動(dòng)圖?GIF會(huì)動(dòng)，是因?yàn)樗怯珊芏鄦螐埖膱D片打包在一起播放，因而體積會(huì)很大，動(dòng)輒好幾兆，要發(fā)網(wǎng)上播放容易卡殼兒影響效果。當(dāng)然適當(dāng)?shù)膬?yōu)化可以減小體積，更重要的是在做之前要心里有個(gè)數(shù)，在保證效果的前提下盡量避免會(huì)造成臃腫的情況。那么什么參數(shù)會(huì)影響GIF圖的體積呢？①尺寸②動(dòng)畫時(shí)長(zhǎng)③幀率④顏色數(shù)尺寸、動(dòng)畫時(shí)長(zhǎng)很容易理解；幀率說(shuō)的是每秒播放多少?gòu)垐D，幀數(shù)越大動(dòng)畫越流暢，代價(jià)就是體積變大，一般超過(guò)超過(guò)30就沒(méi)意義了；顏色數(shù)是很多人忽略也很重要的一個(gè)關(guān)鍵影響因素，顏色數(shù)越少體積越小，同時(shí)畫質(zhì)越差，但是很多動(dòng)畫本身就沒(méi)用幾種顏色，這里頭的壓縮空間就很可觀了，所以那種有復(fù)雜寫實(shí)背景的GIF通常要么體積巨大要么畫質(zhì)很渣。尺寸我建議用dribbble的400x300像素，長(zhǎng)度控制在10秒內(nèi)，幀率25，顏色數(shù)根據(jù)動(dòng)畫的不同盡量用128以下的吧。
擱得住2014-07-23 01:07
?2、關(guān)于GIF動(dòng)圖?GIF會(huì)動(dòng)，是因?yàn)樗怯珊芏鄦螐埖膱D片打包在一起播放，因而體積會(huì)很大，動(dòng)輒好幾兆，要發(fā)網(wǎng)上播放容易卡殼兒影響效果。當(dāng)然適當(dāng)?shù)膬?yōu)化可以減小體積，更重要的是在做之前要心里有個(gè)數(shù)，在保證效果的前提下盡量避免會(huì)造成臃腫的情況。那么什么參數(shù)會(huì)影響GIF圖的體積呢？①尺寸②動(dòng)畫時(shí)長(zhǎng)③幀率④顏色數(shù)尺寸、動(dòng)畫時(shí)長(zhǎng)很容易理解；幀率說(shuō)的是每秒播放多少?gòu)垐D，幀數(shù)越大動(dòng)畫越流暢，代價(jià)就是體積變大，一般超過(guò)超過(guò)30就沒(méi)意義了；顏色數(shù)是很多人忽略也很重要的一個(gè)關(guān)鍵影響因素，顏色數(shù)越少體積越小，同時(shí)畫質(zhì)越差，但是很多動(dòng)畫本身就沒(méi)用幾種顏色，這里頭的壓縮空間就很可觀了，所以那種有復(fù)雜寫實(shí)背景的GIF通常要么體積巨大要么畫質(zhì)很渣。尺寸我建議用dribbble的400x300像素，長(zhǎng)度控制在10秒內(nèi)，幀率25，顏色數(shù)根據(jù)動(dòng)畫的不同盡量用128以下的吧。

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

網(wǎng)友求助，請(qǐng)回答！