教程
地址：https://courses.motiondesign.school/courses/683960/lectures/12202936
用到的插件：Swiss Knife（官方付费，课程提供3个月试用）、Create Nulls From Paths（AE2018自带）
过程
网页滚动
1、新建总合成，尺寸1920*1080，帧率30，时间15:00，
2、导入主合成，建立位置关键帧：2:15保持初始值，04:15移到第2页上半部分，06:00保持第2页，08:00移到第2页下半部分，09:00保持，11:00移到第三页，12:15保持，15:00移到最下方，缓动并添加mt2为30和78
3、对总合成的位置属性添加表达式：
value - [0, time * 10]//value指position的值，然后减去一个数组，0表示水平方向不变，time * 10增加垂直的运动速度
对每个页面的Parallax Null的位置属性添加表达式并删除其关键帧：
value - [0, time * 1]
4、合成经过修剪后，如果元素运动超出边界，则无法显示在主合成里
勾选每个页面的“害羞”模式，这将允许图层超出预合成边界，显示在主合成里
5、调整每个页面的动画出现时间，应该在页面出现在屏幕一半时，动画开始出现
6、建立Parallax Null的位置关键帧并添加缓动，当页面上移出现或消失时Parallax Null也稍上移
背景图缓动
滚动时页面间会产生大量空白，通过移动背景填充屏幕空白和增加视差感
1、对位置建立关键帧：页面2完全时保持初始值，页面1开始移动时将其往上移动但不能出现在第一个画面，页面3完全出现时保持初始值，页面2过渡到页面3时稍微上移
2、给关键帧添加mt2缓动
背景线视差
1、选中背景线图层的路径，点击Create Nulls From Paths的Points From Paths，将构成路径的所有点连接到分别的NULL对象
2、将背景线图层的位置表达式和Index Offset复制到NULL层上，并删除其大小、位置、旋转的表达式和Index Offset
滚动条
Swiss Knife里的Depender，让滚动条根据页面所处的位置自动更改其位置
1、利用钢笔工具新建一条直线，无填充描边灰色8px，圆角端点，在任意两个时间建立位置关键帧，分别移到滚动条区域最上方和最下方
2、对主合成任意两个时间建立位置关键帧，分别移到最上方和最下方
3、选中主合成的关键帧，点击Swiss Knife里的Depender，这时Depender变为红色文字变为Apply
4、再选中直线关键帧点击Apply，删除主合成新建的关键帧就完成了滚动条效果
*点击图片放大
Swiss Knife里的Interactor，当鼠标接近图片时，其将自动播放设定动画，还可以修改除法距离 要实现这个功能必须要所有被控制图层在同一个合成里，所以要提前规划合成安排
1、绘制一个圆形形状，保证锚点在图层中心
2、因为图片层已经有关键帧了，所以利用其对应的NULL对象
3、对大小建立关键帧：开始初始值，经过20帧增加10%，F9缓动
4、同时选中NULL和圆形层，点击Swiss Knife里的Interactor就完成了
技巧
快捷键
Alt （Option ）+ PageUp —将图层前移1帧
Alt （Option ）+ PageDown —将图层后移1帧
Tab—显示/隐藏迷你的合成树状图
整理项目
‘文件-依赖关系’：
Collect Files——打包项目，将系统各个角落的项目资料收集到一个文件夹里，但字体无法收集
Removed Unused Footage——消除项目中重复的或未使用的素材
Reduce Project——消除选定素材以外的所有素材
效果图
若有收获，就点个赞吧
0 人点赞
