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

ps cc結(jié)合AE做一個時鐘動態(tài)圖(4)

來源:站酷 作者:bigxixi 學(xué)習(xí):16900人次

將我們生成的“未標(biāo)題-1.mov”直接拖進(jìn)PS,會看到多了一個時間軸,

 

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

 

其實(shí)PS是可以簡單制作視頻的,不過我也不太會用,有時間再研究研究。好,現(xiàn)在點(diǎn)擊文件→存儲為web所用格式:

 

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

 

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

 

終于到最后一步了,這里有很多的優(yōu)化選項(xiàng),說實(shí)話我也沒研究透。左下角能看到輸出的大概大。ū緢D是381.1k),右下角可以播放查看動畫,注意這里有個循環(huán)選項(xiàng)記得把“一次”改為“永遠(yuǎn)”不然它就只播放一次就停了。

 

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

 

右上的這些參數(shù)才是優(yōu)化的重點(diǎn),大家可以自己調(diào)整試試看什么參數(shù)能調(diào)的又小又不失真,最后點(diǎn)“存儲為”輸出,就大功告成了!

 

這種方法的好處是生成文件少,直觀方便管理,且中間生成的視頻文件也可作為展示資料用。

 

方法二:輸出圖像序列( 序列幀)

 

有時候因?yàn)橐恍┰駻E輸出視頻失敗或者PS無法導(dǎo)入,這時就可以試試圖像序列。

 

在AE里,渲染設(shè)置的時候選擇PNG 序列(PNG Sequence)

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

 

然后輸出路徑指定一個文件夾存放輸出的圖像序列,這樣點(diǎn)渲染后就會生成一組帶序號的PNG文件。

 

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

 

然后打開PS,如果是PS CC及以上版本,直接可以文件 -> 打開 ,然后選中圖像序列其中的一張圖,勾上“圖像序列”選項(xiàng)

 

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

 

 

然后幀率選25

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

 

之后的步驟參照方法一就行。

 

如果你的PS是CC以前的版本就稍微有點(diǎn)繁瑣了,主要是導(dǎo)入序列幀比較麻煩。打開PS,文件 -> 腳本->將文件載入堆棧

 

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

 

彈出的面板選擇 瀏覽

 

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

 

然后選中所有序列幀

 

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

 

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

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
論語2017-09-16 06:09
想學(xué),但看完步驟卻有心無力
落燁無悔2014-07-23 11:04
樓主我想學(xué)<給力>
維他命蕃茄2014-07-23 08:36
樓主 無敵。。。侵 無敵。。!樓主 無敵!!!
鳳樓火鳳凰2014-07-23 01:01
來吧,學(xué)系學(xué)習(xí)
牛奶sunnysky2014-07-23 12:54
第一次進(jìn)來,學(xué)習(xí)一下。
擦擦擦的時候2014-07-23 12:44
好東西大家一起分享= =
貴族十字楓2014-07-23 12:14
好好看的感覺
浮躁邊緣2014-07-23 08:50
不錯不錯
HoganZhang2014-07-23 08:24
謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.謝謝LZ.
老東愛自己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動圖?GIF會動,是因?yàn)樗怯珊芏鄦螐埖膱D片打包在一起播放,因而體積會很大,動輒好幾兆,要發(fā)網(wǎng)上播放容易卡殼兒影響效果。當(dāng)然適當(dāng)?shù)膬?yōu)化可以減小體積,更重要的是在做之前要心里有個數(shù),在保證效果的前提下盡量避免會造成臃腫的情況。那么什么參數(shù)會影響GIF圖的體積呢?①尺寸②動畫時長③幀率④顏色數(shù)尺寸、動畫時長很容易理解;幀率說的是每秒播放多少張圖,幀數(shù)越大動畫越流暢,代價(jià)就是體積變大,一般超過超過30就沒意義了;顏色數(shù)是很多人忽略也很重要的一個關(guān)鍵影響因素,顏色數(shù)越少體積越小,同時畫質(zhì)越差,但是很多動畫本身就沒用幾種顏色,這里頭的壓縮空間就很可觀了,所以那種有復(fù)雜寫實(shí)背景的GIF通常要么體積巨大要么畫質(zhì)很渣。尺寸我建議用dribbble的400x300像素,長度控制在10秒內(nèi),幀率25,顏色數(shù)根據(jù)動畫的不同盡量用128以下的吧。
擱得住2014-07-23 01:07
?2、關(guān)于GIF動圖?GIF會動,是因?yàn)樗怯珊芏鄦螐埖膱D片打包在一起播放,因而體積會很大,動輒好幾兆,要發(fā)網(wǎng)上播放容易卡殼兒影響效果。當(dāng)然適當(dāng)?shù)膬?yōu)化可以減小體積,更重要的是在做之前要心里有個數(shù),在保證效果的前提下盡量避免會造成臃腫的情況。那么什么參數(shù)會影響GIF圖的體積呢?①尺寸②動畫時長③幀率④顏色數(shù)尺寸、動畫時長很容易理解;幀率說的是每秒播放多少張圖,幀數(shù)越大動畫越流暢,代價(jià)就是體積變大,一般超過超過30就沒意義了;顏色數(shù)是很多人忽略也很重要的一個關(guān)鍵影響因素,顏色數(shù)越少體積越小,同時畫質(zhì)越差,但是很多動畫本身就沒用幾種顏色,這里頭的壓縮空間就很可觀了,所以那種有復(fù)雜寫實(shí)背景的GIF通常要么體積巨大要么畫質(zhì)很渣。尺寸我建議用dribbble的400x300像素,長度控制在10秒內(nèi),幀率25,顏色數(shù)根據(jù)動畫的不同盡量用128以下的吧。

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

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