变换节点Transform Node

难度LEVELL2 · 进阶L2 · Intermediate 领域TOPIC视觉特效

先学：Prerequisites: 节点编辑器

学习目标LEARNING OBJECTIVES

学完你能用变换节点（Transform Node）平移、缩放、旋转元素，并懂得为什么变换要交给独立节点。

概念说明CONCEPTS

变换节点（Transform Node）是对图像做平移、缩放、旋转的节点——插在元素与它的 Merge 之间，改变流经它的一切内容。

  • 三个核心参数：Center（X/Y 平移）、Size（缩放）、Angle（旋转），都在检查器（Inspector）里调。
  • 串在管道中间：加在目标元素之后、Merge 之前，变换只影响它上游的内容。
  • 坐标是归一化的：画面中心是 0.5 / 0.5，X 往大走右移、Y 往大走上移。
  • 独立节点更可读：Merge 自带的变换控件也能挪位置，但变换交给独立节点，节点图一眼能看懂。

操作步骤STEPS

  1. 选中要变换的元素节点（如一个 Text+）
  2. 点工具栏上的 Transform 图标，节点自动插到选中元素之后Transform 插入元素与 Merge 之间
  3. 选中新的 Transform 节点，在检查器里改 Center 的 X/Y 值移动元素在检查器中调整 Center 值
  4. 需要时继续调 Size 缩放、Angle 旋转
  5. 选中 MediaOut 按 2 载入查看器，确认变换结果

练习PRACTICE

  1. 给一个文字标题加 Transform 节点，把 Center Y 从 0.5 调到 0.6，观察文字上移。
  2. 对同一元素分别试 Size 和 Angle，各调一个夸张值，感受三个参数的分工。

常见问题FAQ

用 Merge 的 Center 和加 Transform 节点有什么区别？

效果相似，但独立 Transform 节点让节点图可读、好维护；做动画时尤其推荐（见 运动路径）。

Center 的值 0.5 是什么意思？

归一化坐标：画面中心是 0.5 / 0.5，X 往大走右移、Y 往大走上移，1.0 大致到画面边缘。

调乱了怎么恢复原位？

把 Center 改回 0.5 / 0.5、Size 改回 1、Angle 改回 0，即回到初始状态。

Learning Objectives学习目标

After this card you can move, scale, and rotate elements with a Transform node — and explain why transforms deserve their own node.

Concepts概念说明

A Transform node pans, scales, and rotates an image — insert it between an element and its Merge, and it changes everything flowing through it.

  • Three key parameters: Center (X/Y position), Size (scale), and Angle (rotation), all adjusted in the Inspector.
  • Sits mid-pipe: add it after the element, before the Merge; the transform only touches what flows into it.
  • Normalized coordinates: the frame center is 0.5 / 0.5 — higher X moves right, higher Y moves up.
  • A separate node stays readable: Merge nodes have their own transform controls, but a dedicated Transform node keeps the node tree legible at a glance.

Steps操作步骤

  1. Select the element you want to transform (e.g. a Text+)
  2. Click the Transform icon on the toolbar — the node inserts itself after your selectionTransform inserted between element and Merge
  3. Select the new Transform node and change the Center X/Y values in the Inspector to move itAdjusting the Center values in the Inspector
  4. Adjust Size and Angle if you need scaling or rotation
  5. Select MediaOut and press 2 to check the result in a viewer

Practice练习

  1. Add a Transform node to a text title and change Center Y from 0.5 to 0.6 — watch the text rise.
  2. On the same element, try an exaggerated Size, then an exaggerated Angle, to feel each parameter's job.

FAQ常见问题

Merge's Center vs. a Transform node — what's the difference?

Similar results, but a dedicated Transform node keeps the node tree readable and maintainable — the recommended choice for animation (see Motion Path).

What does a Center value of 0.5 mean?

Normalized coordinates: 0.5 / 0.5 is the frame center; higher X moves right, higher Y moves up, and 1.0 is roughly the frame edge.

How do I reset after messing up the values?

Set Center back to 0.5 / 0.5, Size to 1, and Angle to 0 — that's the neutral state.

深度资料：变换节点 →Deep dive: 变换节点 →

本卡术语Terms in this card

检查器Inspector 合并Merge 节点Node 变换Transform