提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
翻页效果应用比较广泛,常见的比如小说阅读器,点击下一页的时候会有模拟真实翻书的效果,让用户更有沉浸感。我们利用AE来制作此效果比较简单,只需利用效果预设里的cc page turn即可实现。
制作方法在这里以翻页日历为例子,上面的书页翻页同理可得。
【01】首先在AI里做一个日历图标,把日历底部和需要翻页的两个部分分别导出图片。如果想要翻页更细节一点,可以导出两张2号图,改变一下红色位置,让两页不是长一样就行。
【02】打开AE新建合成,合成设置随意,然后将图片导入AE。
【03】 对图片进行重命名,便于区分。一共三张图,底部日历架,上方两张日历,如果你没有做两张不同的日历页,直接复制一张日历页就行。图层顺序从上到下为:翻页、第二页、底部
【04】 需要打关键帧的只有翻页图层。在效果预设里找到cc page turn,将其拖动到翻页图层上,激活效果。
【05】开始调整效果参数,这里稍微解释一下参数含义,自己尝试改变一下数值直观感受一下比较好理解。关键帧主要是打在fold position上。
controls选择右下角,light高光角度40,render选择front&back page,back page选无,透明度100,背面颜色改为比正面略深的颜色,这里是71D2E1。
【06】开始打关键帧,选择翻页图层 ,将时间轴调到0f ,点击fold position前的码表,按U键调出参数,0f关键帧保持原样,运动轨迹从右下向左拖动直到消失,然后分别在 15f、1s,1s10f,1s20f拖动折角锚点改变位置,最后一帧拖出画布消失,位置参数没有固定数值,看个人喜好。然后将15f 、1s 的关键帧打上缓入,右键关键帧—关键帧辅助—缓入,让翻页更有节奏。
【07】给翻页加投影增强立体感,不要直接在翻页图层加阴影,会不自然和超出范围。复制一层翻页,重命名为翻页投影,放在翻页图层下方。改变cc page turn 选项,render改为back page,其余不变,意为只在折角上添加投影。效果预设里搜索投影,拖动到翻页投影图层,数值调整如图,也可以调到自己喜欢的效果。
动效基本完成,更细致一点给底部也加上投影,整体看来更立体,方法和上面一样,就不赘述了。
一样的方法来做小说翻页就很简单了,大家可以举一反三。
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册