密钥框架编辑器

使用键框创建复杂,时间准确的动画.

什么是关键框架?

关键框架在特定时间点定义特定属性值. PinePaper在键框间自动动画(interpolates)以创建平稳过渡.

打开时间线

时光网上的面板位于屏幕底部. 若隐藏 :

1. 在菜单中单击view
2. 选择 显示时间线

创建关键框架

方法1:属性面板

1. 选择项目
2. 将播放头设定为所期望的时间
3. 更改属性( 位置、 尺度、 不透明、 颜色)
4. 自动创建密钥框架

方法2:时限小组

1. 选择项目
2. 在想要的时间点击时间线
3. 点击 Add 键框 或按 K

可修改密钥属性

编辑密钥框架

移动密钥框架

在时间线上拖动左右键框以更改时间 .

编辑数值

1. 点击密钥框选择它
2. 修改属性面板中的值
3. 更改适用于该关键框架

删除密钥框架

1. 选择密钥框
2. 按 Delete 或 右键 → 删除键框

简化函数

控制键框之间的动画加速 :

回放控件

调整和分割

每个键框动画项都作为可拖动的夹块(键框钻石后面的indigo栏)出现在时间线上. 剪辑块让你:

• 擦拭身体 – 在画布时间(timeOffset)中将整个动画移位.
• Drag the left ledge — 修剪播放子距离的开始. 酒吧的右侧保持固定,与Premiere/Canva会议相匹配.
• Drag the right ledge — 将播放的子线程的末端修剪,夹在最后一个键框的时间.
• ** Press SQQ与弹夹内置弹头——在弹头处分裂. 新作品成为自己的注册条目;连锁拆分产生N+1独立作品.

数据字段

截图块 UI 映射到此项目的这些字段 :

在剪辑的画布窗口外, 物品通过 visible=false 隐藏—— 不透明被留下 孤独, 因此不透明 - 激活键框仍然在窗口内工作 .

// Programmatic equivalent of right-edge trim.
const item = app.create('text', {
  content: 'Reveal', x: 400, y: 300,
  animationType: 'keyframe',
  timeOffset: 2,        // clip starts at canvas time 2s
  clipInPoint: 1,       // skip the first 1s of keyframe data
  clipOutPoint: 4,      // stop at 4s of keyframe data → 3s clip window
  keyframes: [
    { time: 0, properties: { opacity: 0 } },
    { time: 1, properties: { opacity: 1 } },
    { time: 4, properties: { opacity: 0.3 } },
  ],
});

分多少给你

分是深经. Paper.js项目通过Item.clone()(保全变换+样式)进行克隆;键框阵列(keyframes,contentKeyframes,propertyEasings)是JSON绕行,因此每个片段都拥有其数据. 链条分割线性比例尺:N分割QQN+1独立块,每个独立块各自的注册条目. 实际后果:

• 个人放松 – 在一块上修改一个键框的easing;其他没有改变.
• Per-paper 颜色或值插值 — 编辑一个键框的fillColor,strokeColor,或一个块上的任何动画属性,以便在它的窗口上应用不同的转换. 现有的颜色和梯度插座处理HSL/RGB lerp不变.
• per-paper space path —spatialHandles活在单个键框内,因此曲解一个作品动画的路径不影响其他作品.

只要帆布窗没有重叠,片段就不会出现视觉重叠. 将任何棋子拖到新的画布时间位置,再修剪一次,或进一步分割.

示例:动画中的淡出

1. 选择一个文本项目
2. 时间 0s: 将不透明设置为 0
3. 时间 1s: 将不透明设置为 1
4. 设定放松到放松
5. 按下播放预览

示例:颜色过渡

1. 选择项目
2. 在 0s 时: 将填充颜色设置为 #FF000( 红色)
3. 时间 2s: 将填充颜色设置为 # 0000FF( 蓝色)
4. 颜色在光谱中平稳过渡

示例:相机泛效果

利用画布作为景点,在大型图像上创建电影的泛动画.

如何运作

当图像大于画布时:

• canvas 边界 充当摄像头
• 移动左侧图像 = 相机锅 右 **
• 移动图像 = 相机锅下

创建泛动画

1. 将画布大小 设定为您想要的输出( 如 HD 视频, 1920x1080)
2. 导入一个大图像(大于画布)
3. 显示图像 因此起始视图可见
4. 创建键框 以移动图像位置

逐行扫描模式

要以蛇纹图案扫描图像:

替代品:相机跟踪

用于随物体移动的动态相机:

1. 创建小标记或路径
2. 添加与标记相关的camera_follows
3. 激活标记位置
4. 视图自动跟着

提示