前言为什么你总是“照着做会转眼就懵”翻页效果你是不是照着教程做出来了过几天换个场景又不会了不是你记性差是只学了步骤没搞懂原理。很多人在做翻页效果时都会犯迷糊因为只是临时照搬了操作步骤没有理解背后的逻辑——图要如何分层放置哪个图添加线性蒙版并旋转90度哪个图添加线性蒙版并旋转-90度哪个图用出场动画和哪个图用入场动画今天这篇文章我不只给你步骤还帮你把翻页原理彻底拆透。懂了原理就再也不会犯迷糊了。一、操作步骤1、拖入图1到轨道1时长2秒。2、复制轨道1的图1粘贴到轨道2用“替换片段”命令将图片替换为图2。添加“线性”蒙版旋转值 90度只显示右半部分。3、复制轨道1的图1粘贴到轨道3将播放头移动到图片的中间位置按 CtrlB 分割为两段。前一段保持图1不变添加“线性”蒙版旋转值 90度只显示右半部分设置“镜像翻转”出场动画动画时长拉满。后一段替换为图2添加“线性”蒙版旋转值 -90度只显示左半部分设置“镜像翻转”入场动画动画时长拉满。4、前面的三个步骤就完成了一个翻页效果。要添加更多翻页只需复制前面的4张图在后续轨道中粘贴然后把图片替换为相应的图片即可。二、原理分析翻页效果的本质逻辑这个效果的本质是在同一个2秒时间内同时发生了三件事层级内容作用底层轨道1图1完整显示作为翻页前的“静止背景”中间层轨道2图2右半部分翻页过程中逐渐露出的“新页面右侧”顶层轨道3前段图1右半部分镜像翻转出场模拟“纸页向左翻走”顶层轨道3后段图2左半部分镜像翻转入场模拟“纸页从右向左翻入”下面是剪映时间线轨道中各图片在时间和层级上的分布图示以下是翻页效果原理分析图1、横坐标表示空间纵坐标表示时间2、蓝框代表图1绿框代表图23、最外层的框代表位置在最底层最内层的框代表位置在最顶层。“由外及内”的层级关系代表“由底至顶”的位置关系。4、最底层的图1从空间角度看左右部分都显示从时间角度看整个时间段都显示。5、中间层的图2从空间角度看只显示右半部分从时间角度看整个时间段都显示。6、最顶层的图1从空间角度看只显示右半部分从时间角度看只在前段时间显示。7、最顶层的图2从空间角度看只显示左半部分从时间角度看只在后段时间显示。8、如何控制图片只显示左半部分或右半部分使用线性蒙版并设置旋转值为90度或-90度。三、视频讲解用剪映专业版制作翻页原理解析视频