(个人)AR电子书创新系统实训第四周(1)

emmmm上回说到,这次会放一个自己初步尝试做的H5小页面。因为跟后台配合的原因,动态展示部分没办法加链接,所以就放在这篇最后展示一下,这次主要总结一下使用AE过程中的一些小体会。
拿到纸媒的PSD把需要做动态展示的图片分离出来。把纸媒上的图片作为视频的第一帧,后面再做处理,这是静态转动态的思路。因为纸媒的图片展示大部分都加了蒙版,所以要把蒙版图层同样对视频遮罩来保持一致。
拿纸媒第9、10页的古济宁八景之一的“太白晚眺”为例

图文并茂的介绍景点可以丰富用户感官体验。所以每个景点我都选取了几张相关图片,还有简单生动的几句介绍文字。

首先把整体框架搭起来,细节处理到后面再做。
(个人)AR电子书创新系统实训第四周(1)
太白晚眺这个景点我选了三张图片,前两张图配了简单的景点介绍,最后放了一首小诗。按出现的先后和长短把图层排列好。

接下来对文字做处理。为了跟纸媒风格保持一致,字体用的方正苏新诗柳楷简体。给文字加效果的时候,在效果与预设里可以找到简单好用的效果,就不用自己麻烦抠帧了。在窗口菜单下勾选“效果与预设”,或者Ctrl+5打开面板。动画预设/Text/Animata in 里面可以找到合适的效果,右键不放拖到文字图层上,这样效果就加上去了。
这里要注意时间标尺的位置
(个人)AR电子书创新系统实训第四周(1)
时间标尺所在的位置是刚加上效果的时刻。

接下来做图片的动画效果,动画预设/Image-Creative等里面也有很多合适的效果,这里我采用的是自己抠帧的简单方法。给图片加上缩放和位移,就会有种摄影机移动的感觉。
(个人)AR电子书创新系统实训第四周(1)
关键帧会打在时间标尺所在的位置。我们只需要简单的在开头结尾各打一帧,AE就会自动补齐中间的画面。

最后一张图片要作为一首小诗的背景图,所以把它处理的低调一点以便突出诗句。调的暗一点,加一点模糊就可以达到想要的效果。
(个人)AR电子书创新系统实训第四周(1)

我把以上这些单独作为一个合成,再把蒙版图单独做一个合成
(个人)AR电子书创新系统实训第四周(1)
这张图片就是带有alpha通道的蒙版
F4打开TrkMat,遮罩层在上、被遮罩层在下,把被遮罩的TrkMat改为Alpha遮罩,整个视频就都被蒙版遮罩起来啦
(个人)AR电子书创新系统实训第四周(1)

最后放的是H5小页面的链接http://u4359298.viewer.maka.im/k/B09O5EEP

我们下篇见啦(^o^)人(^o^)