(个人)AR电子书创新系统实训第四周(1)
emmmm上回說到,這次會(huì)放一個(gè)自己初步嘗試做的H5小頁面。因?yàn)楦笈_(tái)配合的原因,動(dòng)態(tài)展示部分沒辦法加鏈接,所以就放在這篇最后展示一下,這次主要總結(jié)一下使用AE過程中的一些小體會(huì)。
拿到紙媒的PSD把需要做動(dòng)態(tài)展示的圖片分離出來。把紙媒上的圖片作為視頻的第一幀,后面再做處理,這是靜態(tài)轉(zhuǎn)動(dòng)態(tài)的思路。因?yàn)榧埫降膱D片展示大部分都加了蒙版,所以要把蒙版圖層同樣對視頻遮罩來保持一致。
拿紙媒第9、10頁的古濟(jì)寧八景之一的“太白晚眺”為例
圖文并茂的介紹景點(diǎn)可以豐富用戶感官體驗(yàn)。所以每個(gè)景點(diǎn)我都選取了幾張相關(guān)圖片,還有簡單生動(dòng)的幾句介紹文字。
首先把整體框架搭起來,細(xì)節(jié)處理到后面再做。
太白晚眺這個(gè)景點(diǎn)我選了三張圖片,前兩張圖配了簡單的景點(diǎn)介紹,最后放了一首小詩。按出現(xiàn)的先后和長短把圖層排列好。
接下來對文字做處理。為了跟紙媒風(fēng)格保持一致,字體用的方正蘇新詩柳楷簡體。給文字加效果的時(shí)候,在效果與預(yù)設(shè)里可以找到簡單好用的效果,就不用自己麻煩摳幀了。在窗口菜單下勾選“效果與預(yù)設(shè)”,或者Ctrl+5打開面板。動(dòng)畫預(yù)設(shè)/Text/Animata in 里面可以找到合適的效果,右鍵不放拖到文字圖層上,這樣效果就加上去了。
這里要注意時(shí)間標(biāo)尺的位置
時(shí)間標(biāo)尺所在的位置是剛加上效果的時(shí)刻。
接下來做圖片的動(dòng)畫效果,動(dòng)畫預(yù)設(shè)/Image-Creative等里面也有很多合適的效果,這里我采用的是自己摳幀的簡單方法。給圖片加上縮放和位移,就會(huì)有種攝影機(jī)移動(dòng)的感覺。
關(guān)鍵幀會(huì)打在時(shí)間標(biāo)尺所在的位置。我們只需要簡單的在開頭結(jié)尾各打一幀,AE就會(huì)自動(dòng)補(bǔ)齊中間的畫面。
最后一張圖片要作為一首小詩的背景圖,所以把它處理的低調(diào)一點(diǎn)以便突出詩句。調(diào)的暗一點(diǎn),加一點(diǎn)模糊就可以達(dá)到想要的效果。
我把以上這些單獨(dú)作為一個(gè)合成,再把蒙版圖單獨(dú)做一個(gè)合成
這張圖片就是帶有alpha通道的蒙版
F4打開TrkMat,遮罩層在上、被遮罩層在下,把被遮罩的TrkMat改為Alpha遮罩,整個(gè)視頻就都被蒙版遮罩起來啦
最后放的是H5小頁面的鏈接http://u4359298.viewer.maka.im/k/B09O5EEP
我們下篇見啦(^o^)人(^o^)
總結(jié)
以上是生活随笔為你收集整理的(个人)AR电子书创新系统实训第四周(1)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Microsoft Excel.WsF—
- 下一篇: 积分签到任务设置的要求,积分商城搭建过程