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)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。